{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-collapsible-1",
  "description": "Basic collapsible",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@coss/collapsible"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-collapsible-1.tsx",
      "content": "import { ChevronDownIcon } from \"lucide-react\";\nimport {\n  Collapsible,\n  CollapsiblePanel,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\";\n\nexport default function Particle() {\n  return (\n    <Collapsible>\n      <CollapsibleTrigger className=\"inline-flex items-center gap-2 font-medium text-sm data-panel-open:[&_svg]:rotate-180\">\n        Show recovery keys\n        <ChevronDownIcon className=\"size-4\" />\n      </CollapsibleTrigger>\n      <CollapsiblePanel>\n        <ul className=\"flex flex-col gap-1 py-2 text-muted-foreground text-sm\">\n          <li className=\"rounded-sm bg-muted px-2 py-1 font-mono\">\n            4829-1735-6621\n          </li>\n          <li className=\"rounded-sm bg-muted px-2 py-1 font-mono\">\n            9182-6407-5532\n          </li>\n          <li className=\"rounded-sm bg-muted px-2 py-1 font-mono\">\n            3051-7924-9018\n          </li>\n        </ul>\n      </CollapsiblePanel>\n    </Collapsible>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "collapsible"
  ],
  "type": "registry:block"
}