{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible-demo",
  "type": "registry:example",
  "title": "Collapsible Demo",
  "registryDependencies": [
    "https://seamui.dev/r/collapsible.json",
    "https://seamui.dev/r/button.json"
  ],
  "files": [
    {
      "path": "registry/seam/examples/collapsible-demo.tsx",
      "content": "import { ChevronsUpDown } from \"lucide-react\"\n\nimport { Button } from \"@/registry/seam/ui/button\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/seam/ui/collapsible\"\n\nexport default function CollapsibleDemo() {\n  return (\n    <Collapsible className=\"w-72 space-y-2\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <span className=\"text-sm font-medium\">seamui springs</span>\n        <CollapsibleTrigger\n          render={\n            <Button variant=\"ghost\" size=\"icon\" aria-label=\"Toggle\">\n              <ChevronsUpDown />\n            </Button>\n          }\n        />\n      </div>\n      <CollapsibleContent className=\"space-y-2\">\n        {[\"press\", \"snappy\", \"surface\"].map((s) => (\n          <div key={s} className=\"rounded-md border px-3 py-2 text-sm\">\n            springs.{s}\n          </div>\n        ))}\n      </CollapsibleContent>\n    </Collapsible>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}