@gv-tech/design-system 1.1.0 → 2.0.0

package/dist/lib/tokens.d.ts

@@ -0,0 +1,54 @@
+/** Design system color tokens for Garcia Ventures. */
+export declare const tokens: {
+    readonly colors: {
+        readonly light: {
+            readonly background: "hsl(0 0% 96%)";
+            readonly foreground: "hsl(222 47% 11%)";
+            readonly card: "hsl(0 0% 100%)";
+            readonly cardForeground: "hsl(222 47% 11%)";
+            readonly popover: "hsl(0 0% 100%)";
+            readonly popoverForeground: "hsl(222 47% 11%)";
+            readonly primary: "hsl(225 73% 57%)";
+            readonly primaryForeground: "hsl(0 0% 100%)";
+            readonly secondary: "hsl(93 28% 54%)";
+            readonly secondaryForeground: "hsl(0 0% 100%)";
+            readonly muted: "hsl(0 0% 92%)";
+            readonly mutedForeground: "hsl(215 16% 47%)";
+            readonly accent: "hsl(0 0% 88%)";
+            readonly accentForeground: "hsl(222 47% 11%)";
+            readonly destructive: "hsl(0 84.2% 60.2%)";
+            readonly destructiveForeground: "hsl(0 0% 100%)";
+            readonly border: "hsl(0 0% 89%)";
+            readonly input: "hsl(0 0% 89%)";
+            readonly ring: "hsl(222 47% 11%)";
+        };
+        readonly dark: {
+            readonly background: "hsl(0 0% 9%)";
+            readonly foreground: "hsl(0 0% 100%)";
+            readonly card: "hsl(0 0% 14%)";
+            readonly cardForeground: "hsl(0 0% 100%)";
+            readonly popover: "hsl(0 0% 11%)";
+            readonly popoverForeground: "hsl(0 0% 100%)";
+            readonly primary: "hsl(227 96% 71%)";
+            readonly primaryForeground: "hsl(0 0% 9%)";
+            readonly secondary: "hsl(96 44% 61%)";
+            readonly secondaryForeground: "hsl(0 0% 9%)";
+            readonly muted: "hsl(0 0% 6%)";
+            readonly mutedForeground: "hsl(0 0% 70%)";
+            readonly accent: "hsl(0 0% 15%)";
+            readonly accentForeground: "hsl(0 0% 100%)";
+            readonly destructive: "hsl(0 62.8% 30.6%)";
+            readonly destructiveForeground: "hsl(0 0% 100%)";
+            readonly border: "hsl(0 0% 18%)";
+            readonly input: "hsl(0 0% 18%)";
+            readonly ring: "hsl(0 0% 90%)";
+        };
+        readonly brand: {
+            readonly green: "hsl(151 66% 27%)";
+            readonly blue: "hsl(225 73% 57%)";
+        };
+    };
+};
+export type ThemeTokens = typeof tokens.colors.light;
+export type BrandTokens = typeof tokens.colors.brand;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/lib/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/lib/tokens.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDT,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC"}

package/dist/pages/ColorTokensDocs.d.ts

@@ -0,0 +1,2 @@
+export declare function ColorTokensDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorTokensDocs.d.ts.map

package/dist/pages/ColorTokensDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTokensDocs.d.ts","sourceRoot":"","sources":["../../src/pages/ColorTokensDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,4CA+K9B"}

