{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "breadcrumb",
  "type": "registry:ui",
  "title": "Breadcrumb",
  "description": "A typed file path.",
  "categories": [
    "core"
  ],
  "files": [
    {
      "path": "ui/breadcrumb.tsx",
      "type": "registry:ui",
      "content": "import * as React from \"react\";\nimport { Slot } from \"radix-ui\";\n\nconst type = { fontFamily: \"var(--font-type, 'Courier New', ui-monospace, monospace)\" };\n\n/** A typed file path: Drawer › Folder › Letter */\nexport function Breadcrumb(props: React.HTMLAttributes<HTMLElement>) {\n  return <nav aria-label=\"breadcrumb\" {...props} />;\n}\n\nexport function BreadcrumbList({ className = \"\", style, ...props }: React.OlHTMLAttributes<HTMLOListElement>) {\n  return (\n    <ol\n      className={`flex flex-wrap items-center gap-2 text-[12.5px] uppercase tracking-[0.12em] text-(--ink-muted) ${className}`}\n      style={{ ...type, ...style }}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbItem({ className = \"\", ...props }: React.LiHTMLAttributes<HTMLLIElement>) {\n  return <li className={`inline-flex items-center gap-2 ${className}`} {...props} />;\n}\n\nexport function BreadcrumbLink({\n  asChild,\n  className = \"\",\n  ...props\n}: React.AnchorHTMLAttributes<HTMLAnchorElement> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"a\";\n  return (\n    <Comp\n      className={`underline decoration-(--ink-faint) decoration-dashed underline-offset-4 transition-colors hover:text-(--ink) hover:decoration-(--pen) hover:decoration-solid ${className}`}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbPage({ className = \"\", ...props }: React.HTMLAttributes<HTMLSpanElement>) {\n  return <span role=\"link\" aria-disabled=\"true\" aria-current=\"page\" className={`font-bold text-(--ink) ${className}`} {...props} />;\n}\n\nexport function BreadcrumbSeparator({ children, className = \"\", ...props }: React.LiHTMLAttributes<HTMLLIElement>) {\n  return (\n    <li role=\"presentation\" aria-hidden className={`text-(--ink-faint) ${className}`} {...props}>\n      {children ?? \"›\"}\n    </li>\n  );\n}\n"
    }
  ],
  "dependencies": [
    "radix-ui"
  ]
}