{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "mc-breadcrumb",
  "title": "MicroClub Breadcrumb",
  "description": "A breadcrumb component for MicroClub UI",
  "dependencies": [
    "@base-ui/react",
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/ui/mc-breadcrumb.tsx",
      "content": "import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction McBreadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return (\n    <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn(className)} {...props} />\n  );\n}\n\nfunction McBreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'm-0 list-none border-0 p-0 flex flex-wrap items-center gap-1.5 paragraph-md font-medium text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction McBreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction McBreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<'a'>) {\n  return useRender({\n    defaultTagName: 'a',\n    props: mergeProps<'a'>(\n      {\n        className: cn(\n          'no-underline transition-colors text-muted-foreground hover:text-foreground hover:no-underline',\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: 'breadcrumb-link',\n    },\n  });\n}\n\nfunction McBreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('font-normal paragraph-md font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction McBreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-muted-foreground [&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon className=\"cn-rtl-flip translate-y-px\" />}\n    </li>\n  );\n}\n\nfunction McBreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        'flex size-5 items-center justify-center text-muted-foreground [&>svg]:size-4',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  McBreadcrumb,\n  McBreadcrumbList,\n  McBreadcrumbItem,\n  McBreadcrumbLink,\n  McBreadcrumbPage,\n  McBreadcrumbSeparator,\n  McBreadcrumbEllipsis,\n};\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}