@codefast/ui 0.0.65 → 0.0.67

package/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { twMerge } from 'tailwind-merge';
-import { type ClassValue, clsx } from 'clsx';
-
-export function cn(...inputs: ClassValue[]): string {
-  return twMerge(clsx(inputs));
-}

package/src/react/accordion.tsx

@@ -1,86 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDownIcon } from '@radix-ui/react-icons';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Accordion
- * -------------------------------------------------------------------------- */
-
-type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
-const Accordion = AccordionPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: AccordionItem
- * -------------------------------------------------------------------------- */
-
-type AccordionItemElement = React.ElementRef<typeof AccordionPrimitive.Item>;
-type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
-
-const AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />
-));
-
-AccordionItem.displayName = AccordionPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AccordionTrigger
- * -------------------------------------------------------------------------- */
-
-type AccordionTriggerElement = React.ElementRef<typeof AccordionPrimitive.Trigger>;
-type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
-
-const AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(
-  ({ children, className, ...props }, ref) => (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        ref={ref}
-        className={cn('group flex flex-1 items-center justify-between py-4 text-sm font-medium', className)}
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon className="text-muted-foreground size-4 shrink-0 transition group-data-[state=open]:rotate-180" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  ),
-);
-
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AccordionContent
- * -------------------------------------------------------------------------- */
-
-type AccordionContentElement = React.ElementRef<typeof AccordionPrimitive.Content>;
-type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
-
-const AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(
-  ({ children, className, ...props }, ref) => (
-    <AccordionPrimitive.Content
-      ref={ref}
-      className="data-[state=open]:animate-collapsible-open data-[state=closed]:animate-collapsible-closed overflow-hidden text-sm"
-      {...props}
-    >
-      <div className={cn('pb-4 pt-0', className)}>{children}</div>
-    </AccordionPrimitive.Content>
-  ),
-);
-
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Accordion,
-  AccordionItem,
-  AccordionTrigger,
-  AccordionContent,
-  type AccordionProps,
-  type AccordionItemProps,
-  type AccordionTriggerProps,
-  type AccordionContentProps,
-};

package/src/react/alert-dialog.tsx

@@ -1,177 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { cn } from '../lib/utils';
-import { buttonVariants } from './button';
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialog
- * -------------------------------------------------------------------------- */
-
-type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;
-const AlertDialog = AlertDialogPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogTrigger
- * -------------------------------------------------------------------------- */
-
-type AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogContent
- * -------------------------------------------------------------------------- */
-
-type AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;
-type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;
-
-const AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(
-  ({ className, ...props }, ref) => (
-    <AlertDialogPrimitive.Portal>
-      <AlertDialogPrimitive.Overlay className="data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 grid place-items-center overflow-auto bg-black/80 p-4 sm:pb-12 sm:pt-8">
-        <AlertDialogPrimitive.Content
-          ref={ref}
-          className={cn(
-            'bg-background data-[state=open]:animate-in data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:animate-duration-200 data-[state=closed]:animate-duration-200 data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out relative z-50 flex w-full max-w-lg flex-col rounded-lg border shadow-lg',
-            className,
-          )}
-          {...props}
-        />
-      </AlertDialogPrimitive.Overlay>
-    </AlertDialogPrimitive.Portal>
-  ),
-);
-
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogHeader
- * -------------------------------------------------------------------------- */
-
-type AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-
-function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): React.JSX.Element {
-  return (
-    <div
-      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}
-      {...props}
-    />
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: DialogBody
- * -------------------------------------------------------------------------- */
-
-type AlertDialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
-
-function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): React.JSX.Element {
-  return <main className={cn('overflow-auto px-6 py-2', className)} {...props} />;
-}
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogFooter
- * -------------------------------------------------------------------------- */
-
-type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
-
-function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): React.JSX.Element {
-  return (
-    <div
-      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}
-      {...props}
-    />
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogTitle
- * -------------------------------------------------------------------------- */
-
-type AlertDialogTitleElement = React.ElementRef<typeof AlertDialogPrimitive.Title>;
-type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;
-
-const AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(
-  ({ className, ...props }, ref) => (
-    <AlertDialogPrimitive.Title
-      ref={ref}
-      className={cn('text-lg font-semibold leading-none tracking-tight', className)}
-      {...props}
-    />
-  ),
-);
-
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogDescription
- * -------------------------------------------------------------------------- */
-
-type AlertDialogDescriptionElement = React.ElementRef<typeof AlertDialogPrimitive.Description>;
-type AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;
-
-const AlertDialogDescription = React.forwardRef<AlertDialogDescriptionElement, AlertDialogDescriptionProps>(
-  ({ className, ...props }, ref) => (
-    <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
-  ),
-);
-
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogAction
- * -------------------------------------------------------------------------- */
-
-type AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;
-type AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;
-
-const AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(
-  ({ className, ...props }, ref) => (
-    <AlertDialogPrimitive.Action ref={ref} className={buttonVariants({ className })} {...props} />
-  ),
-);
-
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDialogCancel
- * -------------------------------------------------------------------------- */
-
-type AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;
-type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
-
-const AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(
-  ({ className, ...props }, ref) => (
-    <AlertDialogPrimitive.Cancel ref={ref} className={buttonVariants({ variant: 'outline', className })} {...props} />
-  ),
-);
-
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  AlertDialog,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogBody,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-  type AlertDialogProps,
-  type AlertDialogTriggerProps,
-  type AlertDialogContentProps,
-  type AlertDialogHeaderProps,
-  type AlertDialogBodyProps,
-  type AlertDialogFooterProps,
-  type AlertDialogTitleProps,
-  type AlertDialogDescriptionProps,
-  type AlertDialogActionProps,
-  type AlertDialogCancelProps,
-};

