{"version":3,"file":"breadcrumb-root.cjs","sources":["../../../components/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport styles from './breadcrumb.module.css';\n\nconst breadcrumbVariants = cva(styles['breadcrumb'], {\n  variants: {\n    size: {\n      small: styles['breadcrumb-small'],\n      medium: styles['breadcrumb-medium']\n    }\n  },\n  defaultVariants: {\n    size: 'medium'\n  }\n});\n\n/**\n * Breadcrumb root: renders a nav with an ordered list of items and separators.\n */\nexport interface BreadcrumbProps\n  extends VariantProps<typeof breadcrumbVariants>,\n    ComponentProps<'nav'> {}\n\nexport const BreadcrumbRoot = ({\n  className,\n  children,\n  ref,\n  size = 'medium',\n  'aria-label': ariaLabel,\n  ...props\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      className={breadcrumbVariants({ size, className })}\n      ref={ref}\n      aria-label={ariaLabel ?? 'Breadcrumb'}\n      data-slot='breadcrumb'\n      {...props}\n    >\n      <ol className={styles['breadcrumb-list']} data-slot='breadcrumb-list'>\n        {children}\n      </ol>\n    </nav>\n  );\n};\n\nBreadcrumbRoot.displayName = 'Breadcrumb';\n"],"names":[],"mappings":";;;;;;;AAMA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQX;AAaF;AAEA;;"}