{"version":3,"file":"breadcrumb-misc.cjs","sources":["../../../components/breadcrumb/breadcrumb-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport { ChevronRightIcon, EllipsisIcon } from '~/icons';\nimport styles from './breadcrumb.module.css';\n\nexport interface BreadcrumbEllipsisProps extends ComponentProps<'span'> {}\n\nexport const BreadcrumbEllipsis = ({\n  ref,\n  className,\n  children = <EllipsisIcon width={20} height={20} />,\n  ...props\n}: BreadcrumbEllipsisProps) => {\n  return (\n    <li\n      className={styles['breadcrumb-item']}\n      role='presentation'\n      aria-hidden='true'\n      data-slot='breadcrumb-item'\n    >\n      <span\n        className={cx(styles['breadcrumb-ellipsis'], className)}\n        ref={ref}\n        data-slot='breadcrumb-ellipsis'\n        {...props}\n      >\n        {children}\n      </span>\n    </li>\n  );\n};\n\nBreadcrumbEllipsis.displayName = 'Breadcrumb.Ellipsis';\n\nexport interface BreadcrumbSeparatorProps extends ComponentProps<'span'> {}\n\nexport const BreadcrumbSeparator = ({\n  ref,\n  children = <ChevronRightIcon width={12} height={12} />,\n  className,\n  ...props\n}: BreadcrumbSeparatorProps) => {\n  return (\n    <li\n      className={styles['breadcrumb-item']}\n      role='presentation'\n      aria-hidden='true'\n      data-slot='breadcrumb-item'\n    >\n      <span\n        className={cx(styles['breadcrumb-separator'], className)}\n        ref={ref}\n        role='presentation'\n        aria-hidden='true'\n        data-slot='breadcrumb-separator'\n        {...props}\n      >\n        {children}\n      </span>\n    </li>\n  );\n};\n\nBreadcrumbSeparator.displayName = 'Breadcrumb.Separator';\n"],"names":[],"mappings":";;;;;;;;;AASO;AAML;AAiBF;AAEA;AAIO;;AAyBP;AAEA;;;"}