@gv-tech/design-system 2.4.0 → 2.5.1

package/src/components/ui/tabs.tsx

@@ -1,53 +0,0 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-const Tabs = TabsPrimitive.Root;
-
-const TabsList = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    className={cn(
-      'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
-      className,
-    )}
-    {...props}
-  />
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-
-const TabsTrigger = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
-      className,
-    )}
-    {...props}
-  />
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-
-const TabsContent = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn(
-      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
-      className,
-    )}
-    {...props}
-  />
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-export { Tabs, TabsContent, TabsList, TabsTrigger };

package/src/components/ui/textarea.test.tsx

@@ -1,21 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
-import { Textarea } from './textarea';
-
-describe('Textarea', () => {
-  it('renders correctly', () => {
-    render(<Textarea placeholder="Type here" />);
-    expect(screen.getByRole('textbox')).toBeInTheDocument();
-    expect(screen.getByPlaceholderText('Type here')).toBeInTheDocument();
-  });
-
-  it('accepts user input', async () => {
-    const user = userEvent.setup();
-    render(<Textarea />);
-    const textarea = screen.getByRole('textbox');
-
-    await user.type(textarea, 'Hello World');
-    expect(textarea).toHaveValue('Hello World');
-  });
-});

package/src/components/ui/textarea.tsx

