@gv-tech/design-system 1.1.0 → 2.0.0

package/dist/registry/popover.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "popover.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/popover.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\n\ndescribe('Popover', () => {\n  it('renders trigger correctly', () => {\n    render(\n      <Popover>\n        <PopoverTrigger>Open</PopoverTrigger>\n        <PopoverContent>Content</PopoverContent>\n      </Popover>,\n    );\n\n    expect(screen.getByText('Open')).toBeInTheDocument();\n  });\n\n  it('opens content on click', async () => {\n    const user = userEvent.setup();\n    render(\n      <Popover>\n        <PopoverTrigger>Open</PopoverTrigger>\n        <PopoverContent>Content</PopoverContent>\n      </Popover>,\n    );\n\n    await user.click(screen.getByText('Open'));\n\n    expect(screen.getByText('Content')).toBeVisible();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/progress.json

@@ -6,7 +6,7 @@
   "files": [
     {
       "path": "ui/progress.tsx",
-      "content": "import * as ProgressPrimitive from '@radix-ui/react-progress';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className)}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"h-full w-full flex-1 bg-primary transition-all\"\n      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n",
+      "content": "import * as ProgressPrimitive from '@radix-ui/react-progress';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className)}\n    value={value}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"h-full w-full flex-1 bg-primary transition-all\"\n      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n",
       "type": "registry:ui"
     }
   ]

