{
  "name": "breadcrumb",
  "title": "Breadcrumb",
  "description": "Kura Breadcrumb component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { cn, type WithElementRef, type WithoutChildren } from '$lib/utils.js';\n  import DotsThreeIcon from 'phosphor-svelte/lib/DotsThreeIcon';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();\n</script>\n\n<span\n  bind:this={ref}\n  data-slot=\"breadcrumb-ellipsis\"\n  role=\"presentation\"\n  aria-hidden=\"true\"\n  class={cn(\n    'flex size-5 items-center justify-center text-muted-foreground/50 [&>svg]:size-4',\n    className\n  )}\n  {...restProps}\n>\n  <DotsThreeIcon />\n  <span class=\"sr-only\">More</span>\n</span>\n",
      "path": "breadcrumb/breadcrumb-ellipsis.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 { HTMLLiAttributes } 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<HTMLLiAttributes> = $props();\n</script>\n\n<li\n  bind:this={ref}\n  data-slot=\"breadcrumb-item\"\n  class={cn('inline-flex items-center gap-1.5', className)}\n  {...restProps}\n>\n  {@render children?.()}\n</li>\n",
      "path": "breadcrumb/breadcrumb-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 type { HTMLAnchorAttributes } from 'svelte/elements';\n  import type { Snippet } from 'svelte';\n  import { cn, type WithElementRef } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    href = undefined,\n    child,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAnchorAttributes> & {\n    child?: Snippet<[{ props: HTMLAnchorAttributes }]>;\n  } = $props();\n\n  const attrs = $derived({\n    'data-slot': 'breadcrumb-link',\n    class: cn('text-muted-foreground/50 transition-colors hover:text-link', className),\n    href,\n    ...restProps\n  });\n</script>\n\n{#if child}\n  {@render child({ props: attrs })}\n{:else}\n  <a bind:this={ref} {...attrs}>\n    {@render children?.()}\n  </a>\n{/if}\n",
      "path": "breadcrumb/breadcrumb-link.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 { HTMLOlAttributes } 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<HTMLOlAttributes> = $props();\n</script>\n\n<ol\n  bind:this={ref}\n  data-slot=\"breadcrumb-list\"\n  class={cn(\n    'flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground/50  wrap-break-word sm:gap-2.5',\n    className\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n</ol>\n",
      "path": "breadcrumb/breadcrumb-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 type { HTMLAttributes } 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<HTMLAttributes<HTMLSpanElement>> = $props();\n</script>\n\n<span\n  bind:this={ref}\n  data-slot=\"breadcrumb-page\"\n  role=\"link\"\n  aria-disabled=\"true\"\n  aria-current=\"page\"\n  class={cn('font-medium text-foreground', className)}\n  {...restProps}\n>\n  {@render children?.()}\n</span>\n",
      "path": "breadcrumb/breadcrumb-page.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 { HTMLLiAttributes } from 'svelte/elements';\n  import CaretRightIcon from 'phosphor-svelte/lib/CaretRightIcon';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLLiAttributes> = $props();\n</script>\n\n<li\n  bind:this={ref}\n  data-slot=\"breadcrumb-separator\"\n  role=\"presentation\"\n  aria-hidden=\"true\"\n  class={cn('text-muted-foreground/50 [&>svg]:size-3.5', className)}\n  {...restProps}\n>\n  {#if children}\n    {@render children?.()}\n  {:else}\n    <CaretRightIcon />\n  {/if}\n</li>\n",
      "path": "breadcrumb/breadcrumb-separator.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 { WithElementRef } from '$lib/utils.js';\n  import type { HTMLAttributes } from 'svelte/elements';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();\n</script>\n\n<nav\n  bind:this={ref}\n  data-slot=\"breadcrumb\"\n  aria-label=\"breadcrumb\"\n  class={cn('cn-breadcrumb  text-[0.7rem] ', className)}\n  {...restProps}\n>\n  {@render children?.()}\n</nav>\n",
      "path": "breadcrumb/breadcrumb.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 './breadcrumb.svelte';\nimport Ellipsis from './breadcrumb-ellipsis.svelte';\nimport Item from './breadcrumb-item.svelte';\nimport Separator from './breadcrumb-separator.svelte';\nimport Link from './breadcrumb-link.svelte';\nimport List from './breadcrumb-list.svelte';\nimport Page from './breadcrumb-page.svelte';\n\nexport {\n  Root,\n  Ellipsis,\n  Item,\n  Separator,\n  Link,\n  List,\n  Page,\n  //\n  Root as Breadcrumb,\n  Ellipsis as BreadcrumbEllipsis,\n  Item as BreadcrumbItem,\n  Separator as BreadcrumbSeparator,\n  Link as BreadcrumbLink,\n  List as BreadcrumbList,\n  Page as BreadcrumbPage\n};\n",
      "path": "breadcrumb/index.ts",
      "_imports_": [
        {
          "import": "./breadcrumb.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb.svelte"
          },
          "meta": {}
        },
        {
          "import": "./breadcrumb-ellipsis.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb-ellipsis.svelte"
          },
          "meta": {}
        },
        {
          "import": "./breadcrumb-item.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb-item.svelte"
          },
          "meta": {}
        },
        {
          "import": "./breadcrumb-separator.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb-separator.svelte"
          },
          "meta": {}
        },
        {
          "import": "./breadcrumb-link.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb-link.svelte"
          },
          "meta": {}
        },
        {
          "import": "./breadcrumb-list.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb-list.svelte"
          },
          "meta": {}
        },
        {
          "import": "./breadcrumb-page.svelte",
          "item": "breadcrumb",
          "file": {
            "type": "ui",
            "path": "breadcrumb/breadcrumb-page.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "phosphor-svelte",
      "version": "^3.1.0"
    }
  ],
  "devDependencies": []
}