@@ -1,21 +0,0 @@
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-const Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<'textarea'>>(
-  ({ className, ...props }, ref) => {
-    return (
-      <textarea
-        className={cn(
-          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
-          className,
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Textarea.displayName = 'Textarea';
-
-export { Textarea };

package/src/components/ui/theme-provider.test.tsx

@@ -1,47 +0,0 @@
-import { ThemeProvider } from '@/components/ui/theme-provider';
-import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-
-describe('ThemeProvider', () => {
-  it('renders children correctly', () => {
-    render(
-      <ThemeProvider>
-        <div data-testid="child">Hello</div>
-      </ThemeProvider>,
-    );
-    expect(screen.getByTestId('child')).toBeInTheDocument();
-    expect(screen.getByTestId('child')).toHaveTextContent('Hello');
-  });
-
-  it('applies class attribute to html element by default', () => {
-    render(
-      <ThemeProvider>
-        <div>Content</div>
-      </ThemeProvider>,
-    );
-    // next-themes applies the attribute to the html element;
-    // in jsdom the attribute should be set to 'class' by default
-    const html = document.documentElement;
-    // The attribute prop controls how the theme class is toggled.
-    // We verify the provider renders without error, which confirms the defaults are valid.
-    expect(html).toBeDefined();
-  });
-
-  it('allows overriding default props', () => {
-    render(
-      <ThemeProvider defaultTheme="dark" enableSystem={false}>
-        <div data-testid="child">Dark Mode</div>
-      </ThemeProvider>,
-    );
-    expect(screen.getByTestId('child')).toBeInTheDocument();
-  });
-
-  it('passes additional next-themes props through', () => {
-    render(
-      <ThemeProvider storageKey="my-app-theme" themes={['light', 'dark', 'ocean']}>
-        <div data-testid="child">Custom themes</div>
-      </ThemeProvider>,
-    );
-    expect(screen.getByTestId('child')).toBeInTheDocument();
-  });
-});

package/src/components/ui/theme-provider.tsx

@@ -1,12 +0,0 @@
-import type { ThemeProviderProps as NextThemesProviderProps } from 'next-themes';
-import { ThemeProvider as NextThemesProvider } from 'next-themes';
-
-export type ThemeProviderProps = NextThemesProviderProps;
-
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return (
-    <NextThemesProvider attribute="class" defaultTheme="system" enableSystem {...props}>
-      {children}
-    </NextThemesProvider>
-  );
-}

package/src/components/ui/theme-toggle.test.tsx

@@ -1,49 +0,0 @@
-import { ThemeToggle } from '@/components/ui/theme-toggle';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { ThemeProvider } from 'next-themes';
-import { describe, expect, it, vi } from 'vitest';
-
-// Mock the useTheme hook to control its return values
-vi.mock('@/hooks/use-theme', async () => {
-  const actual = await vi.importActual('@/hooks/use-theme');
-  return {
-    ...actual,
-    useTheme: () => ({
-      theme: 'light',
-      setTheme: vi.fn(),
-      resolvedTheme: 'light',
-      tokens: {},
-    }),
-  };
-});
-
-describe('ThemeToggle', () => {
-  it('renders binary toggle by default', () => {
-    render(
-      <ThemeProvider>
-        <ThemeToggle />
-      </ThemeProvider>,
-    );
-    // Use role button which is accessible
-    const button = screen.getByRole('button', { name: /toggle theme/i });
-    expect(button).toBeInTheDocument();
-  });
-
-  it('renders ternary toggle with dropdown', async () => {
-    const user = userEvent.setup();
-    render(
-      <ThemeProvider>
-        <ThemeToggle variant="ternary" />
-      </ThemeProvider>,
-    );
-    const button = screen.getByRole('button'); // Dropdown trigger
-    expect(button).toBeInTheDocument();
-
-    // Open dropdown
-    await user.click(button);
-    expect(await screen.findByText('Light')).toBeInTheDocument();
-    expect(screen.getByText('Dark')).toBeInTheDocument();
-    expect(screen.getByText('System')).toBeInTheDocument();
-  });
-});

package/src/components/ui/theme-toggle.tsx

@@ -1,108 +0,0 @@
-import { Button } from '@/components/ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { useTheme } from '@/hooks/use-theme';
-import { cn } from '@/lib/utils';
-import { Moon, Sun, SunMoon } from 'lucide-react';
-
-export interface ThemeToggleProps {
-  /**
-   * The mode of the theme toggle. 'binary' allows toggling between light and dark. 'ternary' allows choosing between
-   * light, dark, and system.
-   *
-   * @default 'binary'
-   */
-  variant?: 'binary' | 'ternary';
-  /** Optional callback when the theme changes. */
-  onThemeChange?: (theme: string) => void;
-  /** Optional current theme value for external control. */
-  customTheme?: string;
-  /** Optional className for the button. */
-  className?: string;
-}
-
-export function ThemeToggle({ variant = 'binary', onThemeChange, customTheme, className }: ThemeToggleProps) {
-  const { theme: nextTheme, setTheme: setNextTheme, resolvedTheme } = useTheme();
-
-  // Use customTheme if provided, otherwise fallback to next-themes
-  const currentTheme = customTheme ?? nextTheme;
-
-  // Determine the effective theme for icon rendering
-  const effectiveTheme = customTheme ? customTheme : resolvedTheme;
-  const isDark = effectiveTheme === 'dark';
-  const isSystem = currentTheme === 'system';
-
-  const handleThemeChange = (newTheme: string) => {
-    if (onThemeChange) {
-      onThemeChange(newTheme);
-    } else {
-      setNextTheme(newTheme);
-    }
-  };
-
-  const IconToggle = () => (
-    <>
-      <Sun
-        className={cn(
-          'h-[1.2rem] w-[1.2rem] transition-all',
-          !isSystem && !isDark ? 'rotate-0 scale-100' : '-rotate-90 scale-0',
-        )}
-      />
-      <Moon
-        className={cn(
-          'absolute h-[1.2rem] w-[1.2rem] transition-all',
-          !isSystem && isDark ? 'rotate-0 scale-100' : 'rotate-90 scale-0',
-        )}
-      />
-      <SunMoon
-        className={cn(
-          'absolute h-[1.2rem] w-[1.2rem] transition-all',
-          isSystem ? 'rotate-0 scale-100' : 'rotate-90 scale-0',
-        )}
-      />
-      <span className="sr-only">Toggle theme</span>
-    </>
-  );
-
-  if (variant === 'ternary') {
-    return (
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button variant="ghost" size="icon" className={cn('relative h-9 w-9', className)}>
-            <IconToggle />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="end">
-          <DropdownMenuItem onClick={() => handleThemeChange('light')}>
-            <Sun className="mr-2 h-4 w-4" />
-            <span>Light</span>
-          </DropdownMenuItem>
-          <DropdownMenuItem onClick={() => handleThemeChange('dark')}>
-            <Moon className="mr-2 h-4 w-4" />
-            <span>Dark</span>
-          </DropdownMenuItem>
-          <DropdownMenuItem onClick={() => handleThemeChange('system')}>
-            <SunMoon className="mr-2 h-4 w-4" />
-            <span>System</span>
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    );
-  }
-
-  return (
-    <Button
-      variant="ghost"
-      size="icon"
-      className={cn('relative h-9 w-9', className)}
-      onClick={() => handleThemeChange(currentTheme === 'dark' ? 'light' : 'dark')}
-      aria-label="Toggle theme"
-    >
-      <IconToggle />
-    </Button>
-  );
-}

package/src/components/ui/toast.test.tsx

@@ -1,42 +0,0 @@
-import { useToast } from '@/hooks/use-toast';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
-import { Toaster } from './toaster';
-
-// Test component to trigger toasts
-const ToastTrigger = () => {
-  const { toast } = useToast();
-  return (
-    <button
-      onClick={() =>
-        toast({
-          title: 'Test Toast',
-          description: 'This is a test message',
-        })
-      }
-    >
-      Show Toast
-    </button>
-  );
-};
-
-describe('Toast', () => {
-  it('shows toast when triggered', async () => {
-    const user = userEvent.setup();
-    render(
-      <>
-        <Toaster />
-        <ToastTrigger />
-      </>,
-    );
-
-    expect(screen.queryByText('Test Toast')).not.toBeInTheDocument();
-
-    await user.click(screen.getByText('Show Toast'));
-
-    // Toast might take a moment to appear (animation)
-    expect(await screen.findByText('Test Toast')).toBeInTheDocument();
-    expect(screen.getByText('This is a test message')).toBeInTheDocument();
-  });
-});

package/src/components/ui/toast.tsx

@@ -1,111 +0,0 @@
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { cva, type VariantProps } from 'class-variance-authority';
-import { X } from 'lucide-react';
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-const ToastProvider = ToastPrimitives.Provider;
-
-const ToastViewport = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
-      className,
-    )}
-    {...props}
-  />
-));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-
-const toastVariants = cva(
-  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
-  {
-    variants: {
-      variant: {
-        default: 'border bg-background text-foreground',
-        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  },
-);
-
-const Toast = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>
->(({ className, variant, ...props }, ref) => {
-  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-
-const ToastAction = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Action>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Action
-    ref={ref}
-    className={cn(
-      'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
-      className,
-    )}
-    {...props}
-  />
-));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-
-const ToastClose = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Close>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Close
-    ref={ref}
-    className={cn(
-      'absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
-      className,
-    )}
-    toast-close=""
-    {...props}
-  >
-    <X className="h-4 w-4" />
-  </ToastPrimitives.Close>
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-
-const ToastTitle = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Title>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold [&+div]:text-xs', className)} {...props} />
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-
-const ToastDescription = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Description>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Description ref={ref} className={cn('text-sm opacity-90', className)} {...props} />
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-
-export {
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport,
-  type ToastActionElement,
-  type ToastProps,
-};

package/src/components/ui/toaster.tsx

@@ -1,24 +0,0 @@
-import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from '@/components/ui/toast';
-import { useToast } from '@/hooks/use-toast';
-
-export function Toaster() {
-  const { toasts } = useToast();
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && <ToastDescription>{description}</ToastDescription>}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        );
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  );
-}

