{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react"],
  "files": [
    {
      "path": "./src/components/ui/collapsible.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"@ark-ui/react/collapsible\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleContent = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Content>,\n  CollapsiblePrimitive.ContentProps\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Content\n    ref={ref}\n    className={cn(\n      \"overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\",\n      className\n    )}\n    {...props}\n  />\n))\nCollapsibleContent.displayName = \"CollapsibleContent\"\n\nconst CollapsibleContext = CollapsiblePrimitive.Context\n\nconst CollapsibleIndicator = CollapsiblePrimitive.Indicator\n\nconst CollapsibleTrigger = CollapsiblePrimitive.Trigger\n\nexport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleContext,\n  CollapsibleIndicator,\n  CollapsibleTrigger,\n}\n",
      "type": "registry:ui"
    }
  ],
  "css": {
    "@keyframes collapsible-down": {
      "from": {
        "height": "0"
      },
      "to": {
        "height": "var(--height)"
      }
    },
    "@keyframes collapsible-up": {
      "from": {
        "height": "var(--height)"
      },
      "to": {
        "height": "0"
      }
    }
  }
}