@douglasneuroinformatics/libui 5.0.1 → 6.0.0

package/dist/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/src/components/Accordion/Accordion.spec.tsx

@@ -1,36 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-
-import { Accordion } from './Accordion';
-
-const TEST_ID = 'accordion';
-
-const TestAccordion: React.FC<{ [key: string]: any }> = (props) => (
-  <Accordion collapsible type="single" {...props}>
-    <Accordion.Item value="item-1">
-      <Accordion.Trigger>T1</Accordion.Trigger>
-      <Accordion.Content>C1</Accordion.Content>
-    </Accordion.Item>
-  </Accordion>
-);
-
-describe('Accordion', () => {
-  it('should render', () => {
-    render(<TestAccordion />);
-    expect(screen.getByTestId(TEST_ID)).toBeDefined();
-  });
-  it('should include custom data attributes', () => {
-    render(<TestAccordion data-foo="bar" />);
-    expect(screen.getByTestId(TEST_ID)).toHaveAttribute('data-foo', 'bar');
-  });
-  it('should open and close an item', () => {
-    render(<TestAccordion />);
-    const toggle = screen.getByText('T1');
-    expect(toggle).toBeInTheDocument();
-    expect(() => screen.getByText('C1')).toThrow();
-    fireEvent.click(toggle);
-    expect(screen.getByText('C1')).toBeInTheDocument();
-    fireEvent.click(toggle);
-    expect(() => screen.getByText('C1')).toThrow();
-  });
-});

package/src/components/Accordion/Accordion.stories.tsx

@@ -1,33 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Accordion } from './Accordion';
-
-type Story = StoryObj<typeof Accordion>;
-
-export default { component: Accordion, tags: ['autodocs'] } as Meta<typeof Accordion>;
-
-export const Default: Story = {
-  args: {
-    children: (
-      <>
-        <Accordion.Item value="item-1">
-          <Accordion.Trigger>Is it accessible?</Accordion.Trigger>
-          <Accordion.Content>Yes. It adheres to the WAI-ARIA design pattern.</Accordion.Content>
-        </Accordion.Item>
-        <Accordion.Item value="item-2">
-          <Accordion.Trigger>Is it styled?</Accordion.Trigger>
-          <Accordion.Content>
-            Yes. It comes with default styles that matches the other components&apos; aesthetic.
-          </Accordion.Content>
-        </Accordion.Item>
-        <Accordion.Item value="item-3">
-          <Accordion.Trigger>Is it animated?</Accordion.Trigger>
-          <Accordion.Content>Yes. It is animated by default, but you can disable it if you prefer.</Accordion.Content>
-        </Accordion.Item>
-      </>
-    ),
-    collapsible: true,
-    id: 'accordion',
-    type: 'single'
-  }
-};

package/src/components/Accordion/Accordion.tsx

@@ -1,10 +0,0 @@
-import { AccordionContent } from './AccordionContent';
-import { AccordionItem } from './AccordionItem';
-import { AccordionRoot } from './AccordionRoot';
-import { AccordionTrigger } from './AccordionTrigger';
-
-export const Accordion = Object.assign(AccordionRoot, {
-  Content: AccordionContent,
-  Item: AccordionItem,
-  Trigger: AccordionTrigger
-});

package/src/components/Accordion/AccordionContent.tsx

@@ -1,20 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-
-import { cn } from '@/utils';
-
-export const AccordionContent = forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(function AccordionContent({ children, className, ...props }, ref) {
-  return (
-    <AccordionPrimitive.Content
-      className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-      ref={ref}
-      {...props}
-    >
-      <div className={cn('pb-4 pt-0', className)}>{children}</div>
-    </AccordionPrimitive.Content>
-  );
-});

package/src/components/Accordion/AccordionItem.tsx

@@ -1,12 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-
-import { cn } from '@/utils';
-
-export const AccordionItem = forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(function AccordionItem({ className, ...props }, ref) {
-  return <AccordionPrimitive.Item className={cn('border-b', className)} ref={ref} {...props} />;
-});

package/src/components/Accordion/AccordionRoot.tsx