package/src/react/alert.tsx

@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { tv, type VariantProps } from 'tailwind-variants';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Variant: Alert
- * -------------------------------------------------------------------------- */
-
-const alertVariants = tv({
-  base: '[&>svg+div]:-translate-y-0.75 relative w-full rounded-lg border p-4 text-sm [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7',
-  variants: {
-    variant: {
-      default: 'bg-background text-foreground [&>svg]:text-foreground',
-      destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
-    },
-  },
-  defaultVariants: {
-    variant: 'default',
-  },
-});
-
-type AlertVariantsProps = VariantProps<typeof alertVariants>;
-
-/* -----------------------------------------------------------------------------
- * Component: Alert
- * -------------------------------------------------------------------------- */
-
-type AlertElement = HTMLDivElement;
-type AlertProps = React.HTMLAttributes<HTMLDivElement> & AlertVariantsProps;
-
-const Alert = React.forwardRef<AlertElement, AlertProps>(({ className, variant, ...props }, ref) => (
-  <div ref={ref} className={alertVariants({ variant, className })} role="alert" {...props} />
-));
-
-Alert.displayName = 'Alert';
-
-/* -----------------------------------------------------------------------------
- * Component: AlertTitle
- * -------------------------------------------------------------------------- */
-
-type AlertTitleElement = HTMLHeadingElement;
-type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
-
-const AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>(({ children, className, ...props }, ref) => (
-  <h5 ref={ref} className={cn('mb-1 font-medium leading-none tracking-tight', className)} {...props}>
-    {children}
-  </h5>
-));
-
-AlertTitle.displayName = 'AlertTitle';
-
-/* -----------------------------------------------------------------------------
- * Component: AlertDescription
- * -------------------------------------------------------------------------- */
-
-type AlertDescriptionElement = HTMLDivElement;
-type AlertDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
-
-const AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(
-  ({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />
-  ),
-);
-
-AlertDescription.displayName = 'AlertDescription';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Alert, AlertTitle, AlertDescription, type AlertProps, type AlertTitleProps, type AlertDescriptionProps };

package/src/react/aspect-ratio.tsx

@@ -1,17 +0,0 @@
-'use client';
-
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import type * as React from 'react';
-
-/* -----------------------------------------------------------------------------
- * Component: AspectRatio
- * -------------------------------------------------------------------------- */
-
-type AspectRatioProps = React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>;
-const AspectRatio = AspectRatioPrimitive.Root;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { AspectRatio, type AspectRatioProps };

package/src/react/avatar.tsx

@@ -1,58 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Avatar
- * -------------------------------------------------------------------------- */
-
-type AvatarElement = React.ElementRef<typeof AvatarPrimitive.Root>;
-type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
-
-const Avatar = React.forwardRef<AvatarElement, AvatarProps>(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)}
-    {...props}
-  />
-));
-
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AvatarImage
- * -------------------------------------------------------------------------- */
-
-type AvatarImageElement = React.ElementRef<typeof AvatarPrimitive.Image>;
-type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
-
-const AvatarImage = React.forwardRef<AvatarImageElement, AvatarImageProps>(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image ref={ref} className={cn('aspect-square size-full', className)} {...props} />
-));
-
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: AvatarFallback
- * -------------------------------------------------------------------------- */
-
-type AvatarFallbackElement = React.ElementRef<typeof AvatarPrimitive.Fallback>;
-type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
-
-const AvatarFallback = React.forwardRef<AvatarFallbackElement, AvatarFallbackProps>(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}
-    {...props}
-  />
-));
-
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Avatar, AvatarImage, AvatarFallback, type AvatarProps, type AvatarImageProps, type AvatarFallbackProps };

