@gv-tech/design-system 1.1.0 → 2.0.0

package/dist/registry/index.json

@@ -1,4 +1,11 @@
 [
+  {
+    "name": "accordion.test",
+    "files": [
+      "ui/accordion.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "accordion",
     "files": [
@@ -6,6 +13,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "alert-dialog.test",
+    "files": [
+      "ui/alert-dialog.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "alert-dialog",
     "files": [
@@ -13,6 +27,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "alert.test",
+    "files": [
+      "ui/alert.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "alert",
     "files": [
@@ -20,6 +41,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "aspect-ratio.test",
+    "files": [
+      "ui/aspect-ratio.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "aspect-ratio",
     "files": [
@@ -27,6 +55,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "avatar.test",
+    "files": [
+      "ui/avatar.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "avatar",
     "files": [
@@ -34,6 +69,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "badge.test",
+    "files": [
+      "ui/badge.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "badge",
     "files": [
@@ -41,6 +83,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "breadcrumb.test",
+    "files": [
+      "ui/breadcrumb.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "breadcrumb",
     "files": [
@@ -48,6 +97,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "button.test",
+    "files": [
+      "ui/button.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "button",
     "files": [
@@ -55,6 +111,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "calendar.test",
+    "files": [
+      "ui/calendar.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "calendar",
     "files": [
@@ -62,6 +125,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "card.test",
+    "files": [
+      "ui/card.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "card",
     "files": [
@@ -69,6 +139,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "carousel.test",
+    "files": [
+      "ui/carousel.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "carousel",
     "files": [
@@ -76,6 +153,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "chart.test",
+    "files": [
+      "ui/chart.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "chart",
     "files": [
@@ -83,6 +167,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "checkbox.test",
+    "files": [
+      "ui/checkbox.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "checkbox",
     "files": [
@@ -90,6 +181,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "collapsible.test",
+    "files": [
+      "ui/collapsible.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "collapsible",
     "files": [
@@ -97,6 +195,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "command.test",
+    "files": [
+      "ui/command.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "command",
     "files": [
@@ -104,6 +209,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "context-menu.test",
+    "files": [
+      "ui/context-menu.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "context-menu",
     "files": [
@@ -111,6 +223,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "dialog.test",
+    "files": [
+      "ui/dialog.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "dialog",
     "files": [
@@ -118,6 +237,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "drawer.test",
+    "files": [
+      "ui/drawer.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "drawer",
     "files": [
@@ -125,6 +251,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "dropdown-menu.test",
+    "files": [
+      "ui/dropdown-menu.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "dropdown-menu",
     "files": [
@@ -132,6 +265,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "form.test",
+    "files": [
+      "ui/form.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "form",
     "files": [
@@ -139,6 +279,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "hover-card.test",
+    "files": [
+      "ui/hover-card.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "hover-card",
     "files": [
@@ -146,6 +293,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "input.test",
+    "files": [
+      "ui/input.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "input",
     "files": [
@@ -153,6 +307,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "label.test",
+    "files": [
+      "ui/label.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "label",
     "files": [
@@ -160,6 +321,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "menubar.test",
+    "files": [
+      "ui/menubar.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "menubar",
     "files": [
@@ -167,6 +335,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "navigation-menu.test",
+    "files": [
+      "ui/navigation-menu.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "navigation-menu",
     "files": [
@@ -174,6 +349,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "pagination.test",
+    "files": [
+      "ui/pagination.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "pagination",
     "files": [
@@ -181,6 +363,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "popover.test",
+    "files": [
+      "ui/popover.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "popover",
     "files": [
@@ -188,6 +377,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "progress.test",
+    "files": [
+      "ui/progress.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "progress",
     "files": [
@@ -195,6 +391,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "radio-group.test",
+    "files": [
+      "ui/radio-group.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "radio-group",
     "files": [
@@ -202,6 +405,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "resizable.test",
+    "files": [
+      "ui/resizable.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "resizable",
     "files": [
@@ -209,6 +419,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "scroll-area.test",
+    "files": [
+      "ui/scroll-area.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "scroll-area",
     "files": [
@@ -216,6 +433,27 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "search.test",
+    "files": [
+      "ui/search.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
+  {
+    "name": "search",
+    "files": [
+      "ui/search.tsx"
+    ],
+    "type": "registry:ui"
+  },
+  {
+    "name": "select.test",
+    "files": [
+      "ui/select.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "select",
     "files": [
@@ -223,6 +461,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "separator.test",
+    "files": [
+      "ui/separator.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "separator",
     "files": [
@@ -230,6 +475,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "sheet.test",
+    "files": [
+      "ui/sheet.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "sheet",
     "files": [
@@ -237,6 +489,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "skeleton.test",
+    "files": [
+      "ui/skeleton.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "skeleton",
     "files": [
@@ -244,6 +503,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "slider.test",
+    "files": [
+      "ui/slider.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "slider",
     "files": [
@@ -251,6 +517,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "sonner.test",
+    "files": [
+      "ui/sonner.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "sonner",
     "files": [
@@ -258,6 +531,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "switch.test",
+    "files": [
+      "ui/switch.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "switch",
     "files": [
@@ -265,6 +545,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "table.test",
+    "files": [
+      "ui/table.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "table",
     "files": [
@@ -272,6 +559,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "tabs.test",
+    "files": [
+      "ui/tabs.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "tabs",
     "files": [
@@ -279,6 +573,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "textarea.test",
+    "files": [
+      "ui/textarea.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "textarea",
     "files": [
@@ -286,6 +587,20 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "theme-toggle",
+    "files": [
+      "ui/theme-toggle.tsx"
+    ],
+    "type": "registry:ui"
+  },
+  {
+    "name": "toast.test",
+    "files": [
+      "ui/toast.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "toast",
     "files": [
@@ -300,6 +615,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "toggle-group.test",
+    "files": [
+      "ui/toggle-group.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "toggle-group",
     "files": [
@@ -307,6 +629,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "toggle.test",
+    "files": [
+      "ui/toggle.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "toggle",
     "files": [
@@ -314,6 +643,13 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "name": "tooltip.test",
+    "files": [
+      "ui/tooltip.test.tsx"
+    ],
+    "type": "registry:ui"
+  },
   {
     "name": "tooltip",
     "files": [

package/dist/registry/input.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "input.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/input.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport * as React from 'react';\nimport { describe, expect, it } from 'vitest';\nimport { Input } from './input';\n\ndescribe('Input', () => {\n  it('renders correctly', () => {\n    render(<Input placeholder=\"Enter text\" />);\n    expect(screen.getByPlaceholderText('Enter text')).toBeInTheDocument();\n  });\n\n  it('accepts user input', async () => {\n    const user = userEvent.setup();\n    render(<Input placeholder=\"Enter text\" />);\n\n    const input = screen.getByPlaceholderText('Enter text');\n    await user.type(input, 'Hello World');\n\n    expect(input).toHaveValue('Hello World');\n  });\n\n  it('handles disabled state', () => {\n    render(<Input disabled placeholder=\"Disabled\" />);\n    expect(screen.getByPlaceholderText('Disabled')).toBeDisabled();\n  });\n\n  it('forwards ref', () => {\n    const ref = React.createRef<HTMLInputElement>();\n    render(<Input ref={ref} />);\n    expect(ref.current).toBeInstanceOf(HTMLInputElement);\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/label.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "label.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/label.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Label } from './label';\n\ndescribe('Label', () => {\n  it('renders correctly', () => {\n    render(<Label>Test Label</Label>);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('renders within the DOM', () => {\n    const { container } = render(<Label>Test Label</Label>);\n    expect(container.firstChild).toBeInTheDocument();\n  });\n\n  it('supports htmlFor attribute', () => {\n    render(\n      <>\n        <Label htmlFor=\"test-input\">Test Input</Label>\n        <input id=\"test-input\" />\n      </>,\n    );\n\n    const label = screen.getByText('Test Input');\n    expect(label).toHaveAttribute('for', 'test-input');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/menubar.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "menubar.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/menubar.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarItem,\n  MenubarMenu,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarTrigger,\n} from './menubar';\n\ndescribe('Menubar', () => {\n  it('renders trigger correctly', () => {\n    render(\n      <Menubar>\n        <MenubarMenu>\n          <MenubarTrigger>File</MenubarTrigger>\n          <MenubarContent>\n            <MenubarItem>New Tab</MenubarItem>\n          </MenubarContent>\n        </MenubarMenu>\n      </Menubar>,\n    );\n\n    expect(screen.getByText('File')).toBeInTheDocument();\n  });\n\n  it('opens menu on click', async () => {\n    const user = userEvent.setup();\n    render(\n      <Menubar>\n        <MenubarMenu>\n          <MenubarTrigger>File</MenubarTrigger>\n          <MenubarContent>\n            <MenubarItem>New Tab</MenubarItem>\n            <MenubarItem>New Window</MenubarItem>\n          </MenubarContent>\n        </MenubarMenu>\n      </Menubar>,\n    );\n\n    await user.click(screen.getByText('File'));\n\n    expect(screen.getByText('New Tab')).toBeVisible();\n    expect(screen.getByText('New Window')).toBeVisible();\n  });\n\n  it('handles checkbox items', async () => {\n    const user = userEvent.setup();\n    render(\n      <Menubar>\n        <MenubarMenu>\n          <MenubarTrigger>View</MenubarTrigger>\n          <MenubarContent>\n            <MenubarCheckboxItem checked>Show Sidebar</MenubarCheckboxItem>\n            <MenubarCheckboxItem checked={false}>Show Status Bar</MenubarCheckboxItem>\n          </MenubarContent>\n        </MenubarMenu>\n      </Menubar>,\n    );\n\n    await user.click(screen.getByText('View'));\n\n    expect(screen.getByRole('menuitemcheckbox', { name: 'Show Sidebar' })).toBeChecked();\n    expect(screen.getByRole('menuitemcheckbox', { name: 'Show Status Bar' })).not.toBeChecked();\n  });\n\n  it('handles radio items', async () => {\n    const user = userEvent.setup();\n    render(\n      <Menubar>\n        <MenubarMenu>\n          <MenubarTrigger>Profiles</MenubarTrigger>\n          <MenubarContent>\n            <MenubarRadioGroup value=\"andy\">\n              <MenubarRadioItem value=\"andy\">Andy</MenubarRadioItem>\n              <MenubarRadioItem value=\"benoit\">Benoit</MenubarRadioItem>\n            </MenubarRadioGroup>\n          </MenubarContent>\n        </MenubarMenu>\n      </Menubar>,\n    );\n\n    await user.click(screen.getByText('Profiles'));\n\n    expect(screen.getByRole('menuitemradio', { name: 'Andy' })).toBeChecked();\n    expect(screen.getByRole('menuitemradio', { name: 'Benoit' })).not.toBeChecked();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/navigation-menu.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "navigation-menu.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/navigation-menu.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n} from './navigation-menu';\n\ndescribe('NavigationMenu', () => {\n  it('renders trigger correctly', () => {\n    render(\n      <NavigationMenu>\n        <NavigationMenuList>\n          <NavigationMenuItem>\n            <NavigationMenuTrigger>Item One</NavigationMenuTrigger>\n            <NavigationMenuContent>\n              <NavigationMenuLink>Link One</NavigationMenuLink>\n            </NavigationMenuContent>\n          </NavigationMenuItem>\n        </NavigationMenuList>\n      </NavigationMenu>,\n    );\n\n    expect(screen.getByText('Item One')).toBeInTheDocument();\n  });\n\n  it('shows content on click (or hover depending on implementation)', async () => {\n    // Radix Navigation Menu usually works on hover for desktop, click for touch/mobile.\n    // In JSDOM, we can simulate clicks.\n    const user = userEvent.setup();\n    render(\n      <NavigationMenu>\n        <NavigationMenuList>\n          <NavigationMenuItem>\n            <NavigationMenuTrigger>Item One</NavigationMenuTrigger>\n            <NavigationMenuContent>\n              <NavigationMenuLink>Link One</NavigationMenuLink>\n            </NavigationMenuContent>\n          </NavigationMenuItem>\n        </NavigationMenuList>\n      </NavigationMenu>,\n    );\n\n    const trigger = screen.getByText('Item One');\n    await user.click(trigger);\n\n    expect(screen.getByText('Link One')).toBeVisible();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/pagination.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "pagination.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/pagination.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from './pagination';\n\ndescribe('Pagination', () => {\n  it('renders correctly', () => {\n    render(\n      <Pagination>\n        <PaginationContent>\n          <PaginationItem>\n            <PaginationPrevious href=\"#\" />\n          </PaginationItem>\n          <PaginationItem>\n            <PaginationLink href=\"#\">1</PaginationLink>\n          </PaginationItem>\n          <PaginationItem>\n            <PaginationEllipsis />\n          </PaginationItem>\n          <PaginationItem>\n            <PaginationNext href=\"#\" />\n          </PaginationItem>\n        </PaginationContent>\n      </Pagination>,\n    );\n\n    expect(screen.getByRole('navigation', { name: 'pagination' })).toBeInTheDocument();\n    expect(screen.getByText('Previous')).toBeInTheDocument();\n    expect(screen.getByText('1')).toBeInTheDocument();\n    expect(screen.getByText('Next')).toBeInTheDocument();\n    expect(screen.getByText('More pages')).toBeInTheDocument();\n  });\n\n  it('marks active page correctly', () => {\n    render(\n      <Pagination>\n        <PaginationContent>\n          <PaginationItem>\n            <PaginationLink href=\"#\" isActive>\n              1\n            </PaginationLink>\n          </PaginationItem>\n        </PaginationContent>\n      </Pagination>,\n    );\n\n    const link = screen.getByText('1').closest('a');\n    expect(link).toHaveAttribute('aria-current', 'page');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}