@@ -1,10 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-
-export const AccordionRoot = forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>
->(function AccordionRoot(props, ref) {
-  return <AccordionPrimitive.Root data-testid="accordion" ref={ref} {...props} />;
-});

package/src/components/Accordion/AccordionTrigger.tsx

@@ -1,27 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDownIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const AccordionTrigger = forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(function AccordionTrigger({ children, className, ...props }, ref) {
-  return (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        className={cn(
-          'flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
-          className
-        )}
-        ref={ref}
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  );
-});

package/src/components/Accordion/index.ts

@@ -1 +0,0 @@
-export * from './Accordion';

package/src/components/ActionDropdown/index.ts

@@ -1 +0,0 @@
-export * from './ActionDropdown';

package/src/components/AlertDialog/AlertDialog.stories.tsx

@@ -1,35 +0,0 @@
-import { Fragment } from 'react';
-
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Button } from '../Button';
-import { AlertDialog } from './AlertDialog';
-
-type Story = StoryObj<typeof AlertDialog>;
-
-export default { component: AlertDialog } as Meta<typeof AlertDialog>;
-
-export const Default: Story = {
-  args: {
-    children: (
-      <Fragment>
-        <AlertDialog.Trigger asChild>
-          <Button variant="outline">Show Dialog</Button>
-        </AlertDialog.Trigger>
-        <AlertDialog.Content>
-          <AlertDialog.Header>
-            <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
-            <AlertDialog.Description>
-              This action cannot be undone. This will permanently delete your account and remove your data from our
-              servers.
-            </AlertDialog.Description>
-          </AlertDialog.Header>
-          <AlertDialog.Footer>
-            <AlertDialog.Action>Continue</AlertDialog.Action>
-            <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
-          </AlertDialog.Footer>
-        </AlertDialog.Content>
-      </Fragment>
-    )
-  }
-};

package/src/components/AlertDialog/AlertDialog.tsx

@@ -1,22 +0,0 @@
-import { Root, Trigger } from '@radix-ui/react-alert-dialog';
-
-import { AlertDialogAction } from './AlertDialogAction';
-import { AlertDialogCancel } from './AlertDialogCancel';
-import { AlertDialogContent } from './AlertDialogContent';
-import { AlertDialogDescription } from './AlertDialogDescription';
-import { AlertDialogFooter } from './AlertDialogFooter';
-import { AlertDialogHeader } from './AlertDialogHeader';
-import { AlertDialogOverlay } from './AlertDialogOverlay';
-import { AlertDialogTitle } from './AlertDialogTitle';
-
-export const AlertDialog = Object.assign(Root.bind(null), {
-  Action: AlertDialogAction,
-  Cancel: AlertDialogCancel,
-  Content: AlertDialogContent,
-  Description: AlertDialogDescription,
-  Footer: AlertDialogFooter,
-  Header: AlertDialogHeader,
-  Overlay: AlertDialogOverlay,
-  Title: AlertDialogTitle,
-  Trigger
-});

package/src/components/AlertDialog/AlertDialogAction.tsx

@@ -1,14 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Action } from '@radix-ui/react-alert-dialog';
-
-import { cn } from '@/utils';
-
-import { buttonVariants } from '../Button';
-
-export const AlertDialogAction = forwardRef<
-  React.ElementRef<typeof Action>,
-  React.ComponentPropsWithoutRef<typeof Action>
->(function AlertDialogAction({ className, ...props }, ref) {
-  return <Action className={cn(buttonVariants(), className)} ref={ref} {...props} />;
-});

package/src/components/AlertDialog/AlertDialogCancel.tsx

@@ -1,16 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Cancel } from '@radix-ui/react-alert-dialog';
-
-import { cn } from '@/utils';
-
-import { buttonVariants } from '../Button';
-
-export const AlertDialogCancel = forwardRef<
-  React.ElementRef<typeof Cancel>,
-  React.ComponentPropsWithoutRef<typeof Cancel>
->(function AlertDialogCancel({ className, ...props }, ref) {
-  return (
-    <Cancel className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)} ref={ref} {...props} />
-  );
-});

