@envive-ai/react-toolkit-v3 0.3.15-beta.1 → 0.3.16

package/src/components/Sheet/Sheet.tsx

@@ -1,147 +0,0 @@
-import * as React from 'react';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from '../../lib/utils.js';
-import type {
-  SheetOverlayProps,
-  SheetContentProps,
-  SheetHeaderProps,
-  SheetFooterProps,
-  SheetTitleProps,
-  SheetDescriptionProps,
-} from './types/index.js';
-
-const Sheet = SheetPrimitive.Root;
-
-const SheetTrigger = SheetPrimitive.Trigger;
-
-const SheetClose = SheetPrimitive.Close;
-
-const SheetPortal = SheetPrimitive.Portal;
-
-const SheetOverlay = React.forwardRef<
-  React.ComponentRef<typeof SheetPrimitive.Overlay>,
-  SheetOverlayProps
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Overlay
-    className={cn(
-      'envive-tw-fixed envive-tw-inset-0 envive-tw-z-50 envive-tw-bg-black/80 data-[state=open]:envive-tw-animate-in data-[state=closed]:envive-tw-animate-out data-[state=closed]:envive-tw-fade-out-0 data-[state=open]:envive-tw-fade-in-0',
-      className,
-    )}
-    {...props}
-    ref={ref}
-  />
-));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-
-export const sheetVariants = cva(
-  'envive-tw-fixed envive-tw-z-50 envive-tw-gap-4 envive-tw-bg-background envive-tw-p-6 envive-tw-shadow-lg envive-tw-transition envive-tw-ease-in-out data-[state=open]:envive-tw-animate-in data-[state=closed]:envive-tw-animate-out data-[state=closed]:envive-tw-duration-300 data-[state=open]:envive-tw-duration-500',
-  {
-    variants: {
-      side: {
-        top: 'envive-tw-inset-x-0 envive-tw-top-0 envive-tw-border-b data-[state=closed]:envive-tw-slide-out-to-top data-[state=open]:envive-tw-slide-in-from-top',
-        bottom:
-          'envive-tw-inset-x-0 envive-tw-bottom-0 envive-tw-border-t data-[state=closed]:envive-tw-slide-out-to-bottom data-[state=open]:envive-tw-slide-in-from-bottom',
-        left: 'envive-tw-inset-y-0 envive-tw-left-0 envive-tw-h-full envive-tw-w-3/4 envive-tw-border-r data-[state=closed]:envive-tw-slide-out-to-left data-[state=open]:envive-tw-slide-in-from-left sm:envive-tw-max-w-sm',
-        right:
-          'envive-tw-inset-y-0 envive-tw-right-0 envive-tw-h-full envive-tw-w-3/4 envive-tw-border-l data-[state=closed]:envive-tw-slide-out-to-right data-[state=open]:envive-tw-slide-in-from-right sm:envive-tw-max-w-sm',
-      },
-    },
-    defaultVariants: {
-      side: 'right',
-    },
-  },
-);
-
-const SheetContent = React.forwardRef<
-  React.ComponentRef<typeof SheetPrimitive.Content>,
-  SheetContentProps
->(({ side = 'right', className, children, ...props }, ref) => (
-  <SheetPortal>
-    <SheetOverlay />
-    <SheetPrimitive.Content
-      ref={ref}
-      className={cn(sheetVariants({ side }), className)}
-      {...props}
-    >
-      {children}
-      <SheetPrimitive.Close className="envive-tw-absolute envive-tw-right-4 envive-tw-top-4 envive-tw-rounded-sm envive-tw-opacity-70 envive-tw-ring-offset-background envive-tw-transition-opacity hover:envive-tw-opacity-100 focus:envive-tw-outline-none focus:envive-tw-ring-2 focus:envive-tw-ring-ring focus:envive-tw-ring-offset-2 disabled:envive-tw-pointer-events-none data-[state=open]:envive-tw-bg-secondary">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="16"
-          height="16"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <path d="M18 6 6 18" />
-          <path d="m6 6 12 12" />
-        </svg>
-        <span className="envive-tw-sr-only">Close</span>
-      </SheetPrimitive.Close>
-    </SheetPrimitive.Content>
-  </SheetPortal>
-));
-SheetContent.displayName = 'SheetContent';
-
-const SheetHeader = ({ className, ...props }: SheetHeaderProps) => (
-  <div
-    className={cn(
-      'envive-tw-flex envive-tw-flex-col envive-tw-space-y-2 envive-tw-text-center sm:envive-tw-text-left',
-      className,
-    )}
-    {...props}
-  />
-);
-SheetHeader.displayName = 'SheetHeader';
-
-const SheetFooter = ({ className, ...props }: SheetFooterProps) => (
-  <div
-    className={cn(
-      'envive-tw-flex envive-tw-flex-col-reverse sm:envive-tw-flex-row sm:envive-tw-justify-end sm:envive-tw-space-x-2',
-      className,
-    )}
-    {...props}
-  />
-);
-SheetFooter.displayName = 'SheetFooter';
-
-const SheetTitle = React.forwardRef<
-  React.ComponentRef<typeof SheetPrimitive.Title>,
-  SheetTitleProps
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Title
-    ref={ref}
-    className={cn('envive-tw-text-lg envive-tw-font-semibold envive-tw-text-foreground', className)}
-    {...props}
-  />
-));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-
-const SheetDescription = React.forwardRef<
-  React.ComponentRef<typeof SheetPrimitive.Description>,
-  SheetDescriptionProps
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Description
-    ref={ref}
-    className={cn('envive-tw-text-sm envive-tw-text-muted-foreground', className)}
-    {...props}
-  />
-));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-
-export {
-  Sheet,
-  SheetPortal,
-  SheetOverlay,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-};

