@arolariu/components 0.4.2 → 0.5.0

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./components/ui/drawer";
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown-menu";
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty";
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from "./components/ui/field";
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form";
 export { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card";
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/ui/input-otp";
@@ -52,6 +53,7 @@ export { Toggle, toggleVariants } from "./components/ui/toggle";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip";
 export { useIsMobile } from "./hooks/useIsMobile";
 export { useWindowSize } from "./hooks/useWindowSize";
+export { adjustHexColorLightness, adjustLightness, calculateComplementaryHexColor, convertHexToHslString, convertHslToHexString, getComplementaryColor, hexToHsl, hslToHex, isValidHexColor, parseHslString, parseHslStringToComponents, validateHexColorFormat, } from "./lib/color-conversion-utilities";
 export { cn } from "./lib/utilities";
 export { FlipButton, type FlipButtonProps, type FlipDirection } from "./components/ui/flip-button";
 export { RippleButton, type RippleButtonProps } from "./components/ui/ripple-button";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -19,6 +19,7 @@ import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/ui/field.js";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
 import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/ui/input-otp.js";
@@ -52,6 +53,7 @@ import { Toggle, toggleVariants } from "./components/ui/toggle.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
 import { useIsMobile } from "./hooks/useIsMobile.js";
 import { useWindowSize } from "./hooks/useWindowSize.js";
+import { adjustHexColorLightness, adjustLightness, calculateComplementaryHexColor, convertHexToHslString, convertHslToHexString, getComplementaryColor, hexToHsl, hslToHex, isValidHexColor, parseHslString, parseHslStringToComponents, validateHexColorFormat } from "./lib/color-conversion-utilities.js";
 import { cn } from "./lib/utilities.js";
 import { FlipButton } from "./components/ui/flip-button.js";
 import { RippleButton } from "./components/ui/ripple-button.js";
@@ -67,4 +69,4 @@ import { Scratcher } from "./components/ui/scratcher.js";
 import { BackgroundBeams } from "./components/ui/background-beams.js";
 import { TypewriterText, TypewriterTextSmooth } from "./components/ui/typewriter.js";
 import { DropDrawer, DropDrawerContent, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, DropDrawerTrigger } from "./components/ui/dropdrawer.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BackgroundBeams, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BubbleBackground, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CountingNumber, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotBackground, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropDrawer, DropDrawerContent, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, DropDrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FireworksBackground, FlipButton, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GradientBackground, GradientText, HighlightText, HoleBackground, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RippleButton, Scratcher, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypewriterText, TypewriterTextSmooth, badgeVariants, buttonGroupVariants, buttonVariants, cn, navigationMenuTriggerStyle, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BackgroundBeams, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BubbleBackground, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CountingNumber, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotBackground, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropDrawer, DropDrawerContent, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, DropDrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FireworksBackground, FlipButton, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GradientBackground, GradientText, HighlightText, HoleBackground, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RippleButton, Scratcher, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypewriterText, TypewriterTextSmooth, adjustHexColorLightness, adjustLightness, badgeVariants, buttonGroupVariants, buttonVariants, calculateComplementaryHexColor, cn, convertHexToHslString, convertHslToHexString, getComplementaryColor, hexToHsl, hslToHex, isValidHexColor, navigationMenuTriggerStyle, parseHslString, parseHslStringToComponents, toast, toggleVariants, useFormField, useIsMobile, useSidebar, useWindowSize, validateHexColorFormat };

package/dist/lib/color-conversion-utilities.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @fileoverview Utility functions for color conversion and manipulation.
+ * Provides hex-to-HSL conversion and color validation for CSS custom properties.
+ * @module lib/color-conversion-utilities
+ */
+/**
+ * Converts a hexadecimal color code to an HSL string for CSS variables.
+ * The output format matches Tailwind CSS HSL variable format: "h s% l%"
+ *
+ * @param hexColor - Hex color code (e.g., "#06b6d4" or "06b6d4")
+ * @returns HSL values as "h s% l%" string suitable for CSS variables
+ *
+ * @example
+ * ```typescript
+ * convertHexToHslString("#06b6d4"); // "187 94% 43%"
+ * convertHexToHslString("#ec4899"); // "330 81% 60%"
+ * ```
+ */
+export declare function convertHexToHslString(hexColor: string): string;
+/**
+ * Converts HSL color values to a hexadecimal color string.
+ *
+ * @param hue - Hue value (0-360)
+ * @param saturation - Saturation percentage (0-100)
+ * @param lightness - Lightness percentage (0-100)
+ * @returns Hex color code (e.g., "#06b6d4")
+ */
+export declare function convertHslToHexString(hue: number, saturation: number, lightness: number): string;
+/**
+ * Validates whether a string is a valid 6-digit hexadecimal color code.
+ *
+ * @param hexColor - String to validate
+ * @returns True if valid 6-digit hex color (with or without #)
+ *
+ * @example
+ * ```typescript
+ * validateHexColorFormat("#06b6d4"); // true
+ * validateHexColorFormat("06b6d4");  // true
+ * validateHexColorFormat("#FFF");    // false (3-digit not supported)
+ * validateHexColorFormat("invalid"); // false
+ * ```
+ */
+export declare function validateHexColorFormat(hexColor: string): boolean;
+/**
+ * Generates the complementary (inverse) color for a given hex color.
+ *
+ * @param hexColor - Hex color code
+ * @returns Complementary hex color code
+ */
+export declare function calculateComplementaryHexColor(hexColor: string): string;
+/**
+ * Adjusts the lightness of a hexadecimal color by a specified amount.
+ *
+ * @param hexColor - Hex color code
+ * @param lightnessAdjustment - Amount to adjust lightness (-100 to 100)
+ * @returns Adjusted hex color code
+ */
+export declare function adjustHexColorLightness(hexColor: string, lightnessAdjustment: number): string;
+/**
+ * Parses an HSL CSS variable string into its numeric components.
+ *
+ * @param hslString - HSL string in format "h s% l%"
+ * @returns Object with hue, saturation, lightness values or null if invalid
+ */
+export declare function parseHslStringToComponents(hslString: string): {
+    hue: number;
+    saturation: number;
+    lightness: number;
+} | null;
+/** @deprecated Use convertHexToHslString instead */
+export declare const hexToHsl: typeof convertHexToHslString;
+/** @deprecated Use convertHslToHexString instead */
+export declare const hslToHex: typeof convertHslToHexString;
+/** @deprecated Use validateHexColorFormat instead */
+export declare const isValidHexColor: typeof validateHexColorFormat;
+/** @deprecated Use calculateComplementaryHexColor instead */
+export declare const getComplementaryColor: typeof calculateComplementaryHexColor;
+/** @deprecated Use adjustHexColorLightness instead */
+export declare const adjustLightness: typeof adjustHexColorLightness;
+/** @deprecated Use parseHslStringToComponents instead */
+export declare const parseHslString: typeof parseHslStringToComponents;
+//# sourceMappingURL=color-conversion-utilities.d.ts.map

package/dist/lib/color-conversion-utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-conversion-utilities.d.ts","sourceRoot":"","sources":["../../src/lib/color-conversion-utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CA8B9D;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAyBhG;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAOvE;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAM7F;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAC,GAAG,IAAI,CAUzH;AAGD,oDAAoD;AACpD,eAAO,MAAM,QAAQ,8BAAwB,CAAC;AAC9C,oDAAoD;AACpD,eAAO,MAAM,QAAQ,8BAAwB,CAAC;AAC9C,qDAAqD;AACrD,eAAO,MAAM,eAAe,+BAAyB,CAAC;AACtD,6DAA6D;AAC7D,eAAO,MAAM,qBAAqB,uCAAiC,CAAC;AACpE,sDAAsD;AACtD,eAAO,MAAM,eAAe,gCAA0B,CAAC;AACvD,yDAAyD;AACzD,eAAO,MAAM,cAAc,mCAA6B,CAAC"}

package/dist/lib/color-conversion-utilities.js

@@ -0,0 +1,94 @@
+function convertHexToHslString(hexColor) {
+    const cleanHex = hexColor.replace("#", "");
+    const r = Number.parseInt(cleanHex.slice(0, 2), 16) / 255;
+    const g = Number.parseInt(cleanHex.slice(2, 4), 16) / 255;
+    const b = Number.parseInt(cleanHex.slice(4, 6), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        h = max === r ? ((g - b) / d + (g < b ? 6 : 0)) / 6 : max === g ? ((b - r) / d + 2) / 6 : ((r - g) / d + 4) / 6;
+    }
+    return `${Math.round(360 * h)} ${Math.round(100 * s)}% ${Math.round(100 * l)}%`;
+}
+function convertHslToHexString(hue, saturation, lightness) {
+    const sNorm = saturation / 100;
+    const lNorm = lightness / 100;
+    const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
+    const x = c * (1 - Math.abs(hue / 60 % 2 - 1));
+    const m = lNorm - c / 2;
+    const getRgb = ()=>{
+        if (hue >= 0 && hue < 60) return [
+            c,
+            x,
+            0
+        ];
+        if (hue >= 60 && hue < 120) return [
+            x,
+            c,
+            0
+        ];
+        if (hue >= 120 && hue < 180) return [
+            0,
+            c,
+            x
+        ];
+        if (hue >= 180 && hue < 240) return [
+            0,
+            x,
+            c
+        ];
+        if (hue >= 240 && hue < 300) return [
+            x,
+            0,
+            c
+        ];
+        return [
+            c,
+            0,
+            x
+        ];
+    };
+    const rgb = getRgb();
+    const toHex = (n)=>Math.round((n + m) * 255).toString(16).padStart(2, "0");
+    return `#${toHex(rgb[0])}${toHex(rgb[1])}${toHex(rgb[2])}`;
+}
+function validateHexColorFormat(hexColor) {
+    return /^#?[\dA-Fa-f]{6}$/u.test(hexColor);
+}
+function calculateComplementaryHexColor(hexColor) {
+    const cleanHex = hexColor.replace("#", "");
+    const r = 255 - Number.parseInt(cleanHex.slice(0, 2), 16);
+    const g = 255 - Number.parseInt(cleanHex.slice(2, 4), 16);
+    const b = 255 - Number.parseInt(cleanHex.slice(4, 6), 16);
+    return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+}
+function adjustHexColorLightness(hexColor, lightnessAdjustment) {
+    const hsl = convertHexToHslString(hexColor);
+    const [h, s, l] = hsl.split(" ").map((v, i)=>0 === i ? Number.parseInt(v, 10) : Number.parseInt(v.replace("%", ""), 10));
+    const newL = Math.max(0, Math.min(100, (l ?? 50) + lightnessAdjustment));
+    return convertHslToHexString(h ?? 0, s ?? 50, newL);
+}
+function parseHslStringToComponents(hslString) {
+    const pattern = /^(?<hue>\d+)\s+(?<sat>\d+)%\s+(?<light>\d+)%$/u;
+    const match = pattern.exec(hslString);
+    if (!match?.groups) return null;
+    return {
+        hue: Number.parseInt(match.groups["hue"] ?? "0", 10),
+        saturation: Number.parseInt(match.groups["sat"] ?? "0", 10),
+        lightness: Number.parseInt(match.groups["light"] ?? "0", 10)
+    };
+}
+const hexToHsl = convertHexToHslString;
+const hslToHex = convertHslToHexString;
+const isValidHexColor = validateHexColorFormat;
+const getComplementaryColor = calculateComplementaryHexColor;
+const adjustLightness = adjustHexColorLightness;
+const parseHslString = parseHslStringToComponents;
+export { adjustHexColorLightness, adjustLightness, calculateComplementaryHexColor, convertHexToHslString, convertHslToHexString, getComplementaryColor, hexToHsl, hslToHex, isValidHexColor, parseHslString, parseHslStringToComponents, validateHexColorFormat };
+
+//# sourceMappingURL=color-conversion-utilities.js.map

package/dist/lib/color-conversion-utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib/color-conversion-utilities.js","sources":["../../src/lib/color-conversion-utilities.ts"],"sourcesContent":["/**\r\n * @fileoverview Utility functions for color conversion and manipulation.\r\n * Provides hex-to-HSL conversion and color validation for CSS custom properties.\r\n * @module lib/color-conversion-utilities\r\n */\r\n\r\n/**\r\n * Converts a hexadecimal color code to an HSL string for CSS variables.\r\n * The output format matches Tailwind CSS HSL variable format: \"h s% l%\"\r\n *\r\n * @param hexColor - Hex color code (e.g., \"#06b6d4\" or \"06b6d4\")\r\n * @returns HSL values as \"h s% l%\" string suitable for CSS variables\r\n *\r\n * @example\r\n * ```typescript\r\n * convertHexToHslString(\"#06b6d4\"); // \"187 94% 43%\"\r\n * convertHexToHslString(\"#ec4899\"); // \"330 81% 60%\"\r\n * ```\r\n */\r\nexport function convertHexToHslString(hexColor: string): string {\r\n  // Remove # if present\r\n  const cleanHex = hexColor.replace(\"#\", \"\");\r\n\r\n  // Parse RGB values\r\n  const r = Number.parseInt(cleanHex.slice(0, 2), 16) / 255;\r\n  const g = Number.parseInt(cleanHex.slice(2, 4), 16) / 255;\r\n  const b = Number.parseInt(cleanHex.slice(4, 6), 16) / 255;\r\n\r\n  const max = Math.max(r, g, b);\r\n  const min = Math.min(r, g, b);\r\n  let h = 0;\r\n  let s = 0;\r\n  const l = (max + min) / 2;\r\n\r\n  if (max !== min) {\r\n    const d = max - min;\r\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n\r\n    // max is always r, g, or b - no default case needed\r\n    if (max === r) {\r\n      h = ((g - b) / d + (g < b ? 6 : 0)) / 6;\r\n    } else if (max === g) {\r\n      h = ((b - r) / d + 2) / 6;\r\n    } else {\r\n      h = ((r - g) / d + 4) / 6;\r\n    }\r\n  }\r\n\r\n  return `${Math.round(h * 360)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;\r\n}\r\n\r\n/**\r\n * Converts HSL color values to a hexadecimal color string.\r\n *\r\n * @param hue - Hue value (0-360)\r\n * @param saturation - Saturation percentage (0-100)\r\n * @param lightness - Lightness percentage (0-100)\r\n * @returns Hex color code (e.g., \"#06b6d4\")\r\n */\r\nexport function convertHslToHexString(hue: number, saturation: number, lightness: number): string {\r\n  const sNorm = saturation / 100;\r\n  const lNorm = lightness / 100;\r\n\r\n  const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;\r\n  const x = c * (1 - Math.abs(((hue / 60) % 2) - 1));\r\n  const m = lNorm - c / 2;\r\n\r\n  const getRgb = (): [number, number, number] => {\r\n    if (hue >= 0 && hue < 60) return [c, x, 0];\r\n    if (hue >= 60 && hue < 120) return [x, c, 0];\r\n    if (hue >= 120 && hue < 180) return [0, c, x];\r\n    if (hue >= 180 && hue < 240) return [0, x, c];\r\n    if (hue >= 240 && hue < 300) return [x, 0, c];\r\n    return [c, 0, x];\r\n  };\r\n\r\n  const rgb = getRgb();\r\n\r\n  const toHex = (n: number) =>\r\n    Math.round((n + m) * 255)\r\n      .toString(16)\r\n      .padStart(2, \"0\");\r\n\r\n  return `#${toHex(rgb[0])}${toHex(rgb[1])}${toHex(rgb[2])}`;\r\n}\r\n\r\n/**\r\n * Validates whether a string is a valid 6-digit hexadecimal color code.\r\n *\r\n * @param hexColor - String to validate\r\n * @returns True if valid 6-digit hex color (with or without #)\r\n *\r\n * @example\r\n * ```typescript\r\n * validateHexColorFormat(\"#06b6d4\"); // true\r\n * validateHexColorFormat(\"06b6d4\");  // true\r\n * validateHexColorFormat(\"#FFF\");    // false (3-digit not supported)\r\n * validateHexColorFormat(\"invalid\"); // false\r\n * ```\r\n */\r\nexport function validateHexColorFormat(hexColor: string): boolean {\r\n  return /^#?[\\dA-Fa-f]{6}$/u.test(hexColor);\r\n}\r\n\r\n/**\r\n * Generates the complementary (inverse) color for a given hex color.\r\n *\r\n * @param hexColor - Hex color code\r\n * @returns Complementary hex color code\r\n */\r\nexport function calculateComplementaryHexColor(hexColor: string): string {\r\n  const cleanHex = hexColor.replace(\"#\", \"\");\r\n  const r = 255 - Number.parseInt(cleanHex.slice(0, 2), 16);\r\n  const g = 255 - Number.parseInt(cleanHex.slice(2, 4), 16);\r\n  const b = 255 - Number.parseInt(cleanHex.slice(4, 6), 16);\r\n\r\n  return `#${r.toString(16).padStart(2, \"0\")}${g.toString(16).padStart(2, \"0\")}${b.toString(16).padStart(2, \"0\")}`;\r\n}\r\n\r\n/**\r\n * Adjusts the lightness of a hexadecimal color by a specified amount.\r\n *\r\n * @param hexColor - Hex color code\r\n * @param lightnessAdjustment - Amount to adjust lightness (-100 to 100)\r\n * @returns Adjusted hex color code\r\n */\r\nexport function adjustHexColorLightness(hexColor: string, lightnessAdjustment: number): string {\r\n  const hsl = convertHexToHslString(hexColor);\r\n  const [h, s, l] = hsl.split(\" \").map((v, i) => (i === 0 ? Number.parseInt(v, 10) : Number.parseInt(v.replace(\"%\", \"\"), 10)));\r\n\r\n  const newL = Math.max(0, Math.min(100, (l ?? 50) + lightnessAdjustment));\r\n  return convertHslToHexString(h ?? 0, s ?? 50, newL);\r\n}\r\n\r\n/**\r\n * Parses an HSL CSS variable string into its numeric components.\r\n *\r\n * @param hslString - HSL string in format \"h s% l%\"\r\n * @returns Object with hue, saturation, lightness values or null if invalid\r\n */\r\nexport function parseHslStringToComponents(hslString: string): {hue: number; saturation: number; lightness: number} | null {\r\n  const pattern = /^(?<hue>\\d+)\\s+(?<sat>\\d+)%\\s+(?<light>\\d+)%$/u;\r\n  const match = pattern.exec(hslString);\r\n  if (!match?.groups) return null;\r\n\r\n  return {\r\n    hue: Number.parseInt(match.groups[\"hue\"] ?? \"0\", 10),\r\n    saturation: Number.parseInt(match.groups[\"sat\"] ?? \"0\", 10),\r\n    lightness: Number.parseInt(match.groups[\"light\"] ?? \"0\", 10),\r\n  };\r\n}\r\n\r\n// Legacy aliases for backwards compatibility (deprecated)\r\n/** @deprecated Use convertHexToHslString instead */\r\nexport const hexToHsl = convertHexToHslString;\r\n/** @deprecated Use convertHslToHexString instead */\r\nexport const hslToHex = convertHslToHexString;\r\n/** @deprecated Use validateHexColorFormat instead */\r\nexport const isValidHexColor = validateHexColorFormat;\r\n/** @deprecated Use calculateComplementaryHexColor instead */\r\nexport const getComplementaryColor = calculateComplementaryHexColor;\r\n/** @deprecated Use adjustHexColorLightness instead */\r\nexport const adjustLightness = adjustHexColorLightness;\r\n/** @deprecated Use parseHslStringToComponents instead */\r\nexport const parseHslString = parseHslStringToComponents;\r\n"],"names":["convertHexToHslString","hexColor","cleanHex","r","Number","g","b","max","Math","min","h","s","l","d","convertHslToHexString","hue","saturation","lightness","sNorm","lNorm","c","x","m","getRgb","rgb","toHex","n","validateHexColorFormat","calculateComplementaryHexColor","adjustHexColorLightness","lightnessAdjustment","hsl","v","i","newL","parseHslStringToComponents","hslString","pattern","match","hexToHsl","hslToHex","isValidHexColor","getComplementaryColor","adjustLightness","parseHslString"],"mappings":"AAmBO,SAASA,sBAAsBC,QAAgB;IAEpD,MAAMC,WAAWD,SAAS,OAAO,CAAC,KAAK;IAGvC,MAAME,IAAIC,OAAO,QAAQ,CAACF,SAAS,KAAK,CAAC,GAAG,IAAI,MAAM;IACtD,MAAMG,IAAID,OAAO,QAAQ,CAACF,SAAS,KAAK,CAAC,GAAG,IAAI,MAAM;IACtD,MAAMI,IAAIF,OAAO,QAAQ,CAACF,SAAS,KAAK,CAAC,GAAG,IAAI,MAAM;IAEtD,MAAMK,MAAMC,KAAK,GAAG,CAACL,GAAGE,GAAGC;IAC3B,MAAMG,MAAMD,KAAK,GAAG,CAACL,GAAGE,GAAGC;IAC3B,IAAII,IAAI;IACR,IAAIC,IAAI;IACR,MAAMC,IAAKL,AAAAA,CAAAA,MAAME,GAAE,IAAK;IAExB,IAAIF,QAAQE,KAAK;QACf,MAAMI,IAAIN,MAAME;QAChBE,IAAIC,IAAI,MAAMC,IAAK,KAAIN,MAAME,GAAE,IAAKI,IAAKN,CAAAA,MAAME,GAAE;QAI/CC,IADEH,QAAQJ,IACL,AAACE,CAAAA,CAAAA,IAAIC,CAAAA,IAAKO,IAAKR,CAAAA,IAAIC,IAAI,IAAI,EAAC,IAAK,IAC7BC,QAAQF,IACZ,AAACC,CAAAA,CAAAA,IAAIH,CAAAA,IAAKU,IAAI,KAAK,IAEnB,AAACV,CAAAA,CAAAA,IAAIE,CAAAA,IAAKQ,IAAI,KAAK;IAE5B;IAEA,OAAO,GAAGL,KAAK,KAAK,CAACE,AAAI,MAAJA,GAAS,CAAC,EAAEF,KAAK,KAAK,CAACG,AAAI,MAAJA,GAAS,EAAE,EAAEH,KAAK,KAAK,CAACI,AAAI,MAAJA,GAAS,CAAC,CAAC;AACjF;AAUO,SAASE,sBAAsBC,GAAW,EAAEC,UAAkB,EAAEC,SAAiB;IACtF,MAAMC,QAAQF,aAAa;IAC3B,MAAMG,QAAQF,YAAY;IAE1B,MAAMG,IAAK,KAAIZ,KAAK,GAAG,CAAC,IAAIW,QAAQ,EAAC,IAAKD;IAC1C,MAAMG,IAAID,IAAK,KAAIZ,KAAK,GAAG,CAAGO,MAAM,KAAM,IAAK,EAAC;IAChD,MAAMO,IAAIH,QAAQC,IAAI;IAEtB,MAAMG,SAAS;QACb,IAAIR,OAAO,KAAKA,MAAM,IAAI,OAAO;YAACK;YAAGC;YAAG;SAAE;QAC1C,IAAIN,OAAO,MAAMA,MAAM,KAAK,OAAO;YAACM;YAAGD;YAAG;SAAE;QAC5C,IAAIL,OAAO,OAAOA,MAAM,KAAK,OAAO;YAAC;YAAGK;YAAGC;SAAE;QAC7C,IAAIN,OAAO,OAAOA,MAAM,KAAK,OAAO;YAAC;YAAGM;YAAGD;SAAE;QAC7C,IAAIL,OAAO,OAAOA,MAAM,KAAK,OAAO;YAACM;YAAG;YAAGD;SAAE;QAC7C,OAAO;YAACA;YAAG;YAAGC;SAAE;IAClB;IAEA,MAAMG,MAAMD;IAEZ,MAAME,QAAQ,CAACC,IACblB,KAAK,KAAK,CAAEkB,AAAAA,CAAAA,IAAIJ,CAAAA,IAAK,KAClB,QAAQ,CAAC,IACT,QAAQ,CAAC,GAAG;IAEjB,OAAO,CAAC,CAAC,EAAEG,MAAMD,GAAG,CAAC,EAAE,IAAIC,MAAMD,GAAG,CAAC,EAAE,IAAIC,MAAMD,GAAG,CAAC,EAAE,GAAG;AAC5D;AAgBO,SAASG,uBAAuB1B,QAAgB;IACrD,OAAO,qBAAqB,IAAI,CAACA;AACnC;AAQO,SAAS2B,+BAA+B3B,QAAgB;IAC7D,MAAMC,WAAWD,SAAS,OAAO,CAAC,KAAK;IACvC,MAAME,IAAI,MAAMC,OAAO,QAAQ,CAACF,SAAS,KAAK,CAAC,GAAG,IAAI;IACtD,MAAMG,IAAI,MAAMD,OAAO,QAAQ,CAACF,SAAS,KAAK,CAAC,GAAG,IAAI;IACtD,MAAMI,IAAI,MAAMF,OAAO,QAAQ,CAACF,SAAS,KAAK,CAAC,GAAG,IAAI;IAEtD,OAAO,CAAC,CAAC,EAAEC,EAAE,QAAQ,CAAC,IAAI,QAAQ,CAAC,GAAG,OAAOE,EAAE,QAAQ,CAAC,IAAI,QAAQ,CAAC,GAAG,OAAOC,EAAE,QAAQ,CAAC,IAAI,QAAQ,CAAC,GAAG,MAAM;AAClH;AASO,SAASuB,wBAAwB5B,QAAgB,EAAE6B,mBAA2B;IACnF,MAAMC,MAAM/B,sBAAsBC;IAClC,MAAM,CAACS,GAAGC,GAAGC,EAAE,GAAGmB,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,CAACC,GAAGC,IAAOA,AAAM,MAANA,IAAU7B,OAAO,QAAQ,CAAC4B,GAAG,MAAM5B,OAAO,QAAQ,CAAC4B,EAAE,OAAO,CAAC,KAAK,KAAK;IAEvH,MAAME,OAAO1B,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,KAAMI,AAAAA,CAAAA,KAAK,EAAC,IAAKkB;IACnD,OAAOhB,sBAAsBJ,KAAK,GAAGC,KAAK,IAAIuB;AAChD;AAQO,SAASC,2BAA2BC,SAAiB;IAC1D,MAAMC,UAAU;IAChB,MAAMC,QAAQD,QAAQ,IAAI,CAACD;IAC3B,IAAI,CAACE,OAAO,QAAQ,OAAO;IAE3B,OAAO;QACL,KAAKlC,OAAO,QAAQ,CAACkC,MAAM,MAAM,CAAC,MAAM,IAAI,KAAK;QACjD,YAAYlC,OAAO,QAAQ,CAACkC,MAAM,MAAM,CAAC,MAAM,IAAI,KAAK;QACxD,WAAWlC,OAAO,QAAQ,CAACkC,MAAM,MAAM,CAAC,QAAQ,IAAI,KAAK;IAC3D;AACF;AAIO,MAAMC,WAAWvC;AAEjB,MAAMwC,WAAW1B;AAEjB,MAAM2B,kBAAkBd;AAExB,MAAMe,wBAAwBd;AAE9B,MAAMe,kBAAkBd;AAExB,MAAMe,iBAAiBT"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arolariu/components",
   "displayName": "@arolariu/components",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "🎨 70+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡",
   "homepage": "https://arolariu.ro",
   "repository": {
@@ -81,7 +81,9 @@
     "build:before": "node scripts/beforeBuild.ts",
     "build:after": "node scripts/afterBuild.ts",
     "build:clean": "rimraf dist",
-    "build:exports": "node scripts/generate-exports.ts"
+    "build:exports": "node scripts/generate-exports.ts",
+    "test": "npm run test:unit",
+    "test:unit": "vitest run"
   },
   "dependencies": {
     "@hookform/resolvers": "*",
@@ -517,6 +519,11 @@
       "import": "./dist/components/ui/usewindowsize.js",
       "default": "./dist/components/ui/usewindowsize.js"
     },
+    "./color-conversion-utilities": {
+      "types": "./dist/components/ui/color-conversion-utilities.d.ts",
+      "import": "./dist/components/ui/color-conversion-utilities.js",
+      "default": "./dist/components/ui/color-conversion-utilities.js"
+    },
     "./utilities": {
       "types": "./dist/components/ui/utilities.d.ts",
       "import": "./dist/components/ui/utilities.js",

package/src/components/ui/command.tsx

@@ -5,7 +5,7 @@ import {Command as CommandPrimitive} from "cmdk";
 import {Search} from "lucide-react";
 import * as React from "react";
 
-import {Dialog, DialogContent} from "@/components/ui/dialog";
+import {Dialog, DialogContent, DialogTitle} from "@/components/ui/dialog";
 import {cn} from "@/lib/utilities";
 
 const Command = React.forwardRef<React.ComponentRef<typeof CommandPrimitive>, React.ComponentPropsWithoutRef<typeof CommandPrimitive>>(
@@ -26,6 +26,7 @@ const CommandDialog = ({children, ...props}: DialogProps) => {
   return (
     <Dialog {...props}>
       <DialogContent className='overflow-hidden p-0'>
+        <DialogTitle className='sr-only' />
         <Command className='[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 dark:[&_[cmdk-group-heading]]:text-neutral-400 [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5'>
           {children}
         </Command>

package/src/hooks/useIsMobile.test.tsx

@@ -0,0 +1,96 @@
+import {act, renderHook} from "@testing-library/react";
+import {beforeEach, describe, expect, it, vi} from "vitest";
+import {useIsMobile} from "./useIsMobile";
+
+describe("useIsMobile", () => {
+  beforeEach(() => {
+    vi.stubGlobal("innerWidth", 1024);
+    vi.stubGlobal(
+      "matchMedia",
+      vi.fn().mockImplementation((query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(), // Deprecated
+        removeListener: vi.fn(), // Deprecated
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+      })),
+    );
+  });
+
+  it("should return false initially on desktop", () => {
+    vi.stubGlobal("innerWidth", 1024);
+    const {result} = renderHook(() => useIsMobile());
+    expect(result.current).toBe(false);
+  });
+
+  it("should return true initially on mobile", () => {
+    vi.stubGlobal("innerWidth", 500);
+    const {result} = renderHook(() => useIsMobile());
+    expect(result.current).toBe(true);
+  });
+
+  it("should update when window is resized", () => {
+    let changeHandler: () => void = () => {};
+    const addEventListener = vi.fn((event: string, handler: () => void) => {
+      if (event === "change") changeHandler = handler;
+    });
+
+    vi.stubGlobal(
+      "matchMedia",
+      vi.fn().mockImplementation((query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        addEventListener,
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+      })),
+    );
+
+    const {result} = renderHook(() => useIsMobile());
+    expect(result.current).toBe(false);
+
+    // Simulate resize
+    vi.stubGlobal("innerWidth", 500);
+    act(() => {
+      changeHandler();
+    });
+
+    expect(result.current).toBe(true);
+
+    // Simulate resize back to desktop
+    vi.stubGlobal("innerWidth", 1024);
+    act(() => {
+      changeHandler();
+    });
+
+    expect(result.current).toBe(false);
+  });
+
+  it("should cleanup event listener on unmount", () => {
+    const removeEventListener = vi.fn();
+    vi.stubGlobal(
+      "matchMedia",
+      vi.fn().mockImplementation((query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        addEventListener: vi.fn(),
+        removeEventListener,
+        dispatchEvent: vi.fn(),
+      })),
+    );
+
+    const {unmount} = renderHook(() => useIsMobile());
+    unmount();
+
+    expect(removeEventListener).toHaveBeenCalledWith("change", expect.any(Function));
+  });
+});

package/src/hooks/useWindowSize.test.tsx

@@ -0,0 +1,57 @@
+import {act, renderHook} from "@testing-library/react";
+import {describe, expect, it, vi} from "vitest";
+import {useWindowSize} from "./useWindowSize";
+
+describe("useWindowSize", () => {
+  it("should return initial window size on mount", () => {
+    vi.stubGlobal("innerWidth", 1024);
+    vi.stubGlobal("innerHeight", 768);
+
+    const {result} = renderHook(() => useWindowSize());
+
+    expect(result.current.windowSize).toEqual({width: 1024, height: 768});
+    expect(result.current.isMobile).toBe(false);
+    expect(result.current.isDesktop).toBe(true);
+  });
+
+  it("should return mobile state when width is below breakpoint", () => {
+    vi.stubGlobal("innerWidth", 500);
+    vi.stubGlobal("innerHeight", 800);
+
+    const {result} = renderHook(() => useWindowSize());
+
+    expect(result.current.windowSize).toEqual({width: 500, height: 800});
+    expect(result.current.isMobile).toBe(true);
+    expect(result.current.isDesktop).toBe(false);
+  });
+
+  it("should update window size on resize", () => {
+    vi.stubGlobal("innerWidth", 1024);
+    vi.stubGlobal("innerHeight", 768);
+
+    const {result} = renderHook(() => useWindowSize());
+
+    expect(result.current.windowSize.width).toBe(1024);
+
+    // Simulate resize
+    vi.stubGlobal("innerWidth", 500);
+    vi.stubGlobal("innerHeight", 800);
+
+    act(() => {
+      globalThis.dispatchEvent(new Event("resize"));
+    });
+
+    expect(result.current.windowSize).toEqual({width: 500, height: 800});
+    expect(result.current.isMobile).toBe(true);
+    expect(result.current.isDesktop).toBe(false);
+  });
+
+  it("should cleanup event listener on unmount", () => {
+    const removeEventListenerSpy = vi.spyOn(globalThis, "removeEventListener");
+    const {unmount} = renderHook(() => useWindowSize());
+
+    unmount();
+
+    expect(removeEventListenerSpy).toHaveBeenCalledWith("resize", expect.any(Function));
+  });
+});