{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-breadcrumb",
  "title": "Glass Breadcrumb",
  "description": "A liquid glass styled breadcrumb navigation component.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/liquid-glass/glass-breadcrumb.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\nconst GlassBreadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nGlassBreadcrumb.displayName = \"GlassBreadcrumb\"\n\nconst GlassBreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 wrap-break-words text-sm\",\n        \"px-4 py-2 rounded-xl\",\n        \"bg-white/5 backdrop-blur-xl border border-white/10\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nGlassBreadcrumbList.displayName = \"GlassBreadcrumbList\"\n\nconst GlassBreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n  ),\n)\nGlassBreadcrumbItem.displayName = \"GlassBreadcrumbItem\"\n\nconst GlassBreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  return (\n    <a\n      ref={ref}\n      className={cn(\n        \"text-white/60 transition-colors duration-200\",\n        \"hover:text-white hover:underline underline-offset-4\",\n        \"focus:outline-none focus:text-white\",\n        className,\n      )}\n      {...props}\n    />\n  )\n})\nGlassBreadcrumbLink.displayName = \"GlassBreadcrumbLink\"\n\nconst GlassBreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-medium text-white\", className)}\n      {...props}\n    />\n  ),\n)\nGlassBreadcrumbPage.displayName = \"GlassBreadcrumbPage\"\n\nconst GlassBreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\n  <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:size-3.5 text-white/40\", className)} {...props}>\n    {children ?? <ChevronRight />}\n  </li>\n)\nGlassBreadcrumbSeparator.displayName = \"GlassBreadcrumbSeparator\"\n\nconst GlassBreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\n      \"flex h-8 w-8 items-center justify-center rounded-lg\",\n      \"bg-white/5 hover:bg-white/10 transition-colors\",\n      \"text-white/60\",\n      className,\n    )}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nGlassBreadcrumbEllipsis.displayName = \"GlassBreadcrumbEllipsis\"\n\nexport {\n  GlassBreadcrumb,\n  GlassBreadcrumbList,\n  GlassBreadcrumbItem,\n  GlassBreadcrumbLink,\n  GlassBreadcrumbPage,\n  GlassBreadcrumbSeparator,\n  GlassBreadcrumbEllipsis,\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}