package/src/components/ui/toggle-group.test.tsx

@@ -1,40 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
-import { ToggleGroup, ToggleGroupItem } from './toggle-group';
-
-describe('ToggleGroup', () => {
-  it('renders correctly', () => {
-    render(
-      <ToggleGroup type="single">
-        <ToggleGroupItem value="a" aria-label="Toggle A">
-          A
-        </ToggleGroupItem>
-        <ToggleGroupItem value="b" aria-label="Toggle B">
-          B
-        </ToggleGroupItem>
-      </ToggleGroup>,
-    );
-
-    expect(screen.getByLabelText('Toggle A')).toBeInTheDocument();
-    expect(screen.getByLabelText('Toggle B')).toBeInTheDocument();
-  });
-
-  it('toggles selection', async () => {
-    const user = userEvent.setup();
-    render(
-      <ToggleGroup type="single">
-        <ToggleGroupItem value="a" aria-label="Toggle A">
-          A
-        </ToggleGroupItem>
-        <ToggleGroupItem value="b" aria-label="Toggle B">
-          B
-        </ToggleGroupItem>
-      </ToggleGroup>,
-    );
-
-    const toggleA = screen.getByLabelText('Toggle A');
-    await user.click(toggleA);
-    expect(toggleA).toHaveAttribute('aria-checked', 'true');
-  });
-});