package/src/react/badge.tsx

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { tv, type VariantProps } from 'tailwind-variants';
-
-/* -----------------------------------------------------------------------------
- * Variant: Badge
- * -------------------------------------------------------------------------- */
-
-const badgeVariants = tv({
-  base: 'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition',
-  variants: {
-    variant: {
-      default: 'bg-primary text-primary-foreground border-transparent shadow',
-      secondary: 'bg-secondary text-secondary-foreground border-transparent',
-      destructive: 'bg-destructive text-destructive-foreground border-transparent shadow',
-      outline: 'text-foreground',
-    },
-  },
-  defaultVariants: {
-    variant: 'default',
-  },
-});
-
-type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
-
-/* -----------------------------------------------------------------------------
- * Component: Badge
- * -------------------------------------------------------------------------- */
-
-type BadgeProps = React.HTMLAttributes<HTMLDivElement> & BadgeVariantsProps;
-
-function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element {
-  return <div className={badgeVariants({ variant, className })} {...props} />;
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Badge, type BadgeProps };

package/src/react/blockquote.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-
-/* -----------------------------------------------------------------------------
- * Component: Blockquote
- * -------------------------------------------------------------------------- */
-
-type BlockquoteElement = HTMLQuoteElement;
-
-interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {
-  asChild?: boolean;
-}
-
-const Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(({ asChild, ...props }, ref) => {
-  const Component = asChild ? Slot : 'blockquote';
-
-  return <Component ref={ref} {...props} />;
-});
-
-Blockquote.displayName = 'Blockquote';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Blockquote, type BlockquoteProps };

package/src/react/box.tsx

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-
-/* -----------------------------------------------------------------------------
- * Component: Box
- * -------------------------------------------------------------------------- */
-
-type BoxElement = HTMLDivElement;
-
-interface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {
-  as?: 'div';
-}
-
-interface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {
-  as: 'span';
-}
-
-type BoxProps = (BoxDivProps | BoxSpanProps) & {
-  asChild?: boolean;
-};
-
-const Box = React.forwardRef<BoxElement, BoxProps>(({ as: Tag = 'div', asChild, ...props }, ref) => {
-  const Component = asChild ? Slot : Tag;
-
-  return <Component ref={ref} {...props} />;
-});
-
-Box.displayName = 'Box';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Box, type BoxProps };

package/src/react/breadcrumb.tsx

@@ -1,148 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Breadcrumb
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbElement = HTMLElement;
-
-interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
-  separator?: React.ReactNode;
-}
-
-const Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (
-  <nav ref={ref} aria-label="breadcrumb" {...props} />
-));
-
-Breadcrumb.displayName = 'Breadcrumb';
-
-/* -----------------------------------------------------------------------------
- * Component: BreadcrumbList
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbListElement = HTMLOListElement;
-type BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;
-
-const BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (
-  <ol
-    ref={ref}
-    className={cn(
-      'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',
-      className,
-    )}
-    {...props}
-  />
-));
-
-BreadcrumbList.displayName = 'BreadcrumbList';
-
-/* -----------------------------------------------------------------------------
- * Component: BreadcrumbItem
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbItemElement = HTMLLIElement;
-type BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;
-
-const BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (
-  <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />
-));
-
-BreadcrumbItem.displayName = 'BreadcrumbItem';
-
-/* -----------------------------------------------------------------------------
- * Component: BreadcrumbLink
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbLinkElement = HTMLAnchorElement;
-
-interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  asChild?: boolean;
-}
-
-const BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(
-  ({ asChild, className, ...props }, ref) => {
-    const Component = asChild ? Slot : 'a';
-
-    return <Component ref={ref} className={cn('hover:text-foreground transition', className)} {...props} />;
-  },
-);
-
-BreadcrumbLink.displayName = 'BreadcrumbLink';
-
-/* -----------------------------------------------------------------------------
- * Component: BreadcrumbPage
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbPageElement = HTMLSpanElement;
-type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;
-
-const BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (
-  <span
-    ref={ref}
-    aria-current="page"
-    aria-disabled="true"
-    className={cn('text-foreground font-normal', className)}
-    role="link"
-    {...props}
-  />
-));
-
-BreadcrumbPage.displayName = 'BreadcrumbPage';
-
-/* -----------------------------------------------------------------------------
- * Component: BreadcrumbSeparator
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;
-
-function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {
-  return (
-    <li aria-hidden="true" className={cn('[&>svg]:size-3.5', className)} role="presentation" {...props}>
-      {children ?? <ChevronRightIcon />}
-    </li>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: BreadcrumbEllipsis
- * -------------------------------------------------------------------------- */
-
-type BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;
-
-function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {
-  return (
-    <span
-      aria-hidden="true"
-      className={cn('flex size-4 items-center justify-center', className)}
-      role="presentation"
-      {...props}
-    >
-      <DotsHorizontalIcon className="size-4" />
-      <span className="sr-only">More</span>
-    </span>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-  type BreadcrumbProps,
-  type BreadcrumbListProps,
-  type BreadcrumbItemProps,
-  type BreadcrumbLinkProps,
-  type BreadcrumbPageProps,
-  type BreadcrumbSeparatorProps,
-  type BreadcrumbEllipsisProps,
-};