package/src/components/AlertDialog/AlertDialogContent.tsx

@@ -1,26 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Content, Portal } from '@radix-ui/react-alert-dialog';
-
-import { cn } from '@/utils';
-
-import { AlertDialogOverlay } from './AlertDialogOverlay';
-
-export const AlertDialogContent = forwardRef<
-  React.ElementRef<typeof Content>,
-  React.ComponentPropsWithoutRef<typeof Content>
->(function AlertDialogContent({ className, ...props }, ref) {
-  return (
-    <Portal>
-      <AlertDialogOverlay />
-      <Content
-        className={cn(
-          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    </Portal>
-  );
-});

package/src/components/AlertDialog/AlertDialogDescription.tsx

@@ -1,12 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Description } from '@radix-ui/react-alert-dialog';
-
-import { cn } from '@/utils';
-
-export const AlertDialogDescription = forwardRef<
-  React.ElementRef<typeof Description>,
-  React.ComponentPropsWithoutRef<typeof Description>
->(function AlertDialogDescription({ className, ...props }, ref) {
-  return <Description className={cn('text-sm text-muted-foreground', className)} ref={ref} {...props} />;
-});

package/src/components/AlertDialog/AlertDialogFooter.tsx

@@ -1,7 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/utils';
-
-export const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn('flex flex-col gap-x-2 gap-y-0.5 sm:flex-row', className)} {...props} />
-);

package/src/components/AlertDialog/AlertDialogHeader.tsx

@@ -1,7 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/utils';
-
-export const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />
-);

package/src/components/AlertDialog/AlertDialogOverlay.tsx

@@ -1,21 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Overlay } from '@radix-ui/react-alert-dialog';
-
-import { cn } from '@/utils';
-
-export const AlertDialogOverlay = forwardRef<
-  React.ElementRef<typeof Overlay>,
-  React.ComponentPropsWithoutRef<typeof Overlay>
->(function AlertDialogOverlay({ className, ...props }, ref) {
-  return (
-    <Overlay
-      className={cn(
-        'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-        className
-      )}
-      {...props}
-      ref={ref}
-    />
-  );
-});

package/src/components/AlertDialog/AlertDialogTitle.tsx

@@ -1,12 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Title } from '@radix-ui/react-alert-dialog';
-
-import { cn } from '@/utils';
-
-export const AlertDialogTitle = forwardRef<
-  React.ElementRef<typeof Title>,
-  React.ComponentPropsWithoutRef<typeof Title>
->(function AlertDialogTitle({ className, ...props }, ref) {
-  return <Title className={cn('text-lg font-semibold', className)} ref={ref} {...props} />;
-});

package/src/components/AlertDialog/index.ts

@@ -1 +0,0 @@
-export * from './AlertDialog';

package/src/components/ArrowToggle/index.ts

@@ -1 +0,0 @@
-export * from './ArrowToggle';

package/src/components/Avatar/Avatar.spec.tsx

@@ -1,24 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-
-import { Avatar } from './Avatar';
-
-const TEST_ID = 'avatar';
-
-const TestAvatar = (props: { [key: string]: any }) => (
-  <Avatar {...props}>
-    <Avatar.Image alt="@shadcn" src="https://github.com/shadcn.png" />
-    <Avatar.Fallback>CN</Avatar.Fallback>
-  </Avatar>
-);
-
-describe('Avatar', () => {
-  it('should render', () => {
-    render(<TestAvatar />);
-    expect(screen.getByTestId(TEST_ID)).toBeInTheDocument();
-  });
-  it('should contain a custom class name', () => {
-    render(<Avatar className="foo" />);
-    expect(screen.getByTestId(TEST_ID)).toHaveClass('foo');
-  });
-});

package/src/components/Avatar/Avatar.stories.tsx

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Avatar } from './Avatar';
-
-type Story = StoryObj<typeof Avatar>;
-
-export default { component: Avatar, tags: ['autodocs'] } as Meta<typeof Avatar>;
-
-export const Default: Story = {
-  args: {
-    children: (
-      <>
-        <Avatar.Image alt="@shadcn" src="https://github.com/shadcn.png" />
-        <Avatar.Fallback>CN</Avatar.Fallback>
-      </>
-    )
-  }
-};

