{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible",
  "title": "Collapsible",
  "description": "Single expand/collapse region on radix-ui. Exports Collapsible, CollapsibleTrigger, CollapsibleContent. Unstyled by design so it composes into any layout.",
  "dependencies": [
    "radix-ui@^1.6.1"
  ],
  "registryDependencies": [
    "@ai2/tokens",
    "@ai2/primitives"
  ],
  "files": [
    {
      "path": "registry/ai2/ui/collapsible.tsx",
      "content": "\"use client\"\n\nimport type * as React from \"react\"\nimport { Collapsible as CollapsiblePrimitive } from \"@/registry/ai2/ui/primitives\"\n\nfunction Collapsible(\n  props: React.ComponentProps<typeof CollapsiblePrimitive.Root>\n) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger(\n  props: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>\n) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent(\n  props: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>\n) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n",
      "type": "registry:ui"
    }
  ],
  "docs": "Use for a single show/hide toggle (a filter panel, a see-more block). For a set of mutually exclusive panels use Accordion.",
  "categories": [
    "disclosure"
  ],
  "type": "registry:ui"
}