package/dist/registry/progress.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "progress.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/progress.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Progress } from './progress';\n\ndescribe('Progress', () => {\n  it('renders correctly', () => {\n    render(<Progress value={50} aria-label=\"progress-bar\" />);\n    expect(screen.getByRole('progressbar')).toBeInTheDocument();\n    expect(screen.getByRole('progressbar')).toHaveAttribute('aria-valuenow', '50');\n  });\n\n  it('renders correctly with no value', () => {\n    render(<Progress aria-label=\"progress-bar\" />);\n    expect(screen.getByRole('progressbar')).toBeInTheDocument();\n    // When value is undefined, Radix UI might behave in specific ways, typically indeterminate or 0.\n    // Our wrapper: transform: `translateX(-${100 - (value || 0)}%)` -> -100%\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/radio-group.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "radio-group.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/radio-group.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { RadioGroup, RadioGroupItem } from './radio-group';\n\ndescribe('RadioGroup', () => {\n  it('renders correctly', () => {\n    render(\n      <RadioGroup defaultValue=\"option-one\">\n        <RadioGroupItem value=\"option-one\" id=\"option-one\" aria-label=\"Option One\" />\n        <RadioGroupItem value=\"option-two\" id=\"option-two\" aria-label=\"Option Two\" />\n      </RadioGroup>,\n    );\n\n    expect(screen.getByRole('radio', { name: /Option One/i })).toBeInTheDocument();\n    // Radix RadioGroup renders standard inputs visually hidden.\n    // Testing library query by role 'radio' should find them.\n    // However, since we didn't provide labels, we might need to rely on 'checked' state or IDs.\n\n    const radio1 = screen.getByRole('radio', { checked: true });\n    expect(radio1).toBeInTheDocument();\n    expect(radio1).toHaveValue('option-one');\n  });\n\n  it('changes value on click', async () => {\n    const user = userEvent.setup();\n    render(\n      <RadioGroup defaultValue=\"option-one\">\n        <RadioGroupItem value=\"option-one\" />\n        <RadioGroupItem value=\"option-two\" data-testid=\"radio-two\" />\n      </RadioGroup>,\n    );\n\n    const radio2 = screen.getByTestId('radio-two');\n    await user.click(radio2);\n\n    expect(radio2).toBeChecked();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/resizable.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "resizable.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/resizable.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable';\n\ndescribe('Resizable', () => {\n  it('renders correctly', () => {\n    // Basic render test\n    render(\n      <ResizablePanelGroup direction=\"horizontal\">\n        <ResizablePanel defaultSize={50}>\n          <div>One</div>\n        </ResizablePanel>\n        <ResizableHandle />\n        <ResizablePanel defaultSize={50}>\n          <div>Two</div>\n        </ResizablePanel>\n      </ResizablePanelGroup>,\n    );\n\n    expect(screen.getByText('One')).toBeInTheDocument();\n    expect(screen.getByText('Two')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/scroll-area.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "scroll-area.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/scroll-area.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { ScrollArea, ScrollBar } from './scroll-area';\n\ndescribe('ScrollArea', () => {\n  it('renders correctly', () => {\n    render(\n      <ScrollArea className=\"h-[200px] w-[350px]\">\n        <div>Content</div>\n        <ScrollBar />\n      </ScrollArea>,\n    );\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/search.json

@@ -0,0 +1,13 @@
+{
+  "name": "search",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/search.tsx",
+      "content": "'use client';\n\nimport { Button } from '@/components/ui/button';\nimport {\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/ui/command';\nimport { cn } from '@/lib/utils';\nimport { Search as SearchIcon } from 'lucide-react';\nimport * as React from 'react';\n\nexport interface SearchProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport function Search({ children, open: customOpen, onOpenChange }: SearchProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const isControlled = customOpen !== undefined;\n  const isOpen = isControlled ? customOpen : open;\n\n  const setIsOpen = React.useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      if (isControlled) {\n        const nextValue = typeof value === 'function' ? value(isOpen) : value;\n        onOpenChange?.(nextValue);\n      } else {\n        setOpen(value);\n      }\n    },\n    [isControlled, isOpen, onOpenChange],\n  );\n\n  React.useEffect(() => {\n    const down = (e: KeyboardEvent) => {\n      if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        setIsOpen((prev) => !prev);\n      }\n    };\n\n    document.addEventListener('keydown', down);\n    return () => document.removeEventListener('keydown', down);\n  }, [setIsOpen]);\n\n  return (\n    <CommandDialog open={isOpen} onOpenChange={setIsOpen}>\n      {children}\n    </CommandDialog>\n  );\n}\n\nexport interface SearchTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  className?: string;\n  placeholder?: string;\n  variant?: 'default' | 'compact';\n}\n\nexport const SearchTrigger = React.forwardRef<HTMLButtonElement, SearchTriggerProps>(\n  ({ className, placeholder = 'Search docs...', variant = 'default', ...props }, ref) => {\n    return (\n      <Button\n        variant=\"outline\"\n        className={cn(\n          'relative h-9 text-sm text-muted-foreground transition-all transition-colors',\n          variant === 'default'\n            ? 'w-full justify-start sm:pr-12 md:w-40 lg:w-64'\n            : 'w-9 justify-center px-0 sm:w-24 sm:justify-start sm:px-3 sm:pr-12',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <span className=\"inline-flex items-center gap-2\">\n          <SearchIcon className=\"h-4 w-4 shrink-0\" />\n          {variant === 'default' && <span className=\"truncate\">{placeholder}</span>}\n        </span>\n        <kbd className=\"pointer-events-none absolute right-1.5 top-1.5 hidden h-6 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex\">\n          <span className=\"text-xs\">⌘</span>K\n        </kbd>\n      </Button>\n    );\n  },\n);\nSearchTrigger.displayName = 'SearchTrigger';\n\nexport { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList };\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/search.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "search.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/search.test.tsx",
+      "content": "import { fireEvent, render, screen } from '@testing-library/react';\nimport * as React from 'react';\nimport { describe, expect, it, vi } from 'vitest';\nimport { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Search, SearchTrigger } from './search';\n\n// Mock CommandDialog since it uses Radix Dialog which might need a portal\nvi.mock('@/components/ui/dialog', () => ({\n  Dialog: ({ children, open }: { children: React.ReactNode; open: boolean }) => (open ? <div>{children}</div> : null),\n  DialogContent: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,\n  DialogPortal: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,\n  DialogOverlay: () => null,\n}));\n\ndescribe('Search', () => {\n  it('renders search trigger', () => {\n    render(<SearchTrigger />);\n    expect(screen.getByText('Search docs...')).toBeInTheDocument();\n  });\n\n  it('opens search dialog when trigger is clicked (controlled)', () => {\n    const onOpenChange = vi.fn();\n    render(\n      <Search open={false} onOpenChange={onOpenChange}>\n        <CommandInput placeholder=\"Search...\" />\n      </Search>,\n    );\n\n    // The dialog should be closed initially\n    expect(screen.queryByPlaceholderText('Search...')).not.toBeInTheDocument();\n  });\n\n  it('responds to keyboard shortcuts', () => {\n    render(\n      <Search>\n        <CommandInput placeholder=\"Search...\" />\n        <CommandList>\n          <CommandItem>Result 1</CommandItem>\n        </CommandList>\n      </Search>,\n    );\n\n    // Simulate Cmd+K\n    fireEvent.keyDown(document, { key: 'k', metaKey: true });\n\n    // Check if dialog content is visible\n    expect(screen.getByPlaceholderText('Search...')).toBeInTheDocument();\n  });\n\n  it('filters results correctly', () => {\n    render(\n      <Search open={true}>\n        <CommandInput placeholder=\"Search...\" />\n        <CommandList>\n          <CommandEmpty>No results.</CommandEmpty>\n          <CommandGroup heading=\"Components\">\n            <SearchItem>Button</SearchItem>\n            <SearchItem>Input</SearchItem>\n          </CommandGroup>\n        </CommandList>\n      </Search>,\n    );\n\n    const input = screen.getByPlaceholderText('Search...');\n    fireEvent.change(input, { target: { value: 'But' } });\n\n    expect(screen.getByText('Button')).toBeInTheDocument();\n    // cmdk removes non-matching items from the DOM\n    expect(screen.queryByText('Input')).not.toBeInTheDocument();\n  });\n});\n\n// Helper component for testing\nfunction SearchItem({ children }: { children: React.ReactNode }) {\n  return <CommandItem>{children}</CommandItem>;\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/select.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "select.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/select.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\n\ndescribe('Select', () => {\n  it('renders correctly', () => {\n    render(\n      <Select>\n        <SelectTrigger>\n          <SelectValue placeholder=\"Select an option\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"option1\">Option 1</SelectItem>\n          <SelectItem value=\"option2\">Option 2</SelectItem>\n        </SelectContent>\n      </Select>,\n    );\n    expect(screen.getByText('Select an option')).toBeInTheDocument();\n  });\n\n  it('opens and selects an option', async () => {\n    const user = userEvent.setup();\n    render(\n      <Select>\n        <SelectTrigger>\n          <SelectValue placeholder=\"Select an option\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"option1\">Option 1</SelectItem>\n          <SelectItem value=\"option2\">Option 2</SelectItem>\n        </SelectContent>\n      </Select>,\n    );\n\n    await user.click(screen.getByRole('combobox'));\n    expect(screen.getByText('Option 1')).toBeVisible();\n\n    await user.click(screen.getByText('Option 1'));\n    expect(screen.getByText('Option 1')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/separator.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "separator.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/separator.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Separator } from './separator';\n\ndescribe('Separator', () => {\n  it('renders correctly', () => {\n    render(<Separator data-testid=\"separator\" />);\n    expect(screen.getByTestId('separator')).toBeInTheDocument();\n    expect(screen.getByTestId('separator')).toHaveClass('bg-border');\n  });\n\n  it('applies orientation classes', () => {\n    render(<Separator orientation=\"vertical\" data-testid=\"separator-vertical\" />);\n    expect(screen.getByTestId('separator-vertical')).toHaveClass('h-full w-[1px]');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/sheet.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "sheet.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/sheet.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it, vi } from 'vitest';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './sheet';\n\n// Mock ResizeObserver for Radix UI\nglobal.ResizeObserver = vi.fn().mockImplementation(() => ({\n  observe: vi.fn(),\n  unobserve: vi.fn(),\n  disconnect: vi.fn(),\n}));\n\ndescribe('Sheet', () => {\n  it('renders trigger correctly', () => {\n    render(\n      <Sheet>\n        <SheetTrigger>Open Sheet</SheetTrigger>\n        <SheetContent>\n          <SheetHeader>\n            <SheetTitle>Title</SheetTitle>\n            <SheetDescription>Description</SheetDescription>\n          </SheetHeader>\n        </SheetContent>\n      </Sheet>,\n    );\n\n    expect(screen.getByText('Open Sheet')).toBeInTheDocument();\n  });\n\n  it('opens content on click', async () => {\n    const user = userEvent.setup();\n    render(\n      <Sheet>\n        <SheetTrigger>Open Sheet</SheetTrigger>\n        <SheetContent>\n          <SheetHeader>\n            <SheetTitle>Title</SheetTitle>\n            <SheetDescription>Description</SheetDescription>\n          </SheetHeader>\n          <div>Sheet Content</div>\n        </SheetContent>\n      </Sheet>,\n    );\n\n    await user.click(screen.getByText('Open Sheet'));\n    expect(screen.getByText('Sheet Content')).toBeVisible();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/skeleton.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "skeleton.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/skeleton.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Skeleton } from './skeleton';\n\ndescribe('Skeleton', () => {\n  it('renders correctly', () => {\n    render(<Skeleton data-testid=\"skeleton\" className=\"h-4 w-[250px]\" />);\n    const skeleton = screen.getByTestId('skeleton');\n    expect(skeleton).toBeInTheDocument();\n    expect(skeleton).toHaveClass('animate-pulse');\n    expect(skeleton).toHaveClass('h-4');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/slider.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "slider.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/slider.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Slider } from './slider';\n\ndescribe('Slider', () => {\n  it('renders correctly', () => {\n    // Radix Slider uses ResizeObserver\n    global.ResizeObserver = class ResizeObserver {\n      observe() {}\n      unobserve() {}\n      disconnect() {}\n    };\n\n    render(<Slider defaultValue={[50]} max={100} step={1} />);\n    expect(screen.getByRole('slider')).toBeInTheDocument();\n    expect(screen.getByRole('slider')).toHaveAttribute('aria-valuenow', '50');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/sonner.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "sonner.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/sonner.test.tsx",
+      "content": "import { render } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Toaster } from './sonner';\n\ndescribe('Sonner Toaster', () => {\n  it('renders correctly', () => {\n    const { container } = render(<Toaster />);\n    // Sonner renders a list/container. Since it's a portal or fixed, we check presence.\n    // However, without triggering a toast, it might be empty or hidden.\n    // We check if the container renders without crashing.\n    expect(container).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/switch.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "switch.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/switch.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Switch } from './switch';\n\ndescribe('Switch', () => {\n  it('renders correctly', () => {\n    render(<Switch data-testid=\"switch\" />);\n    expect(screen.getByRole('switch')).toBeInTheDocument();\n  });\n\n  it('toggles state', async () => {\n    const user = userEvent.setup();\n    render(<Switch />);\n\n    const switchEl = screen.getByRole('switch');\n    expect(switchEl).toHaveAttribute('aria-checked', 'false');\n\n    await user.click(switchEl);\n    expect(switchEl).toHaveAttribute('aria-checked', 'true');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/table.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "table.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/table.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from './table';\n\ndescribe('Table', () => {\n  it('renders correctly', () => {\n    render(\n      <Table>\n        <TableCaption>A list of invoices.</TableCaption>\n        <TableHeader>\n          <TableRow>\n            <TableHead className=\"w-[100px]\">Invoice</TableHead>\n            <TableHead>Status</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          <TableRow>\n            <TableCell className=\"font-medium\">INV001</TableCell>\n            <TableCell>Paid</TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>,\n    );\n\n    expect(screen.getByRole('table')).toBeInTheDocument();\n    expect(screen.getByText('A list of invoices.')).toBeInTheDocument();\n    expect(screen.getByText('INV001')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/tabs.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "tabs.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/tabs.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';\n\ndescribe('Tabs', () => {\n  it('renders correctly', () => {\n    render(\n      <Tabs defaultValue=\"account\">\n        <TabsList>\n          <TabsTrigger value=\"account\">Account</TabsTrigger>\n          <TabsTrigger value=\"password\">Password</TabsTrigger>\n        </TabsList>\n        <TabsContent value=\"account\">Account Content</TabsContent>\n        <TabsContent value=\"password\">Password Content</TabsContent>\n      </Tabs>,\n    );\n\n    expect(screen.getByRole('tablist')).toBeInTheDocument();\n    expect(screen.getByRole('tab', { name: 'Account' })).toBeInTheDocument();\n\n    // Default value shows Account Content\n    expect(screen.getByText('Account Content')).toBeVisible();\n    expect(screen.queryByText('Password Content')).not.toBeInTheDocument();\n  });\n\n  it('switches tabs', async () => {\n    const user = userEvent.setup();\n    render(\n      <Tabs defaultValue=\"account\">\n        <TabsList>\n          <TabsTrigger value=\"account\">Account</TabsTrigger>\n          <TabsTrigger value=\"password\">Password</TabsTrigger>\n        </TabsList>\n        <TabsContent value=\"account\">Account Content</TabsContent>\n        <TabsContent value=\"password\">Password Content</TabsContent>\n      </Tabs>,\n    );\n\n    await user.click(screen.getByRole('tab', { name: 'Password' }));\n    expect(screen.getByText('Password Content')).toBeVisible();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/textarea.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "textarea.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/textarea.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Textarea } from './textarea';\n\ndescribe('Textarea', () => {\n  it('renders correctly', () => {\n    render(<Textarea placeholder=\"Type here\" />);\n    expect(screen.getByRole('textbox')).toBeInTheDocument();\n    expect(screen.getByPlaceholderText('Type here')).toBeInTheDocument();\n  });\n\n  it('accepts user input', async () => {\n    const user = userEvent.setup();\n    render(<Textarea />);\n    const textarea = screen.getByRole('textbox');\n\n    await user.type(textarea, 'Hello World');\n    expect(textarea).toHaveValue('Hello World');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/theme-toggle.json

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

package/dist/registry/toast.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "toast.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/toast.test.tsx",
+      "content": "import { useToast } from '@/hooks/use-toast';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Toaster } from './toaster';\n\n// Test component to trigger toasts\nconst ToastTrigger = () => {\n  const { toast } = useToast();\n  return (\n    <button\n      onClick={() =>\n        toast({\n          title: 'Test Toast',\n          description: 'This is a test message',\n        })\n      }\n    >\n      Show Toast\n    </button>\n  );\n};\n\ndescribe('Toast', () => {\n  it('shows toast when triggered', async () => {\n    const user = userEvent.setup();\n    render(\n      <>\n        <Toaster />\n        <ToastTrigger />\n      </>,\n    );\n\n    expect(screen.queryByText('Test Toast')).not.toBeInTheDocument();\n\n    await user.click(screen.getByText('Show Toast'));\n\n    // Toast might take a moment to appear (animation)\n    expect(await screen.findByText('Test Toast')).toBeInTheDocument();\n    expect(screen.getByText('This is a test message')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/toggle-group.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "toggle-group.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/toggle-group.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { ToggleGroup, ToggleGroupItem } from './toggle-group';\n\ndescribe('ToggleGroup', () => {\n  it('renders correctly', () => {\n    render(\n      <ToggleGroup type=\"single\">\n        <ToggleGroupItem value=\"a\" aria-label=\"Toggle A\">\n          A\n        </ToggleGroupItem>\n        <ToggleGroupItem value=\"b\" aria-label=\"Toggle B\">\n          B\n        </ToggleGroupItem>\n      </ToggleGroup>,\n    );\n\n    expect(screen.getByLabelText('Toggle A')).toBeInTheDocument();\n    expect(screen.getByLabelText('Toggle B')).toBeInTheDocument();\n  });\n\n  it('toggles selection', async () => {\n    const user = userEvent.setup();\n    render(\n      <ToggleGroup type=\"single\">\n        <ToggleGroupItem value=\"a\" aria-label=\"Toggle A\">\n          A\n        </ToggleGroupItem>\n        <ToggleGroupItem value=\"b\" aria-label=\"Toggle B\">\n          B\n        </ToggleGroupItem>\n      </ToggleGroup>,\n    );\n\n    const toggleA = screen.getByLabelText('Toggle A');\n    await user.click(toggleA);\n    expect(toggleA).toHaveAttribute('aria-checked', 'true');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/toggle.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "toggle.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/toggle.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Toggle } from './toggle';\n\ndescribe('Toggle', () => {\n  it('renders correctly', () => {\n    render(<Toggle aria-label=\"Toggle bold\">B</Toggle>);\n    expect(screen.getByLabelText('Toggle bold')).toBeInTheDocument();\n  });\n\n  it('toggles state', async () => {\n    const user = userEvent.setup();\n    render(<Toggle aria-label=\"Toggle italic\" />);\n    const toggle = screen.getByLabelText('Toggle italic');\n\n    expect(toggle).toHaveAttribute('aria-pressed', 'false');\n    await user.click(toggle);\n    expect(toggle).toHaveAttribute('aria-pressed', 'true');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/tooltip.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "tooltip.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/tooltip.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';\n\ndescribe('Tooltip', () => {\n  it('shows content on hover', async () => {\n    const user = userEvent.setup();\n    render(\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger>Hover me</TooltipTrigger>\n          <TooltipContent>Tooltip content</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>,\n    );\n\n    expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument();\n\n    await user.hover(screen.getByText('Hover me'));\n    const tooltip = await screen.findByRole('tooltip');\n    expect(tooltip).toBeInTheDocument();\n    expect(tooltip).toHaveTextContent('Tooltip content');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/setupTests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}