{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-button-39",
  "description": "Hamburger menu button with animated icon",
  "registryDependencies": [
    "@coss/button"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-button-39.tsx",
      "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@/registry/default/ui/button\";\n\nexport default function Particle() {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Button\n      aria-expanded={open}\n      aria-label={open ? \"Close menu\" : \"Open menu\"}\n      onClick={() => setOpen((prevState) => !prevState)}\n      size=\"icon\"\n      variant=\"outline\"\n    >\n      <svg\n        aria-hidden=\"true\"\n        className=\"pointer-events-none\"\n        fill=\"none\"\n        height={16}\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        viewBox=\"0 0 24 24\"\n        width={16}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          className=\"origin-center in-[[data-slot=button][aria-expanded=true]]:translate-x-0 -translate-y-[7px] in-[[data-slot=button][aria-expanded=true]]:translate-y-0 in-[[data-slot=button][aria-expanded=true]]:rotate-315 transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)]\"\n          d=\"M4 12L20 12\"\n        />\n        <path\n          className=\"origin-center in-[[data-slot=button][aria-expanded=true]]:rotate-45 transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.8)]\"\n          d=\"M4 12H20\"\n        />\n        <path\n          className=\"origin-center in-[[data-slot=button][aria-expanded=true]]:translate-y-0 translate-y-[7px] in-[[data-slot=button][aria-expanded=true]]:rotate-135 transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)]\"\n          d=\"M4 12H20\"\n        />\n      </svg>\n    </Button>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "button"
  ],
  "type": "registry:block"
}