{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-100",
  "type": "registry:component",
  "registryDependencies": [
    "https://coss.com/origin/r/button.json"
  ],
  "files": [
    {
      "path": "registry/default/components/comp-100.tsx",
      "content": "\"use client\";\n\nimport { useState } from \"react\";\n\nimport { Button } from \"@/registry/default/ui/button\";\n\nexport default function Component() {\n  const [open, setOpen] = useState<boolean>(false);\n\n  return (\n    <Button\n      aria-expanded={open}\n      aria-label={open ? \"Close menu\" : \"Open menu\"}\n      className=\"group\"\n      onClick={() => setOpen((prevState) => !prevState)}\n      size=\"icon\"\n      variant=\"outline\"\n    >\n      <svg\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=\"-translate-y-[7px] origin-center transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-aria-expanded:translate-x-0 group-aria-expanded:translate-y-0 group-aria-expanded:rotate-315\"\n          d=\"M4 12L20 12\"\n        />\n        <path\n          className=\"origin-center transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.8)] group-aria-expanded:rotate-45\"\n          d=\"M4 12H20\"\n        />\n        <path\n          className=\"origin-center translate-y-[7px] transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-aria-expanded:translate-y-0 group-aria-expanded:rotate-135\"\n          d=\"M4 12H20\"\n        />\n      </svg>\n    </Button>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "style": 2,
    "tags": [
      "button",
      "menu",
      "hamburger"
    ]
  }
}