{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "collapsible",
  "title": "Collapsible",
  "description": "An interactive component that can be opened and closed to reveal or hide content",
  "dependencies": ["@ark-ui/react", "clsx", "tailwind-merge"],
  "files": [
    {
      "path": "src/registry/thornberry/components/collapsible.tsx",
      "content": "import { Collapsible as ArkCollapsible } from \"@ark-ui/react/collapsible\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { ComponentProps } from \"react\";\n\nconst CollapsibleProvider = ArkCollapsible.RootProvider;\nconst CollapsibleContext = ArkCollapsible.Context;\n\nconst CollapsibleRoot = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkCollapsible.Root>) => (\n  <ArkCollapsible.Root className={cn(\"w-full\", className)} {...rest} />\n);\n\nconst CollapsibleTrigger = ({\n  className,\n  children,\n  ...rest\n}: ComponentProps<typeof ArkCollapsible.Trigger>) => (\n  <ArkCollapsible.Trigger\n    className={cn(\n      \"transform] flex w-full cursor-pointer items-center justify-between rounded-md px-3 py-3 font-medium text-sm outline-none transition-[color,box-shadow,transition] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background [&[data-state=open]>svg]:rotate-90\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </ArkCollapsible.Trigger>\n);\n\nconst CollapsibleContent = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkCollapsible.Content>) => (\n  <ArkCollapsible.Content\n    className={cn(\n      \"overflow-hidden rounded-b-md border border-muted/50 border-t-0 p-4\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nexport {\n  CollapsibleRoot,\n  CollapsibleTrigger,\n  CollapsibleContent,\n  CollapsibleProvider,\n  CollapsibleContext,\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    }
  ],
  "type": "registry:ui"
}