package/src/components/Avatar/Avatar.tsx

@@ -1,8 +0,0 @@
-import { AvatarFallback } from './AvatarFallback';
-import { AvatarImage } from './AvatarImage';
-import { AvatarRoot } from './AvatarRoot';
-
-export const Avatar = Object.assign(AvatarRoot, {
-  Fallback: AvatarFallback,
-  Image: AvatarImage
-});

package/src/components/Avatar/AvatarFallback.tsx

@@ -1,18 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-
-import { cn } from '@/utils';
-
-export const AvatarFallback = forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(function AvatarFallback({ className, ...props }, ref) {
-  return (
-    <AvatarPrimitive.Fallback
-      className={cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className)}
-      ref={ref}
-      {...props}
-    />
-  );
-});

package/src/components/Avatar/AvatarImage.tsx

@@ -1,12 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-
-import { cn } from '@/utils';
-
-export const AvatarImage = forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(function AvatarImage({ className, ...props }, ref) {
-  return <AvatarPrimitive.Image className={cn('aspect-square h-full w-full', className)} ref={ref} {...props} />;
-});

package/src/components/Avatar/AvatarRoot.tsx

@@ -1,19 +0,0 @@
-import { forwardRef } from 'react';
-
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-
-import { cn } from '@/utils';
-
-export const AvatarRoot = forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(function AvatarRoot({ className, ...props }, ref) {
-  return (
-    <AvatarPrimitive.Root
-      className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}
-      data-testid="avatar"
-      ref={ref}
-      {...props}
-    />
-  );
-});

package/src/components/Avatar/index.ts

@@ -1 +0,0 @@
-export * from './Avatar';

package/src/components/Badge/index.ts

@@ -1 +0,0 @@
-export * from './Badge';

package/src/components/Breadcrumb/Breadcrumb.stories.tsx

@@ -1,42 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { DropdownMenu } from '../DropdownMenu';
-import { Breadcrumb } from './Breadcrumb';
-
-type Story = StoryObj<typeof Breadcrumb>;
-
-export default { component: Breadcrumb } as Meta<typeof Breadcrumb>;
-
-export const Default: Story = {
-  args: {
-    children: (
-      <Breadcrumb.List>
-        <Breadcrumb.Item>
-          <Breadcrumb.Link href="/">Home</Breadcrumb.Link>
-        </Breadcrumb.Item>
-        <Breadcrumb.Separator />
-        <Breadcrumb.Item>
-          <DropdownMenu>
-            <DropdownMenu.Trigger className="flex items-center gap-1">
-              <Breadcrumb.Ellipsis className="h-4 w-4" />
-              <span className="sr-only">Toggle menu</span>
-            </DropdownMenu.Trigger>
-            <DropdownMenu.Content align="start">
-              <DropdownMenu.Item>Documentation</DropdownMenu.Item>
-              <DropdownMenu.Item>Themes</DropdownMenu.Item>
-              <DropdownMenu.Item>GitHub</DropdownMenu.Item>
-            </DropdownMenu.Content>
-          </DropdownMenu>
-        </Breadcrumb.Item>
-        <Breadcrumb.Separator />
-        <Breadcrumb.Item>
-          <Breadcrumb.Link href="/docs/components">Components</Breadcrumb.Link>
-        </Breadcrumb.Item>
-        <Breadcrumb.Separator />
-        <Breadcrumb.Item>
-          <Breadcrumb.Page>Breadcrumb.</Breadcrumb.Page>
-        </Breadcrumb.Item>
-      </Breadcrumb.List>
-    )
-  }
-};

package/src/components/Breadcrumb/Breadcrumb.tsx