package/dist/pages/GettingStarted.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GettingStarted.d.ts","sourceRoot":"","sources":["../../src/pages/GettingStarted.tsx"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,4CA8EjC;AAED,wBAAgB,gBAAgB,4CAwK/B"}
+{"version":3,"file":"GettingStarted.d.ts","sourceRoot":"","sources":["../../src/pages/GettingStarted.tsx"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,4CA4FjC;AAED,wBAAgB,gBAAgB,4CA4K/B"}

package/dist/pages/components/AccordionDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AccordionDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,4CAmD5B"}
+{"version":3,"file":"AccordionDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AccordionDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,4CA+J5B"}

package/dist/pages/components/AlertDialogDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AlertDialogDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,4CAgD9B"}
+{"version":3,"file":"AlertDialogDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AlertDialogDocs.tsx"],"names":[],"mappings":"AAeA,wBAAgB,eAAe,4CAuI9B"}

package/dist/pages/components/AlertDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AlertDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CAwCxB"}
+{"version":3,"file":"AlertDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AlertDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,4CA2DxB"}

package/dist/pages/components/AspectRatioDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatioDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AspectRatioDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,4CA4D9B"}
+{"version":3,"file":"AspectRatioDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AspectRatioDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,4CAgF9B"}

package/dist/pages/components/AvatarDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AvatarDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,4CA8BzB"}
+{"version":3,"file":"AvatarDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/AvatarDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CA6EzB"}

package/dist/pages/components/BadgeDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/BadgeDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,4CAgCxB"}
+{"version":3,"file":"BadgeDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/BadgeDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CAmDxB"}

package/dist/pages/components/BreadcrumbDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/BreadcrumbDocs.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,4CA2C7B"}
+{"version":3,"file":"BreadcrumbDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/BreadcrumbDocs.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,4CA2E7B"}

package/dist/pages/components/ButtonDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ButtonDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAwEzB"}
+{"version":3,"file":"ButtonDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ButtonDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CAkHzB"}

package/dist/pages/components/CalendarDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CalendarDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CAwB3B"}
+{"version":3,"file":"CalendarDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CalendarDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAkE3B"}

package/dist/pages/components/CardDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CardDocs.tsx"],"names":[],"mappings":"AAMA,wBAAgB,QAAQ,4CA0EvB"}
+{"version":3,"file":"CardDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CardDocs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,QAAQ,4CA6FvB"}

package/dist/pages/components/CarouselDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CarouselDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CA+H3B"}
+{"version":3,"file":"CarouselDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CarouselDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CA6J3B"}

package/dist/pages/components/ChartDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ChartDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CA8GxB"}
+{"version":3,"file":"ChartDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ChartDocs.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,SAAS,4CAuHxB"}

package/dist/pages/components/CheckboxDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CheckboxDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CA4C3B"}
+{"version":3,"file":"CheckboxDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CheckboxDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAqG3B"}

package/dist/pages/components/CollapsibleDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CollapsibleDocs.tsx"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,4CA6C9B"}
+{"version":3,"file":"CollapsibleDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CollapsibleDocs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,4CA+F9B"}

package/dist/pages/components/CommandDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CommandDocs.tsx"],"names":[],"mappings":"AAaA,wBAAgB,WAAW,4CAsF1B"}
+{"version":3,"file":"CommandDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/CommandDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,WAAW,4CAkM1B"}

package/dist/pages/components/ContextMenuDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ContextMenuDocs.tsx"],"names":[],"mappings":"AAaA,wBAAgB,eAAe,4CA+E9B"}
+{"version":3,"file":"ContextMenuDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ContextMenuDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,4CA+I9B"}

package/dist/pages/components/DialogDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/DialogDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,4CAiEzB"}
+{"version":3,"file":"DialogDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/DialogDocs.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,4CAuJzB"}

package/dist/pages/components/DrawerDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/DrawerDocs.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,4CA+DzB"}
+{"version":3,"file":"DrawerDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/DrawerDocs.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,UAAU,4CAsNzB"}

package/dist/pages/components/DropdownMenuDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/DropdownMenuDocs.tsx"],"names":[],"mappings":"AAWA,wBAAgB,gBAAgB,4CAuC/B"}
+{"version":3,"file":"DropdownMenuDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/DropdownMenuDocs.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,gBAAgB,4CAkR/B"}

package/dist/pages/components/FormDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/FormDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,4CA8EvB"}
+{"version":3,"file":"FormDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/FormDocs.tsx"],"names":[],"mappings":"AAeA,wBAAgB,QAAQ,4CAmJvB"}

package/dist/pages/components/HoverCardDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCardDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/HoverCardDocs.tsx"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,4CAoD5B"}
+{"version":3,"file":"HoverCardDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/HoverCardDocs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,4CAgI5B"}

