{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "breadcrumb",
  "type": "registry:ui",
  "title": "Breadcrumb",
  "description": "Responsive semantic breadcrumb trail with optional collapsed items.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/breadcrumb.tsx",
      "content": "import * as React from 'react'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode\n  href?: string\n  current?: boolean\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  items: BreadcrumbItem[]\n  maxItems?: number\n}\n\nexport function Breadcrumb({ items, maxItems, className, ...props }: BreadcrumbProps) {\n  const visibleItems: BreadcrumbItem[] = maxItems && items.length > maxItems\n    ? [items[0], { label: <MoreHorizontal className=\"h-4 w-4\" aria-label=\"More breadcrumbs\" /> }, ...items.slice(-Math.max(1, maxItems - 2))]\n    : items\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={cn('font-sans', className)} {...props}>\n      <ol className=\"flex flex-wrap items-center gap-1.5 text-xs font-extrabold\">\n        {visibleItems.map((item, index) => {\n          const isCurrent = item.current || index === visibleItems.length - 1\n          return (\n            <React.Fragment key={`${index}-${String(item.label)}`}>\n              {index > 0 && <ChevronRight className=\"h-4 w-4 shrink-0 text-black/45\" aria-hidden=\"true\" />}\n              <li className=\"flex min-w-0 items-center\">\n                {isCurrent || !item.href ? (\n                  <span aria-current={isCurrent ? 'page' : undefined} className={cn('truncate', isCurrent ? 'text-rk-ink' : 'text-black/55')}>\n                    {item.label}\n                  </span>\n                ) : (\n                  <a href={item.href} className=\"truncate rounded-md px-1 py-0.5 text-black/65 underline-offset-2 hover:bg-rk-primary hover:underline focus:outline-none focus:ring-2 focus:ring-black\">\n                    {item.label}\n                  </a>\n                )}\n              </li>\n            </React.Fragment>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n",
      "type": "registry:ui",
      "target": "components/ui/breadcrumb.tsx"
    }
  ]
}