{
  "name": "collapsible",
  "title": "Collapsible",
  "description": "Kura Collapsible component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: CollapsiblePrimitive.ContentProps = $props();\n</script>\n\n<CollapsiblePrimitive.Content\n  bind:ref\n  data-slot=\"collapsible-content\"\n  class={cn('bg-background px-3 py-3 text-sm text-muted-foreground', className)}\n  {...restProps}\n/>\n",
      "path": "collapsible/collapsible-content.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: CollapsiblePrimitive.TriggerProps = $props();\n</script>\n\n<CollapsiblePrimitive.Trigger\n  bind:ref\n  data-slot=\"collapsible-trigger\"\n  class={cn(\n    'flex w-full items-center justify-between border-b border-border px-3 py-2  text-xs font-medium  text-muted-foreground  transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none',\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "collapsible/collapsible-trigger.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    open = $bindable(false),\n    class: className,\n    ...restProps\n  }: CollapsiblePrimitive.RootProps = $props();\n</script>\n\n<CollapsiblePrimitive.Root\n  bind:ref\n  bind:open\n  data-slot=\"collapsible\"\n  class={cn('border border-border bg-background text-foreground', className)}\n  {...restProps}\n/>\n",
      "path": "collapsible/collapsible.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "import Root from './collapsible.svelte';\nimport Trigger from './collapsible-trigger.svelte';\nimport Content from './collapsible-content.svelte';\n\nexport {\n  Root,\n  Content,\n  Trigger,\n  //\n  Root as Collapsible,\n  Content as CollapsibleContent,\n  Trigger as CollapsibleTrigger\n};\n",
      "path": "collapsible/index.ts",
      "_imports_": [
        {
          "import": "./collapsible.svelte",
          "item": "collapsible",
          "file": {
            "type": "ui",
            "path": "collapsible/collapsible.svelte"
          },
          "meta": {}
        },
        {
          "import": "./collapsible-trigger.svelte",
          "item": "collapsible",
          "file": {
            "type": "ui",
            "path": "collapsible/collapsible-trigger.svelte"
          },
          "meta": {}
        },
        {
          "import": "./collapsible-content.svelte",
          "item": "collapsible",
          "file": {
            "type": "ui",
            "path": "collapsible/collapsible-content.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "bits-ui",
      "version": "^2.18.1"
    }
  ],
  "devDependencies": []
}