{
  "name": "breadcrumb",
  "type": "registry:ui",
  "dependencies": [
    "reka-ui"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/breadcrumb/Breadcrumb.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"]\n}>()\n</script>\n\n<template>\n  <nav\n    aria-label=\"breadcrumb\"\n    data-slot=\"breadcrumb\"\n    :class=\"cn('cn-breadcrumb', props.class)\"\n  >\n    <slot />\n  </nav>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/BreadcrumbEllipsis.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\nimport IconPlaceholder from \"@/components/docs/icon-placeholder/IconPlaceholder.vue\"\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"]\n}>()\n</script>\n\n<template>\n  <span\n    data-slot=\"breadcrumb-ellipsis\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    :class=\"cn('cn-breadcrumb-ellipsis flex items-center justify-center', props.class)\"\n  >\n    <slot>\n      <IconPlaceholder\n        lucide=\"MoreHorizontalIcon\"\n        tabler=\"IconDots\"\n        hugeicons=\"MoreHorizontalCircle01Icon\"\n        phosphor=\"DotsThreeIcon\"\n        remixicon=\"RiMoreLine\"\n      />\n    </slot>\n    <span class=\"sr-only\">More</span>\n  </span>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/BreadcrumbItem.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"]\n}>()\n</script>\n\n<template>\n  <li\n    data-slot=\"breadcrumb-item\"\n    :class=\"cn('cn-breadcrumb-item inline-flex items-center', props.class)\"\n  >\n    <slot />\n  </li>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/BreadcrumbLink.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes[\"class\"] }>(), {\n  as: \"a\",\n})\n</script>\n\n<template>\n  <Primitive\n    data-slot=\"breadcrumb-link\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"cn('cn-breadcrumb-link', props.class)\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/BreadcrumbList.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"]\n}>()\n</script>\n\n<template>\n  <ol\n    data-slot=\"breadcrumb-list\"\n    :class=\"cn('cn-breadcrumb-list flex flex-wrap items-center wrap-break-word', props.class)\"\n  >\n    <slot />\n  </ol>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/BreadcrumbPage.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"]\n}>()\n</script>\n\n<template>\n  <span\n    data-slot=\"breadcrumb-page\"\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    :class=\"cn('cn-breadcrumb-page', props.class)\"\n  >\n    <slot />\n  </span>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/BreadcrumbSeparator.vue",
      "type": "registry:ui",
      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\nimport IconPlaceholder from \"@/components/docs/icon-placeholder/IconPlaceholder.vue\"\n\nconst props = defineProps<{\n  class?: HTMLAttributes[\"class\"]\n}>()\n</script>\n\n<template>\n  <li\n    data-slot=\"breadcrumb-separator\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    :class=\"cn('cn-breadcrumb-separator', props.class)\"\n  >\n    <slot>\n      <IconPlaceholder\n        lucide=\"ChevronRightIcon\"\n        tabler=\"IconChevronRight\"\n        hugeicons=\"ArrowRight01Icon\"\n        phosphor=\"CaretRightIcon\"\n        remixicon=\"RiArrowRightSLine\"\n        class=\"cn-rtl-flip\"\n      />\n    </slot>\n  </li>\n</template>\n"
    },
    {
      "path": "ui/breadcrumb/index.ts",
      "type": "registry:ui",
      "content": "export { default as Breadcrumb } from \"./Breadcrumb.vue\"\nexport { default as BreadcrumbEllipsis } from \"./BreadcrumbEllipsis.vue\"\nexport { default as BreadcrumbItem } from \"./BreadcrumbItem.vue\"\nexport { default as BreadcrumbLink } from \"./BreadcrumbLink.vue\"\nexport { default as BreadcrumbList } from \"./BreadcrumbList.vue\"\nexport { default as BreadcrumbPage } from \"./BreadcrumbPage.vue\"\nexport { default as BreadcrumbSeparator } from \"./BreadcrumbSeparator.vue\"\n"
    }
  ]
}