{
  "name": "table",
  "title": "Table",
  "description": "Kura Table component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "import Root from './table.svelte';\nimport Body from './table-body.svelte';\nimport Caption from './table-caption.svelte';\nimport Cell from './table-cell.svelte';\nimport Footer from './table-footer.svelte';\nimport Head from './table-head.svelte';\nimport Header from './table-header.svelte';\nimport Row from './table-row.svelte';\n\nexport {\n  Root,\n  Body,\n  Caption,\n  Cell,\n  Footer,\n  Head,\n  Header,\n  Row,\n  //\n  Root as Table,\n  Body as TableBody,\n  Caption as TableCaption,\n  Cell as TableCell,\n  Footer as TableFooter,\n  Head as TableHead,\n  Header as TableHeader,\n  Row as TableRow\n};\n",
      "path": "table/index.ts",
      "_imports_": [
        {
          "import": "./table.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-body.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-body.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-caption.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-caption.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-cell.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-cell.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-footer.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-footer.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-head.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-head.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-header.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-header.svelte"
          },
          "meta": {}
        },
        {
          "import": "./table-row.svelte",
          "item": "table",
          "file": {
            "type": "ui",
            "path": "table/table-row.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();\n</script>\n\n<tbody\n  bind:this={ref}\n  data-slot=\"table-body\"\n  class={cn('[&_tr:last-child]:border-b-0', className)}\n  {...restProps}\n>\n  {@render children?.()}\n</tbody>\n",
      "path": "table/table-body.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 { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();\n</script>\n\n<caption\n  bind:this={ref}\n  data-slot=\"table-caption\"\n  class={cn('mt-4  text-xs  text-muted-foreground/50 ', className)}\n  {...restProps}\n>\n  {@render children?.()}\n</caption>\n",
      "path": "table/table-caption.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 { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLTdAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLTdAttributes> = $props();\n</script>\n\n<td\n  bind:this={ref}\n  data-slot=\"table-cell\"\n  class={cn(\n    'border-r border-border px-3 py-2.5 align-middle whitespace-nowrap text-muted-foreground last:border-r-0 [&:has([role=checkbox])]:pr-0',\n    className\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n</td>\n",
      "path": "table/table-cell.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 { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();\n</script>\n\n<tfoot\n  bind:this={ref}\n  data-slot=\"table-footer\"\n  class={cn(\n    'border-t border-border bg-muted font-medium text-foreground [&>tr]:last:border-b-0',\n    className\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n</tfoot>\n",
      "path": "table/table-footer.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 { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLThAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLThAttributes> = $props();\n</script>\n\n<th\n  bind:this={ref}\n  data-slot=\"table-head\"\n  class={cn(\n    'h-10 border-r border-border px-3 text-left align-middle  text-xs font-medium  whitespace-nowrap text-muted-foreground/50  last:border-r-0 [&:has([role=checkbox])]:pr-0',\n    className\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n</th>\n",
      "path": "table/table-head.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 { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();\n</script>\n\n<thead\n  bind:this={ref}\n  data-slot=\"table-header\"\n  class={cn('bg-muted/80 [&_tr]:border-b [&_tr]:border-border', className)}\n  {...restProps}\n>\n  {@render children?.()}\n</thead>\n",
      "path": "table/table-header.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 { cn, type WithElementRef } from '$lib/utils.js';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAttributes<HTMLTableRowElement>> = $props();\n</script>\n\n<tr\n  bind:this={ref}\n  data-slot=\"table-row\"\n  class={cn(\n    'border-b border-border transition-colors hover:bg-accent data-[state=selected]:bg-primary-wash',\n    className\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n</tr>\n",
      "path": "table/table-row.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 type { HTMLTableAttributes } from 'svelte/elements';\n  import { cn, type WithElementRef } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLTableAttributes> = $props();\n</script>\n\n<div\n  data-slot=\"table-container\"\n  class=\"relative w-full overflow-x-auto border border-border bg-background\"\n>\n  <table\n    bind:this={ref}\n    data-slot=\"table\"\n    class={cn('w-full caption-bottom border-collapse text-xs text-muted-foreground', className)}\n    {...restProps}\n  >\n    {@render children?.()}\n  </table>\n</div>\n",
      "path": "table/table.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [],
  "devDependencies": []
}