package/dist/pages/components/InputDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/InputDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,4CA8DxB"}
+{"version":3,"file":"InputDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/InputDocs.tsx"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,4CA4FxB"}

package/dist/pages/components/LabelDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/LabelDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CAkBxB"}
+{"version":3,"file":"LabelDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/LabelDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,4CAgDxB"}

package/dist/pages/components/MenubarDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/MenubarDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,WAAW,4CAsG1B"}
+{"version":3,"file":"MenubarDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/MenubarDocs.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,WAAW,4CA+Q1B"}

package/dist/pages/components/NavigationMenuDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/NavigationMenuDocs.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,kBAAkB,4CAqGjC"}
+{"version":3,"file":"NavigationMenuDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/NavigationMenuDocs.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,kBAAkB,4CAwNjC"}

package/dist/pages/components/PaginationDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/PaginationDocs.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,4CAwD7B"}
+{"version":3,"file":"PaginationDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/PaginationDocs.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CAgF7B"}

package/dist/pages/components/PopoverDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/PopoverDocs.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,4CAsD1B"}
+{"version":3,"file":"PopoverDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/PopoverDocs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,WAAW,4CA+K1B"}

package/dist/pages/components/ProgressDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ProgressDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CA8B3B"}
+{"version":3,"file":"ProgressDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ProgressDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CA0D3B"}

package/dist/pages/components/RadioGroupDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/RadioGroupDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,4CAiC7B"}
+{"version":3,"file":"RadioGroupDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/RadioGroupDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,4CA8H7B"}

package/dist/pages/components/ResizableDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ResizableDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,4CA0G5B"}
+{"version":3,"file":"ResizableDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ResizableDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,4CAoI5B"}

package/dist/pages/components/ScrollAreaDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ScrollAreaDocs.tsx"],"names":[],"mappings":"AAaA,wBAAgB,cAAc,4CA2E7B"}
+{"version":3,"file":"ScrollAreaDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ScrollAreaDocs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,4CA8F7B"}

package/dist/pages/components/SearchDocs.d.ts

@@ -0,0 +1,2 @@
+export declare function SearchDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchDocs.d.ts.map

package/dist/pages/components/SearchDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SearchDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,4CAmLzB"}

package/dist/pages/components/SelectDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SelectDocs.tsx"],"names":[],"mappings":"AAWA,wBAAgB,UAAU,4CA2EzB"}
+{"version":3,"file":"SelectDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SelectDocs.tsx"],"names":[],"mappings":"AAYA,wBAAgB,UAAU,4CAiJzB"}

package/dist/pages/components/SeparatorDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SeparatorDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,4CAwC5B"}
+{"version":3,"file":"SeparatorDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SeparatorDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,4CA0E5B"}

package/dist/pages/components/SheetDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SheetDocs.tsx"],"names":[],"mappings":"AAcA,wBAAgB,SAAS,4CAyFxB"}
+{"version":3,"file":"SheetDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SheetDocs.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,SAAS,4CAiKxB"}

package/dist/pages/components/SkeletonDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SkeletonDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,4CA4C3B"}
+{"version":3,"file":"SkeletonDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SkeletonDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,4CAuC3B"}

package/dist/pages/components/SliderDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SliderDocs.tsx"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,4CAoBzB"}
+{"version":3,"file":"SliderDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SliderDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAyGzB"}

package/dist/pages/components/SonnerDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SonnerDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SonnerDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAoFzB"}
+{"version":3,"file":"SonnerDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SonnerDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CA+GzB"}

package/dist/pages/components/SwitchDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SwitchDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CA0BzB"}
+{"version":3,"file":"SwitchDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/SwitchDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CAgFzB"}

package/dist/pages/components/TableDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TableDocs.tsx"],"names":[],"mappings":"AAWA,wBAAgB,SAAS,4CAoDxB"}
+{"version":3,"file":"TableDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TableDocs.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,SAAS,4CAgFxB"}