package/src/components/ui/toggle-group.tsx

@@ -1,51 +0,0 @@
-'use client';
-
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-import { toggleVariants } from '@/components/ui/toggle';
-import { cn } from '@/lib/utils';
-
-const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
-  size: 'default',
-  variant: 'default',
-});
-
-const ToggleGroup = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>
->(({ className, variant, size, children, ...props }, ref) => (
-  <ToggleGroupPrimitive.Root ref={ref} className={cn('flex items-center justify-center gap-1', className)} {...props}>
-    <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>
-  </ToggleGroupPrimitive.Root>
-));
-
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-
-const ToggleGroupItem = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>
->(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext);
-
-  return (
-    <ToggleGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size,
-        }),
-        className,
-      )}
-      {...props}
-    >
-      {children}
-    </ToggleGroupPrimitive.Item>
-  );
-});
-
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-export { ToggleGroup, ToggleGroupItem };

package/src/components/ui/toggle.test.tsx

@@ -1,21 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
-import { Toggle } from './toggle';
-
-describe('Toggle', () => {
-  it('renders correctly', () => {
-    render(<Toggle aria-label="Toggle bold">B</Toggle>);
-    expect(screen.getByLabelText('Toggle bold')).toBeInTheDocument();
-  });
-
-  it('toggles state', async () => {
-    const user = userEvent.setup();
-    render(<Toggle aria-label="Toggle italic" />);
-    const toggle = screen.getByLabelText('Toggle italic');
-
-    expect(toggle).toHaveAttribute('aria-pressed', 'false');
-    await user.click(toggle);
-    expect(toggle).toHaveAttribute('aria-pressed', 'true');
-  });
-});

package/src/components/ui/toggle.tsx

@@ -1,37 +0,0 @@
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cva, type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-const toggleVariants = cva(
-  'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-  {
-    variants: {
-      variant: {
-        default: 'bg-transparent',
-        outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
-      },
-      size: {
-        default: 'h-9 px-2 min-w-9',
-        sm: 'h-8 px-1.5 min-w-8',
-        lg: 'h-10 px-2.5 min-w-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-);
-
-const Toggle = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>
->(({ className, variant, size, ...props }, ref) => (
-  <TogglePrimitive.Root ref={ref} className={cn(toggleVariants({ variant, size, className }))} {...props} />
-));
-
-Toggle.displayName = TogglePrimitive.Root.displayName;
-
-export { Toggle, toggleVariants };

package/src/components/ui/tooltip.test.tsx

@@ -1,25 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it } from 'vitest';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';
-
-describe('Tooltip', () => {
-  it('shows content on hover', async () => {
-    const user = userEvent.setup();
-    render(
-      <TooltipProvider>
-        <Tooltip>
-          <TooltipTrigger>Hover me</TooltipTrigger>
-          <TooltipContent>Tooltip content</TooltipContent>
-        </Tooltip>
-      </TooltipProvider>,
-    );
-
-    expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument();
-
-    await user.hover(screen.getByText('Hover me'));
-    const tooltip = await screen.findByRole('tooltip');
-    expect(tooltip).toBeInTheDocument();
-    expect(tooltip).toHaveTextContent('Tooltip content');
-  });
-});