package/src/components/Sheet/__tests__/Sheet.test.tsx

@@ -1,183 +0,0 @@
-import '@testing-library/jest-dom';
-import { describe, expect, it } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import {
-  Sheet,
-  SheetTrigger,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  SheetDescription,
-  SheetFooter,
-  SheetClose,
-} from '../Sheet';
-
-describe('Sheet', () => {
-  it('should render the trigger', () => {
-    render(
-      <Sheet>
-        <SheetTrigger>Open Sheet</SheetTrigger>
-        <SheetContent>
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-    expect(screen.getByText('Open Sheet')).toBeInTheDocument();
-  });
-
-  it('should open sheet when trigger is clicked', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent>
-          <SheetHeader>
-            <SheetTitle>Sheet Title</SheetTitle>
-            <SheetDescription>Sheet description</SheetDescription>
-          </SheetHeader>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByText('Sheet Title')).toBeInTheDocument();
-    expect(screen.getByText('Sheet description')).toBeInTheDocument();
-  });
-
-  it('should have dialog role when open', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent>
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByRole('dialog')).toBeInTheDocument();
-  });
-
-  it('should close when close button is clicked', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent>
-          <SheetTitle>Title</SheetTitle>
-          <p>Sheet content here</p>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByText('Sheet content here')).toBeInTheDocument();
-
-    await user.click(screen.getByText('Close'));
-    expect(screen.queryByText('Sheet content here')).not.toBeInTheDocument();
-  });
-
-  it('should render with right side by default', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent>
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    const dialog = screen.getByRole('dialog');
-    expect(dialog).toHaveClass('envive-tw-right-0');
-  });
-
-  it('should render with left side variant', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent side="left">
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    const dialog = screen.getByRole('dialog');
-    expect(dialog).toHaveClass('envive-tw-left-0');
-  });
-
-  it('should render with top side variant', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent side="top">
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    const dialog = screen.getByRole('dialog');
-    expect(dialog).toHaveClass('envive-tw-top-0');
-  });
-
-  it('should render with bottom side variant', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent side="bottom">
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    const dialog = screen.getByRole('dialog');
-    expect(dialog).toHaveClass('envive-tw-bottom-0');
-  });
-
-  it('should render footer content', async () => {
-    const user = userEvent.setup();
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent>
-          <SheetTitle>Title</SheetTitle>
-          <SheetFooter>
-            <SheetClose>Done</SheetClose>
-          </SheetFooter>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByText('Done')).toBeInTheDocument();
-  });
-
-  it('should forward ref to SheetContent', async () => {
-    const user = userEvent.setup();
-    let refValue: HTMLDivElement | null = null;
-    const ref = (node: HTMLDivElement | null) => {
-      refValue = node;
-    };
-
-    render(
-      <Sheet>
-        <SheetTrigger>Open</SheetTrigger>
-        <SheetContent ref={ref}>
-          <SheetTitle>Title</SheetTitle>
-        </SheetContent>
-      </Sheet>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(refValue).toBeInstanceOf(HTMLDivElement);
-  });
-});

