{
  "name": "accordion",
  "title": "Accordion",
  "description": "Kura Accordion component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { Accordion as AccordionPrimitive } from 'bits-ui';\n  import { cn, type WithoutChild } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithoutChild<AccordionPrimitive.ContentProps> = $props();\n</script>\n\n<AccordionPrimitive.Content\n  bind:ref\n  data-slot=\"accordion-content\"\n  class=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm text-muted-foreground\"\n  {...restProps}\n>\n  <div\n    class={cn(\n      'px-4 pt-0 pb-4 leading-6 [&_a]:text-link [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',\n      className\n    )}\n  >\n    {@render children?.()}\n  </div>\n</AccordionPrimitive.Content>\n",
      "path": "accordion/accordion-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 { Accordion as AccordionPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: AccordionPrimitive.ItemProps = $props();\n</script>\n\n<AccordionPrimitive.Item\n  bind:ref\n  data-slot=\"accordion-item\"\n  class={cn('border-border not-last:border-b', className)}\n  {...restProps}\n/>\n",
      "path": "accordion/accordion-item.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 { Accordion as AccordionPrimitive } from 'bits-ui';\n  import { cn, type WithoutChild } from '$lib/utils.js';\n  import CaretDownIcon from 'phosphor-svelte/lib/CaretDownIcon';\n  import CaretUpIcon from 'phosphor-svelte/lib/CaretUpIcon';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    level = 3,\n    children,\n    ...restProps\n  }: WithoutChild<AccordionPrimitive.TriggerProps> & {\n    level?: AccordionPrimitive.HeaderProps['level'];\n  } = $props();\n</script>\n\n<AccordionPrimitive.Header {level} class=\"flex\">\n  <AccordionPrimitive.Trigger\n    data-slot=\"accordion-trigger\"\n    bind:ref\n    class={cn(\n      'focus-visible:ring-ring/50 focus-visible:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground/50 gap-6 rounded-none px-4 py-3 text-left  text-xs font-medium  text-foreground  hover:bg-muted hover:text-foreground focus-visible:ring-1 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-3.5 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50',\n      className\n    )}\n    {...restProps}\n  >\n    {@render children?.()}\n    <CaretDownIcon\n      data-slot=\"accordion-trigger-icon\"\n      class=\"cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n    />\n    <CaretUpIcon\n      data-slot=\"accordion-trigger-icon\"\n      class=\"cn-accordion-trigger-icon pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n    />\n  </AccordionPrimitive.Trigger>\n</AccordionPrimitive.Header>\n",
      "path": "accordion/accordion-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 { Accordion as AccordionPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    value = $bindable(),\n    class: className,\n    ...restProps\n  }: AccordionPrimitive.RootProps = $props();\n</script>\n\n<AccordionPrimitive.Root\n  bind:ref\n  bind:value={value as never}\n  data-slot=\"accordion\"\n  class={cn('cn-accordion flex w-full flex-col border border-border bg-background', className)}\n  {...restProps}\n/>\n",
      "path": "accordion/accordion.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 './accordion.svelte';\nimport Content from './accordion-content.svelte';\nimport Item from './accordion-item.svelte';\nimport Trigger from './accordion-trigger.svelte';\n\nexport {\n  Root,\n  Content,\n  Item,\n  Trigger,\n  //\n  Root as Accordion,\n  Content as AccordionContent,\n  Item as AccordionItem,\n  Trigger as AccordionTrigger\n};\n",
      "path": "accordion/index.ts",
      "_imports_": [
        {
          "import": "./accordion.svelte",
          "item": "accordion",
          "file": {
            "type": "ui",
            "path": "accordion/accordion.svelte"
          },
          "meta": {}
        },
        {
          "import": "./accordion-content.svelte",
          "item": "accordion",
          "file": {
            "type": "ui",
            "path": "accordion/accordion-content.svelte"
          },
          "meta": {}
        },
        {
          "import": "./accordion-item.svelte",
          "item": "accordion",
          "file": {
            "type": "ui",
            "path": "accordion/accordion-item.svelte"
          },
          "meta": {}
        },
        {
          "import": "./accordion-trigger.svelte",
          "item": "accordion",
          "file": {
            "type": "ui",
            "path": "accordion/accordion-trigger.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "bits-ui",
      "version": "^2.18.1"
    },
    {
      "ecosystem": "js",
      "name": "phosphor-svelte",
      "version": "^3.1.0"
    }
  ],
  "devDependencies": []
}