package/dist/pages/components/TabsDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TabsDocs.tsx"],"names":[],"mappings":"AAOA,wBAAgB,QAAQ,4CAuGvB"}
+{"version":3,"file":"TabsDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TabsDocs.tsx"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,4CAsNvB"}

package/dist/pages/components/TextareaDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TextareaDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAgD3B"}
+{"version":3,"file":"TextareaDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TextareaDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAsD3B"}

package/dist/pages/components/ThemeToggleDocs.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeToggleDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeToggleDocs.d.ts.map

package/dist/pages/components/ThemeToggleDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggleDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ThemeToggleDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,4CAoH9B"}

package/dist/pages/components/ToastDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ToastDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,4CAiGxB"}
+{"version":3,"file":"ToastDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ToastDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,4CAuIxB"}

package/dist/pages/components/ToggleDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ToggleDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAsDzB"}
+{"version":3,"file":"ToggleDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ToggleDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CAsEzB"}

package/dist/pages/components/ToggleGroupDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ToggleGroupDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,4CAwF9B"}
+{"version":3,"file":"ToggleGroupDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/ToggleGroupDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,4CA6H9B"}

package/dist/pages/components/TooltipDocs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TooltipDocs.tsx"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,4CAiC1B"}
+{"version":3,"file":"TooltipDocs.d.ts","sourceRoot":"","sources":["../../../src/pages/components/TooltipDocs.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,4CA6I1B"}

package/dist/pages/index.d.ts

@@ -1,3 +1,4 @@
+export { ColorTokensDocs } from './ColorTokensDocs';
 export { GettingStartedPage, InstallationPage } from './GettingStarted';
 export { AccordionDocs } from './components/AccordionDocs';
 export { AlertDialogDocs } from './components/AlertDialogDocs';
@@ -30,6 +31,7 @@ export { ProgressDocs } from './components/ProgressDocs';
 export { RadioGroupDocs } from './components/RadioGroupDocs';
 export { ResizableDocs } from './components/ResizableDocs';
 export { ScrollAreaDocs } from './components/ScrollAreaDocs';
+export { SearchDocs } from './components/SearchDocs';
 export { SelectDocs } from './components/SelectDocs';
 export { SeparatorDocs } from './components/SeparatorDocs';
 export { SheetDocs } from './components/SheetDocs';
@@ -40,6 +42,7 @@ export { SwitchDocs } from './components/SwitchDocs';
 export { TableDocs } from './components/TableDocs';
 export { TabsDocs } from './components/TabsDocs';
 export { TextareaDocs } from './components/TextareaDocs';
+export { ThemeToggleDocs } from './components/ThemeToggleDocs';
 export { ToastDocs } from './components/ToastDocs';
 export { ToggleDocs } from './components/ToggleDocs';
 export { ToggleGroupDocs } from './components/ToggleGroupDocs';

package/dist/pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/registry/accordion.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "accordion.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/accordion.test.tsx",
+      "content": "import { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\n\ndescribe('Accordion', () => {\n  it('renders correctly', () => {\n    render(\n      <Accordion type=\"single\" collapsible>\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n      </Accordion>,\n    );\n\n    expect(screen.getByText('Trigger 1')).toBeInTheDocument();\n    // Content should not be visible initially\n    expect(screen.queryByText('Content 1')).not.toBeInTheDocument();\n  });\n\n  it('expands when clicked', async () => {\n    render(\n      <Accordion type=\"single\" collapsible>\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n      </Accordion>,\n    );\n\n    const trigger = screen.getByText('Trigger 1');\n    await userEvent.click(trigger);\n\n    await waitFor(() => {\n      expect(screen.getByText('Content 1')).toBeVisible();\n    });\n  });\n\n  it('collapses when clicked again', async () => {\n    render(\n      <Accordion type=\"single\" collapsible defaultValue=\"item-1\">\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n      </Accordion>,\n    );\n\n    // Initial state open\n    expect(screen.getByText('Content 1')).toBeVisible();\n\n    const trigger = screen.getByText('Trigger 1');\n    await userEvent.click(trigger);\n\n    await waitFor(() => {\n      expect(screen.queryByText('Content 1')).not.toBeInTheDocument();\n    });\n  });\n\n  it('handles single mode correctly', async () => {\n    render(\n      <Accordion type=\"single\" collapsible>\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Trigger 1</AccordionTrigger>\n          <AccordionContent>Content 1</AccordionContent>\n        </AccordionItem>\n        <AccordionItem value=\"item-2\">\n          <AccordionTrigger>Trigger 2</AccordionTrigger>\n          <AccordionContent>Content 2</AccordionContent>\n        </AccordionItem>\n      </Accordion>,\n    );\n\n    // Click item 1\n    await userEvent.click(screen.getByText('Trigger 1'));\n    await waitFor(() => expect(screen.getByText('Content 1')).toBeVisible());\n\n    // Click item 2\n    await userEvent.click(screen.getByText('Trigger 2'));\n    await waitFor(() => expect(screen.getByText('Content 2')).toBeVisible());\n\n    // Item 1 should be closed\n    await waitFor(() => expect(screen.queryByText('Content 1')).not.toBeInTheDocument());\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/alert-dialog.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "alert-dialog.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/alert-dialog.test.tsx",
+      "content": "import { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { describe, expect, it } from 'vitest';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './alert-dialog';\n\ndescribe('AlertDialog', () => {\n  it('renders correctly', async () => {\n    render(\n      <AlertDialog>\n        <AlertDialogTrigger>Open</AlertDialogTrigger>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n            <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n            <AlertDialogAction>Continue</AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>,\n    );\n\n    expect(screen.getByText('Open')).toBeInTheDocument();\n    expect(screen.queryByText('Are you sure?')).not.toBeInTheDocument();\n\n    await userEvent.click(screen.getByText('Open'));\n\n    await waitFor(() => {\n      expect(screen.getByRole('alertdialog')).toBeInTheDocument();\n      expect(screen.getByText('Are you sure?')).toBeInTheDocument();\n      expect(screen.getByText('This action cannot be undone.')).toBeInTheDocument();\n    });\n  });\n\n  it('closes when cancel is clicked', async () => {\n    render(\n      <AlertDialog>\n        <AlertDialogTrigger>Open</AlertDialogTrigger>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>,\n    );\n\n    await userEvent.click(screen.getByText('Open'));\n    await waitFor(() => expect(screen.getByRole('alertdialog')).toBeInTheDocument());\n\n    await userEvent.click(screen.getByText('Cancel'));\n    await waitFor(() => expect(screen.queryByRole('alertdialog')).not.toBeInTheDocument());\n  });\n\n  it('closes when action is clicked', async () => {\n    render(\n      <AlertDialog>\n        <AlertDialogTrigger>Open</AlertDialogTrigger>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Are you sure?</AlertDialogTitle>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogAction>Continue</AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>,\n    );\n\n    await userEvent.click(screen.getByText('Open'));\n    await waitFor(() => expect(screen.getByRole('alertdialog')).toBeInTheDocument());\n\n    await userEvent.click(screen.getByText('Continue'));\n    await waitFor(() => expect(screen.queryByRole('alertdialog')).not.toBeInTheDocument());\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/alert.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "alert.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/alert.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Alert, AlertDescription, AlertTitle } from './alert';\n\ndescribe('Alert', () => {\n  it('renders correctly', () => {\n    render(\n      <Alert>\n        <AlertTitle>Heads up!</AlertTitle>\n        <AlertDescription>You can add components to your app using the cli.</AlertDescription>\n      </Alert>,\n    );\n\n    const alert = screen.getByRole('alert');\n    expect(alert).toBeInTheDocument();\n    expect(screen.getByText('Heads up!')).toBeInTheDocument();\n    expect(screen.getByText('You can add components to your app using the cli.')).toBeInTheDocument();\n  });\n\n  it('renders destructive variant', () => {\n    render(\n      <Alert variant=\"destructive\">\n        <AlertTitle>Error</AlertTitle>\n        <AlertDescription>Your session has expired.</AlertDescription>\n      </Alert>,\n    );\n\n    const alert = screen.getByRole('alert');\n    expect(alert).toBeInTheDocument();\n    expect(alert).toHaveClass('border-destructive/50');\n    expect(alert).toHaveClass('text-destructive');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/aspect-ratio.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "aspect-ratio.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/aspect-ratio.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { AspectRatio } from './aspect-ratio';\n\ndescribe('AspectRatio', () => {\n  it('renders correctly', () => {\n    const { container } = render(\n      <AspectRatio ratio={16 / 9}>\n        <img src=\"test.jpg\" alt=\"test\" />\n      </AspectRatio>,\n    );\n\n    const img = screen.getByRole('img');\n    expect(img).toBeInTheDocument();\n\n    // Radix AspectRatio renders a wrapper with padding-bottom based on ratio\n    // We can check if the wrapper style is applied\n    const wrapper = container.firstChild;\n    expect(wrapper).toHaveStyle({ paddingBottom: expect.stringMatching(/%$/) });\n  });\n\n  it('renders with custom ratio', () => {\n    const { container } = render(\n      <AspectRatio ratio={1 / 1}>\n        <div>Square</div>\n      </AspectRatio>,\n    );\n\n    expect(screen.getByText('Square')).toBeInTheDocument();\n    const wrapper = container.firstChild;\n    // 1/1 ratio should be 100% padding-bottom\n    expect(wrapper).toHaveStyle({ paddingBottom: '100%' });\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/avatar.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "avatar.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/avatar.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Avatar, AvatarFallback, AvatarImage } from './avatar';\n\ndescribe('Avatar', () => {\n  it('renders correctly', () => {\n    render(\n      <Avatar>\n        <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>,\n    );\n\n    // In JSDOM, image loading might not happen immediately or at all without mocking.\n    // However, the elements should be in the DOM.\n    // Radix conditionally renders Image or Fallback.\n    // By default, it might render Image and hide Fallback, or vice versa depending on loading.\n\n    // Let's check that the root is present\n    const avatar = screen.getByText('CN')?.parentElement || screen.getByRole('img').parentElement;\n    expect(avatar).toBeInTheDocument();\n  });\n\n  it('renders fallback when image is missing', () => {\n    render(\n      <Avatar>\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>,\n    );\n\n    expect(screen.getByText('CN')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/badge.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "badge.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/badge.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Badge } from './badge';\n\ndescribe('Badge', () => {\n  it('renders correctly', () => {\n    render(<Badge>Test Badge</Badge>);\n    expect(screen.getByText('Test Badge')).toBeInTheDocument();\n  });\n\n  it('renders variants', () => {\n    const { rerender, getByText } = render(<Badge variant=\"default\">Default</Badge>);\n    expect(getByText('Default')).toHaveClass('bg-primary');\n\n    rerender(<Badge variant=\"secondary\">Secondary</Badge>);\n    expect(getByText('Secondary')).toHaveClass('bg-secondary');\n\n    rerender(<Badge variant=\"destructive\">Destructive</Badge>);\n    expect(getByText('Destructive')).toHaveClass('bg-destructive');\n\n    rerender(<Badge variant=\"outline\">Outline</Badge>);\n    expect(getByText('Outline')).toHaveClass('text-foreground');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/breadcrumb.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "breadcrumb.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/breadcrumb.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from './breadcrumb';\n\ndescribe('Breadcrumb', () => {\n  it('renders correctly', () => {\n    render(\n      <Breadcrumb>\n        <BreadcrumbList>\n          <BreadcrumbItem>\n            <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage>Page</BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>,\n    );\n\n    const nav = screen.getByRole('navigation');\n    expect(nav).toBeInTheDocument();\n    expect(nav).toHaveAttribute('aria-label', 'breadcrumb');\n\n    const links = screen.getAllByRole('link');\n    expect(links).toHaveLength(2); // Link and Page (span role=\"link\")\n    expect(links[0]).toHaveAttribute('href', '/');\n    expect(links[1]).toHaveTextContent('Page');\n  });\n\n  it('renders custom separator', () => {\n    render(\n      <Breadcrumb>\n        <BreadcrumbList>\n          <BreadcrumbItem>\n            <BreadcrumbLink>Home</BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator>/</BreadcrumbSeparator>\n          <BreadcrumbItem>\n            <BreadcrumbPage>Page</BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>,\n    );\n\n    expect(screen.getByText('/')).toBeInTheDocument();\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/button.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "button.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/button.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 { Button } from './button';\n\ndescribe('Button', () => {\n  it('renders correctly', () => {\n    render(<Button>Click me</Button>);\n    expect(screen.getByRole('button', { name: /click me/i })).toBeInTheDocument();\n  });\n\n  it('handles click events', async () => {\n    const handleClick = vi.fn();\n    render(<Button onClick={handleClick}>Click me</Button>);\n\n    await userEvent.click(screen.getByRole('button', { name: /click me/i }));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n\n  it('can be disabled', () => {\n    render(<Button disabled>Click me</Button>);\n    expect(screen.getByRole('button', { name: /click me/i })).toBeDisabled();\n  });\n\n  it('supports asChild prop', () => {\n    render(\n      <Button asChild>\n        <a href=\"/test\">Link Button</a>\n      </Button>,\n    );\n\n    const link = screen.getByRole('link', { name: /link button/i });\n    expect(link).toBeInTheDocument();\n    expect(link).toHaveAttribute('href', '/test');\n  });\n\n  describe('Variants', () => {\n    const variants = ['default', 'destructive', 'outline', 'secondary', 'ghost', 'link'] as const;\n\n    variants.forEach((variant) => {\n      it(`renders ${variant} variant`, () => {\n        render(<Button variant={variant}>{variant}</Button>);\n        const button = screen.getByRole('button', { name: variant });\n        expect(button).toBeInTheDocument();\n        // We could check for specific classes here, but that might make tests too brittle\n        // checking the role and content presence is a good baseline\n      });\n    });\n  });\n\n  describe('Sizes', () => {\n    const sizes = ['default', 'sm', 'lg', 'icon'] as const;\n\n    sizes.forEach((size) => {\n      it(`renders ${size} size`, () => {\n        render(<Button size={size}>{size}</Button>);\n        const button = screen.getByRole('button', { name: size });\n        expect(button).toBeInTheDocument();\n      });\n    });\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/dist/registry/calendar.json

@@ -6,7 +6,7 @@
   "files": [
     {
       "path": "ui/calendar.tsx",
-      "content": "import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nimport { Button, buttonVariants } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className,\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),\n        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n        nav: cn('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', defaultClassNames.nav),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50',\n          defaultClassNames.button_previous,\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50',\n          defaultClassNames.button_next,\n        ),\n        month_caption: cn(\n          'flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]',\n          defaultClassNames.month_caption,\n        ),\n        dropdowns: cn(\n          'flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium',\n          defaultClassNames.dropdowns,\n        ),\n        dropdown_root: cn(\n          'has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border',\n          defaultClassNames.dropdown_root,\n        ),\n        dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label'\n            ? 'text-sm'\n            : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5',\n          defaultClassNames.caption_label,\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal',\n          defaultClassNames.weekday,\n        ),\n        week: cn('mt-2 flex w-full', defaultClassNames.week),\n        week_number_header: cn('w-[--cell-size] select-none', defaultClassNames.week_number_header),\n        week_number: cn('text-muted-foreground select-none text-[0.8rem]', defaultClassNames.week_number),\n        day: cn(\n          'group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md',\n          defaultClassNames.day,\n        ),\n        range_start: cn('bg-accent rounded-l-md', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('bg-accent rounded-r-md', defaultClassNames.range_end),\n        today: cn(\n          'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none',\n          defaultClassNames.today,\n        ),\n        outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),\n        disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeftIcon className={cn('size-4', className)} {...props} />;\n          }\n\n          if (orientation === 'right') {\n            return <ChevronRightIcon className={cn('size-4', className)} {...props} />;\n          }\n\n          return <ChevronDownIcon className={cn('size-4', className)} {...props} />;\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-[--cell-size] items-center justify-center text-center\">{children}</div>\n            </td>\n          );\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n",
+      "content": "import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nimport { Button, buttonVariants } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>['variant'];\n}) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-background group/calendar p-3 [--cell-size:2.5rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        'relative',\n        className,\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),\n        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n        nav: cn(\n          'absolute inset-x-0 top-2 flex items-center justify-between pointer-events-none px-2',\n          defaultClassNames.nav,\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'h-7 w-7 select-none p-0 aria-disabled:opacity-50 pointer-events-auto',\n          defaultClassNames.button_previous,\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'h-7 w-7 select-none p-0 aria-disabled:opacity-50 pointer-events-auto',\n          defaultClassNames.button_next,\n        ),\n        month_caption: cn(\n          'flex h-[--cell-size] w-full items-center justify-center text-sm font-medium',\n          defaultClassNames.month_caption,\n        ),\n        dropdowns: cn(\n          'flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium',\n          defaultClassNames.dropdowns,\n        ),\n        dropdown_root: cn(\n          'has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border',\n          defaultClassNames.dropdown_root,\n        ),\n        dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label'\n            ? 'text-sm'\n            : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5',\n          defaultClassNames.caption_label,\n        ),\n        table: 'w-full border-collapse grow',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-muted-foreground pt-1 flex-1 select-none rounded-md text-[0.8rem] font-normal uppercase',\n          defaultClassNames.weekday,\n        ),\n        week: cn('flex w-full mt-2', defaultClassNames.week),\n        week_number_header: cn('w-[--cell-size] select-none', defaultClassNames.week_number_header),\n        week_number: cn('text-muted-foreground select-none text-[0.8rem]', defaultClassNames.week_number),\n        day: cn(\n          'group/day relative flex aspect-square h-10 w-10 select-none items-center justify-center p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md',\n          defaultClassNames.day,\n        ),\n        range_start: cn('bg-accent rounded-l-md', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('bg-accent rounded-r-md', defaultClassNames.range_end),\n        today: cn(\n          'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none',\n          defaultClassNames.today,\n        ),\n        outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),\n        disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />;\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeftIcon className={cn('size-4', className)} {...props} />;\n          }\n\n          if (orientation === 'right') {\n            return <ChevronRightIcon className={cn('size-4', className)} {...props} />;\n          }\n\n          return <ChevronDownIcon className={cn('size-4', className)} {...props} />;\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-[--cell-size] items-center justify-center text-center\">{children}</div>\n            </td>\n          );\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-full w-full min-w-[--cell-size] items-center justify-center font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n",
       "type": "registry:ui"
     }
   ]

package/dist/registry/calendar.test.json

@@ -0,0 +1,13 @@
+{
+  "name": "calendar.test",
+  "type": "registry:ui",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "ui/calendar.test.tsx",
+      "content": "import { render, screen } from '@testing-library/react';\nimport { describe, expect, it } from 'vitest';\nimport { Calendar } from './calendar';\n\ndescribe('Calendar', () => {\n  it('renders correctly', () => {\n    // Mock date to consistent rendering\n    const date = new Date(2023, 0, 1); // Jan 1, 2023\n\n    render(<Calendar mode=\"single\" selected={date} month={date} />);\n\n    expect(screen.getByText('January 2023')).toBeInTheDocument();\n    const days = screen.getAllByText('1');\n    expect(days.length).toBeGreaterThan(0);\n    expect(screen.getByText('Su')).toBeInTheDocument(); // Sunday header\n  });\n\n  it('renders with class name', () => {\n    const { container } = render(<Calendar className=\"test-class\" />);\n    // DayPicker renders a div with the class\n    expect(container.firstChild).toHaveClass('test-class');\n  });\n});\n",
+      "type": "registry:ui"
+    }
+  ]
+}