package/src/components/Sheet/index.ts

@@ -1,25 +0,0 @@
-export {
-  Sheet,
-  SheetPortal,
-  SheetOverlay,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-  sheetVariants,
-} from './Sheet';
-export type {
-  SheetProps,
-  SheetTriggerProps,
-  SheetCloseProps,
-  SheetPortalProps,
-  SheetOverlayProps,
-  SheetContentProps,
-  SheetHeaderProps,
-  SheetFooterProps,
-  SheetTitleProps,
-  SheetDescriptionProps,
-} from './types/index';

package/src/components/Sheet/types/index.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import type { VariantProps } from 'class-variance-authority';
-import type { sheetVariants } from '../Sheet.js';
-
-export type SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;
-
-export type SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;
-
-export type SheetCloseProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>;
-
-export type SheetPortalProps = React.ComponentProps<typeof SheetPrimitive.Portal>;
-
-export type SheetOverlayProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>;
-
-export interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
-
-export interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export interface SheetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export type SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;
-
-export type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;

package/src/components/Skeleton/Skeleton.tsx

@@ -1,16 +0,0 @@
-import { cn } from '../../lib/utils.js';
-import type { SkeletonProps } from './types/index.js';
-
-function Skeleton({ className, ...props }: SkeletonProps) {
-  return (
-    <div
-      className={cn(
-        'envive-tw-animate-pulse envive-tw-rounded-md envive-tw-bg-muted',
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Skeleton };

package/src/components/Skeleton/__tests__/Skeleton.test.tsx

@@ -1,49 +0,0 @@
-import '@testing-library/jest-dom';
-import { describe, expect, it } from 'vitest';
-import { render } from '@testing-library/react';
-import { Skeleton } from '../Skeleton';
-
-describe('Skeleton', () => {
-  it('should render a div element', () => {
-    const { container } = render(<Skeleton />);
-    const skeleton = container.firstChild as HTMLElement;
-    expect(skeleton).toBeInTheDocument();
-    expect(skeleton.tagName).toBe('DIV');
-  });
-
-  it('should have pulse animation class', () => {
-    const { container } = render(<Skeleton />);
-    const skeleton = container.firstChild as HTMLElement;
-    expect(skeleton).toHaveClass('envive-tw-animate-pulse');
-  });
-
-  it('should have rounded-md class', () => {
-    const { container } = render(<Skeleton />);
-    const skeleton = container.firstChild as HTMLElement;
-    expect(skeleton).toHaveClass('envive-tw-rounded-md');
-  });
-
-  it('should have muted background', () => {
-    const { container } = render(<Skeleton />);
-    const skeleton = container.firstChild as HTMLElement;
-    expect(skeleton).toHaveClass('envive-tw-bg-muted');
-  });
-
-  it('should merge custom className', () => {
-    const { container } = render(
-      <Skeleton className="envive-tw-h-4 envive-tw-w-[250px]" />,
-    );
-    const skeleton = container.firstChild as HTMLElement;
-    expect(skeleton).toHaveClass('envive-tw-h-4');
-    expect(skeleton).toHaveClass('envive-tw-w-[250px]');
-  });
-
-  it('should pass through additional props', () => {
-    const { container } = render(
-      <Skeleton data-testid="test-skeleton" aria-label="Loading" />,
-    );
-    const skeleton = container.firstChild as HTMLElement;
-    expect(skeleton).toHaveAttribute('data-testid', 'test-skeleton');
-    expect(skeleton).toHaveAttribute('aria-label', 'Loading');
-  });
-});

package/src/components/Skeleton/index.ts

@@ -1,2 +0,0 @@
-export { Skeleton } from './Skeleton';
-export type { SkeletonProps } from './types';

package/src/components/Skeleton/types/index.ts

@@ -1 +0,0 @@
-export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}

package/src/components/Slider/Slider.tsx

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import { cn } from '../../lib/utils.js';
-import type { SliderProps } from './types/index.js';
-
-const Slider = React.forwardRef<
-  React.ComponentRef<typeof SliderPrimitive.Root>,
-  SliderProps
->(({ className, ...props }, ref) => (
-  <SliderPrimitive.Root
-    ref={ref}
-    className={cn(
-      'envive-tw-relative envive-tw-flex envive-tw-w-full envive-tw-touch-none envive-tw-select-none envive-tw-items-center',
-      className,
-    )}
-    {...props}
-  >
-    <SliderPrimitive.Track className="envive-tw-relative envive-tw-h-2 envive-tw-w-full envive-tw-grow envive-tw-overflow-hidden envive-tw-rounded-full envive-tw-bg-secondary">
-      <SliderPrimitive.Range className="envive-tw-absolute envive-tw-h-full envive-tw-bg-primary" />
-    </SliderPrimitive.Track>
-    <SliderPrimitive.Thumb className="envive-tw-block envive-tw-h-5 envive-tw-w-5 envive-tw-rounded-full envive-tw-border-2 envive-tw-border-primary envive-tw-bg-background envive-tw-ring-offset-background envive-tw-transition-colors focus-visible:envive-tw-outline-none focus-visible:envive-tw-ring-2 focus-visible:envive-tw-ring-ring focus-visible:envive-tw-ring-offset-2 disabled:envive-tw-pointer-events-none disabled:envive-tw-opacity-50" />
-  </SliderPrimitive.Root>
-));
-
-Slider.displayName = 'Slider';
-
-export { Slider };

package/src/components/Slider/__tests__/Slider.test.tsx

@@ -1,84 +0,0 @@
-import '@testing-library/jest-dom';
-import { describe, expect, it, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Slider } from '../Slider';
-
-describe('Slider', () => {
-  it('should render correctly', () => {
-    render(<Slider aria-label="Volume" defaultValue={[50]} />);
-    const slider = screen.getByRole('slider');
-    expect(slider).toBeInTheDocument();
-  });
-
-  it('should render with default value', () => {
-    render(<Slider aria-label="Volume" defaultValue={[50]} />);
-    const slider = screen.getByRole('slider');
-    expect(slider).toHaveAttribute('aria-valuenow', '50');
-  });
-
-  it('should render with min and max', () => {
-    render(
-      <Slider aria-label="Volume" defaultValue={[25]} min={0} max={100} />,
-    );
-    const slider = screen.getByRole('slider');
-    expect(slider).toHaveAttribute('aria-valuemin', '0');
-    expect(slider).toHaveAttribute('aria-valuemax', '100');
-  });
-
-  it('should render with step', () => {
-    render(
-      <Slider
-        aria-label="Volume"
-        defaultValue={[50]}
-        step={10}
-        min={0}
-        max={100}
-      />,
-    );
-    const slider = screen.getByRole('slider');
-    expect(slider).toBeInTheDocument();
-  });
-
-  it('should be disabled when disabled prop is passed', () => {
-    render(<Slider aria-label="Volume" defaultValue={[50]} disabled />);
-    const slider = screen.getByRole('slider');
-    // Radix Slider uses data-disabled attribute for disabled state
-    expect(slider).toHaveAttribute('data-disabled');
-  });
-
-  it('should forward ref', () => {
-    const ref = createRef<HTMLSpanElement>();
-    render(<Slider ref={ref} aria-label="Volume" defaultValue={[50]} />);
-    expect(ref.current).toBeInstanceOf(HTMLSpanElement);
-  });
-
-  it('should merge custom className', () => {
-    const { container } = render(
-      <Slider
-        aria-label="Volume"
-        defaultValue={[50]}
-        className="envive-tw-mt-4"
-      />,
-    );
-    expect(container.firstChild).toHaveClass('envive-tw-mt-4');
-  });
-
-  it('should have proper slider role', () => {
-    render(<Slider aria-label="Volume" defaultValue={[50]} />);
-    expect(screen.getByRole('slider')).toBeInTheDocument();
-  });
-
-  it('should call onValueChange when value changes', () => {
-    const onValueChange = vi.fn();
-    render(
-      <Slider
-        aria-label="Volume"
-        defaultValue={[50]}
-        onValueChange={onValueChange}
-      />,
-    );
-    const slider = screen.getByRole('slider');
-    expect(slider).toBeInTheDocument();
-  });
-});

package/src/components/Slider/index.ts

@@ -1,2 +0,0 @@
-export { Slider } from './Slider';
-export type { SliderProps } from './types';

package/src/components/Slider/types/index.ts

@@ -1,6 +0,0 @@
-import type * as React from 'react';
-import type * as SliderPrimitive from '@radix-ui/react-slider';
-
-export type SliderProps = React.ComponentPropsWithoutRef<
-  typeof SliderPrimitive.Root
->;

package/src/components/Sonner/Sonner.tsx

@@ -1,5 +0,0 @@
-import type { SonnerToasterProps } from './types/index.js';
-
-const Toaster = (props: SonnerToasterProps) => <>Toaster</>;
-
-export { Toaster };

package/src/components/Sonner/__tests__/Sonner.test.tsx

@@ -1,46 +0,0 @@
-import '@testing-library/jest-dom';
-import { describe, expect, it, beforeAll } from 'vitest';
-import { render } from '@testing-library/react';
-import { Toaster } from '../Sonner';
-
-beforeAll(() => {
-  Object.defineProperty(window, 'matchMedia', {
-    writable: true,
-    value: (query: string) => ({
-      matches: false,
-      media: query,
-      onchange: null,
-      addListener: () => {},
-      removeListener: () => {},
-      addEventListener: () => {},
-      removeEventListener: () => {},
-      dispatchEvent: () => false,
-    }),
-  });
-});
-
-describe('Sonner Toaster', () => {
-  it('should render without crashing', () => {
-    const { container } = render(<Toaster />);
-    expect(container).toBeTruthy();
-  });
-
-  it('should render with custom props', () => {
-    const { container } = render(
-      <Toaster position="top-center" richColors />,
-    );
-    expect(container).toBeTruthy();
-  });
-
-  it('should mount the sonner container element', () => {
-    const { container } = render(<Toaster />);
-    // Sonner renders a section element as its toaster container
-    const section = container.querySelector('section');
-    if (section) {
-      expect(section).toBeTruthy();
-    } else {
-      // Even without visible toasts, the component should mount successfully
-      expect(container).toBeTruthy();
-    }
-  });
-});

package/src/components/Sonner/index.ts

@@ -1,2 +0,0 @@
-export { Toaster } from './Sonner';
-export type { SonnerToasterProps } from './types/index';

package/src/components/Sonner/types/index.ts

@@ -1,4 +0,0 @@
-import type { ComponentProps } from 'react';
-import type { Toaster as SonnerToaster } from 'sonner';
-
-export type SonnerToasterProps = ComponentProps<typeof SonnerToaster>;

package/src/components/Switch/Switch.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { cn } from '../../lib/utils.js';
-import type { SwitchProps } from './types/index.js';
-
-const Switch = React.forwardRef<
-  React.ComponentRef<typeof SwitchPrimitive.Root>,
-  SwitchProps
->(({ className, ...props }, ref) => (
-  <SwitchPrimitive.Root
-    className={cn(
-      'envive-tw-peer envive-tw-inline-flex envive-tw-h-6 envive-tw-w-11 envive-tw-shrink-0 envive-tw-cursor-pointer envive-tw-items-center envive-tw-rounded-full envive-tw-border-2 envive-tw-border-transparent envive-tw-transition-colors focus-visible:envive-tw-outline-none focus-visible:envive-tw-ring-2 focus-visible:envive-tw-ring-ring focus-visible:envive-tw-ring-offset-2 focus-visible:envive-tw-ring-offset-background disabled:envive-tw-cursor-not-allowed disabled:envive-tw-opacity-50 data-[state=checked]:envive-tw-bg-primary data-[state=unchecked]:envive-tw-bg-input',
-      className,
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitive.Thumb
-      className="envive-tw-pointer-events-none envive-tw-block envive-tw-h-5 envive-tw-w-5 envive-tw-rounded-full envive-tw-bg-background envive-tw-shadow-lg envive-tw-ring-0 envive-tw-transition-transform data-[state=checked]:envive-tw-translate-x-5 data-[state=unchecked]:envive-tw-translate-x-0"
-    />
-  </SwitchPrimitive.Root>
-));
-
-Switch.displayName = 'Switch';
-
-export { Switch };