@@ -1,16 +0,0 @@
-import { BreadcrumbEllipsis } from './BreadcrumbEllipsis';
-import { BreadcrumbItem } from './BreadcrumbItem';
-import { BreadcrumbLink } from './BreadcrumbLink';
-import { BreadcrumbList } from './BreadcrumbList';
-import { BreadcrumbPage } from './BreadcrumbPage';
-import { BreadcrumbRoot } from './BreadcrumbRoot';
-import { BreadcrumbSeparator } from './BreadcrumbSeparator';
-
-export const Breadcrumb = Object.assign(BreadcrumbRoot, {
-  Ellipsis: BreadcrumbEllipsis,
-  Item: BreadcrumbItem,
-  Link: BreadcrumbLink,
-  List: BreadcrumbList,
-  Page: BreadcrumbPage,
-  Separator: BreadcrumbSeparator
-});

package/src/components/Breadcrumb/BreadcrumbEllipsis.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-import { MoreHorizontalIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (
-  <span
-    aria-hidden="true"
-    className={cn('flex h-9 w-9 items-center justify-center', className)}
-    role="presentation"
-    {...props}
-  >
-    <MoreHorizontalIcon className="h-4 w-4" />
-  </span>
-);

package/src/components/Breadcrumb/BreadcrumbItem.tsx

@@ -1,10 +0,0 @@
-import { forwardRef } from 'react';
-
-import { cn } from '@/utils';
-
-export const BreadcrumbItem = forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(function BreadcrumbItem(
-  { className, ...props },
-  ref
-) {
-  return <li className={cn('inline-flex items-center gap-1.5', className)} ref={ref} {...props} />;
-});

package/src/components/Breadcrumb/BreadcrumbLink.tsx

@@ -1,15 +0,0 @@
-import { forwardRef } from 'react';
-
-import { Slot } from '@radix-ui/react-slot';
-
-import { cn } from '@/utils';
-
-export const BreadcrumbLink = forwardRef<
-  HTMLAnchorElement,
-  React.ComponentPropsWithoutRef<'a'> & {
-    asChild?: boolean;
-  }
->(function BreadcrumbLink({ asChild, className, ...props }, ref) {
-  const Comp = asChild ? Slot : 'a';
-  return <Comp className={cn('transition-colors hover:text-foreground', className)} ref={ref} {...props} />;
-});

package/src/components/Breadcrumb/BreadcrumbList.tsx

@@ -1,18 +0,0 @@
-import { forwardRef } from 'react';
-
-import { cn } from '@/utils';
-
-export const BreadcrumbList = forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(
-  function BreadcrumbList({ className, ...props }, ref) {
-    return (
-      <ol
-        className={cn(
-          'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  }
-);

package/src/components/Breadcrumb/BreadcrumbPage.tsx

@@ -1,18 +0,0 @@
-import { forwardRef } from 'react';
-
-import { cn } from '@/utils';
-
-export const BreadcrumbPage = forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<'span'>>(
-  function BreadcrumbPage({ className, ...props }, ref) {
-    return (
-      <span
-        aria-current="page"
-        aria-disabled="true"
-        className={cn('font-normal text-foreground', className)}
-        ref={ref}
-        role="link"
-        {...props}
-      />
-    );
-  }
-);

package/src/components/Breadcrumb/BreadcrumbRoot.tsx

@@ -1,10 +0,0 @@
-import { forwardRef } from 'react';
-
-export const BreadcrumbRoot = forwardRef<
-  HTMLElement,
-  React.ComponentPropsWithoutRef<'nav'> & {
-    separator?: React.ReactNode;
-  }
->(function BreadcrumbRoot({ ...props }, ref) {
-  return <nav aria-label="breadcrumb" ref={ref} {...props} />;
-});

package/src/components/Breadcrumb/BreadcrumbSeparator.tsx

@@ -1,11 +0,0 @@
-import * as React from 'react';
-
-import { ChevronRightIcon } from 'lucide-react';
-
-import { cn } from '@/utils';
-
-export const BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<'li'>) => (
-  <li aria-hidden="true" className={cn('[&>svg]:size-3.5', className)} role="presentation" {...props}>
-    {children ?? <ChevronRightIcon />}
-  </li>
-);

package/src/components/Breadcrumb/index.ts

@@ -1 +0,0 @@
-export * from './Breadcrumb';

package/src/components/Button/index.ts

@@ -1 +0,0 @@
-export * from './Button';