{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-breadcrumbs",
  "type": "registry:ui",
  "title": "Breadcrumbs",
  "dependencies": [
    "lucide-react",
    "react",
    "react-aria-components",
    "tailwind-merge",
    "tailwindcss-react-aria-components",
    "tw-animate-css"
  ],
  "registryDependencies": [
    "https://react-aria.adobe.com/registry/tailwind-link.json",
    "https://react-aria.adobe.com/registry/tailwind-utils.json"
  ],
  "files": [
    {
      "path": "components/ui/Breadcrumbs.tsx",
      "type": "registry:ui",
      "content": "'use client';\nimport {ChevronRight} from 'lucide-react';\nimport React from 'react';\nimport {\n  Breadcrumb as AriaBreadcrumb,\n  Breadcrumbs as AriaBreadcrumbs,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n  type LinkProps\n} from 'react-aria-components/Breadcrumbs';\nimport {twMerge} from 'tailwind-merge';\nimport {Link} from '@/registry/react-aria/ui/Link';\nimport {composeTailwindRenderProps} from '@/registry/react-aria/lib/react-aria-utils';\n\nexport function Breadcrumbs<T>(props: BreadcrumbsProps<T>) {\n  return <AriaBreadcrumbs {...props} className={twMerge('flex gap-1', props.className)} />;\n}\n\nexport function Breadcrumb(props: BreadcrumbProps & Omit<LinkProps, 'className'>) {\n  return (\n    <AriaBreadcrumb\n      {...props}\n      className={composeTailwindRenderProps(props.className, 'flex items-center gap-1')}>\n      {({isCurrent}) => (\n        <>\n          <Link variant=\"secondary\" {...props} />\n          {!isCurrent && (\n            <ChevronRight className=\"w-3 h-3 text-neutral-600 dark:text-neutral-400\" />\n          )}\n        </>\n      )}\n    </AriaBreadcrumb>\n  );\n}\n"
    }
  ],
  "css": {
    "@plugin \"tailwindcss-react-aria-components\"": {},
    "@import \"tw-animate-css\"": {}
  }
}