{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible-01",
  "title": "Default Collapsible",
  "description": "A default collapsible component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "collapsible",
    "button"
  ],
  "files": [
    {
      "path": "src/components/customized/collapsible/collapsible-01.tsx",
      "content": "\"use client\";\n\nimport { ChevronsUpDown } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/registry/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/ui/collapsible\";\n\nexport default function CollapsibleDemo() {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <Collapsible\n      className=\"w-[350px] space-y-2\"\n      onOpenChange={setIsOpen}\n      open={isOpen}\n    >\n      <div className=\"flex items-center justify-between space-x-4 px-4\">\n        <h4 className=\"font-semibold text-sm\">\n          @peduarte starred 3 repositories\n        </h4>\n        <CollapsibleTrigger asChild>\n          <Button size=\"sm\" variant=\"ghost\">\n            <ChevronsUpDown className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Toggle</span>\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-xs\">\n        @radix-ui/primitives\n      </div>\n      <CollapsibleContent className=\"space-y-2\">\n        <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-xs\">\n          @radix-ui/colors\n        </div>\n        <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-xs\">\n          @stitches/react\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}