{
  "name": "tabs",
  "title": "Tabs",
  "description": "Kura Tabs component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "import Root from './tabs.svelte';\nimport Content from './tabs-content.svelte';\nimport List, { tabsListVariants, type TabsListVariant } from './tabs-list.svelte';\nimport Trigger from './tabs-trigger.svelte';\n\nexport {\n  Root,\n  Content,\n  List,\n  Trigger,\n  tabsListVariants,\n  type TabsListVariant,\n  //\n  Root as Tabs,\n  Content as TabsContent,\n  List as TabsList,\n  Trigger as TabsTrigger\n};\n",
      "path": "tabs/index.ts",
      "_imports_": [
        {
          "import": "./tabs.svelte",
          "item": "tabs",
          "file": {
            "type": "ui",
            "path": "tabs/tabs.svelte"
          },
          "meta": {}
        },
        {
          "import": "./tabs-content.svelte",
          "item": "tabs",
          "file": {
            "type": "ui",
            "path": "tabs/tabs-content.svelte"
          },
          "meta": {}
        },
        {
          "import": "./tabs-list.svelte",
          "item": "tabs",
          "file": {
            "type": "ui",
            "path": "tabs/tabs-list.svelte"
          },
          "meta": {}
        },
        {
          "import": "./tabs-trigger.svelte",
          "item": "tabs",
          "file": {
            "type": "ui",
            "path": "tabs/tabs-trigger.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { Tabs as TabsPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: TabsPrimitive.ContentProps = $props();\n</script>\n\n<TabsPrimitive.Content\n  bind:ref\n  data-slot=\"tabs-content\"\n  class={cn(\n    'flex-1 border border-border bg-background p-4 text-sm text-muted-foreground outline-none',\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "tabs/tabs-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\" module>\n  import { tv, type VariantProps } from 'tailwind-variants';\n\n  export const tabsListVariants = tv({\n    base: 'group/tabs-list inline-flex w-fit items-center justify-center border border-border bg-background p-1  text-xs text-muted-foreground/50 group-data-horizontal/tabs:h-10 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',\n    variants: {\n      variant: {\n        default: 'cn-tabs-list-variant-default rounded-none',\n        line: 'cn-tabs-list-variant-line gap-1 rounded-none bg-transparent'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  });\n\n  export type TabsListVariant = VariantProps<typeof tabsListVariants>['variant'];\n</script>\n\n<script lang=\"ts\">\n  import { Tabs as TabsPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    variant = 'default',\n    class: className,\n    ...restProps\n  }: TabsPrimitive.ListProps & {\n    variant?: TabsListVariant;\n  } = $props();\n</script>\n\n<TabsPrimitive.List\n  bind:ref\n  data-slot=\"tabs-list\"\n  data-variant={variant}\n  class={cn(tabsListVariants({ variant }), className)}\n  {...restProps}\n/>\n",
      "path": "tabs/tabs-list.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 { Tabs as TabsPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: TabsPrimitive.TriggerProps = $props();\n</script>\n\n<TabsPrimitive.Trigger\n  bind:ref\n  data-slot=\"tabs-trigger\"\n  class={cn(\n    \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-2 rounded-none border border-transparent px-4 py-1.5  text-xs font-medium  whitespace-nowrap text-muted-foreground/50  transition-all hover:text-foreground group-data-vertical/tabs:px-4 group-data-vertical/tabs:py-2 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n    'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',\n    'data-active:border-link data-active:bg-primary data-active:text-primary-foreground dark:data-active:border-link dark:data-active:bg-primary dark:data-active:text-primary-foreground',\n    'after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-px group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-px group-data-[variant=line]/tabs-list:data-active:after:opacity-100',\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "tabs/tabs-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 { Tabs as TabsPrimitive } 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  }: TabsPrimitive.RootProps = $props();\n</script>\n\n<TabsPrimitive.Root\n  bind:ref\n  bind:value\n  data-slot=\"tabs\"\n  class={cn(\n    'group/tabs flex gap-2 text-foreground data-[orientation=horizontal]:flex-col',\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "tabs/tabs.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "bits-ui",
      "version": "^2.18.1"
    },
    {
      "ecosystem": "js",
      "name": "tailwind-variants",
      "version": "^3.2.2"
    }
  ],
  "devDependencies": []
}