@sikka/hawa 0.7.13-next → 0.7.15-next

package/dist/index.css

@@ -1872,9 +1872,20 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.hawa-bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
 .hawa-bg-none {
   background-image: none;
 }
+.hawa-from-green-400 {
+  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.hawa-to-red-500 {
+  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
+}
 .hawa-bg-cover {
   background-size: cover;
 }
@@ -2501,11 +2512,11 @@ input[type="number"]::-webkit-inner-spin-button,
 body {
   font-family: "IBM Plex Sans Arabic", sans-serif;
 }
-:is(.hawa-dark .dark\:dark-shadow) {
+:is([data-mode="dark"] .dark\:dark-shadow) {
     box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
       0 4px 6px -2px rgba(255, 255, 255, 0.05);
   }
-:is(.hawa-dark .dark\:hover\:dark-shadow:hover) {
+:is([data-mode="dark"] .dark\:hover\:dark-shadow:hover) {
     box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
       0 4px 6px -2px rgba(255, 255, 255, 0.05);
   }
@@ -3127,163 +3138,163 @@ body {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa--rotate-90) {
+:is([data-mode="dark"] .dark\:hawa--rotate-90) {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa-rotate-0) {
+:is([data-mode="dark"] .dark\:hawa-rotate-0) {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa-scale-100) {
+:is([data-mode="dark"] .dark\:hawa-scale-100) {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa-border-gray-700) {
+:is([data-mode="dark"] .dark\:hawa-border-gray-700) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
-:is(.hawa-dark .dark\:hawa-border-primary\/10) {
+:is([data-mode="dark"] .dark\:hawa-border-primary\/10) {
   border-color: hsl(var(--primary) / 0.1);
 }
-:is(.hawa-dark .dark\:hawa-border-primary\/70) {
+:is([data-mode="dark"] .dark\:hawa-border-primary\/70) {
   border-color: hsl(var(--primary) / 0.7);
 }
-:is(.hawa-dark .dark\:hawa-bg-background) {
+:is([data-mode="dark"] .dark\:hawa-bg-background) {
   background-color: hsl(var(--background));
 }
-:is(.hawa-dark .dark\:hawa-bg-black) {
+:is([data-mode="dark"] .dark\:hawa-bg-black) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-blue-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-blue-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-600) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-600) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-700) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-700) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-800) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-800) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-green-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-green-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(187 247 208 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-muted) {
+:is([data-mode="dark"] .dark\:hawa-bg-muted) {
   background-color: hsl(var(--muted));
 }
-:is(.hawa-dark .dark\:hawa-bg-muted\/40) {
+:is([data-mode="dark"] .dark\:hawa-bg-muted\/40) {
   background-color: hsl(var(--muted) / 0.4);
 }
-:is(.hawa-dark .dark\:hawa-bg-muted\/50) {
+:is([data-mode="dark"] .dark\:hawa-bg-muted\/50) {
   background-color: hsl(var(--muted) / 0.5);
 }
-:is(.hawa-dark .dark\:hawa-bg-primary) {
+:is([data-mode="dark"] .dark\:hawa-bg-primary) {
   background-color: hsl(var(--primary));
 }
-:is(.hawa-dark .dark\:hawa-bg-primary\/5) {
+:is([data-mode="dark"] .dark\:hawa-bg-primary\/5) {
   background-color: hsl(var(--primary) / 0.05);
 }
-:is(.hawa-dark .dark\:hawa-bg-red-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-red-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-yellow-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-yellow-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 138 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-blue-800) {
+:is([data-mode="dark"] .dark\:hawa-text-blue-800) {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-100) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-100) {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-300) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-400) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-400) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-500) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-500) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-800) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-800) {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-green-800) {
+:is([data-mode="dark"] .dark\:hawa-text-green-800) {
   --tw-text-opacity: 1;
   color: rgb(22 101 52 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-muted-foreground) {
+:is([data-mode="dark"] .dark\:hawa-text-muted-foreground) {
   color: hsl(var(--muted-foreground));
 }
-:is(.hawa-dark .dark\:hawa-text-red-500) {
+:is([data-mode="dark"] .dark\:hawa-text-red-500) {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-red-800) {
+:is([data-mode="dark"] .dark\:hawa-text-red-800) {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-white) {
+:is([data-mode="dark"] .dark\:hawa-text-white) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-yellow-800) {
+:is([data-mode="dark"] .dark\:hawa-text-yellow-800) {
   --tw-text-opacity: 1;
   color: rgb(133 77 14 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:before\:hawa-via-white\/10)::before {
+:is([data-mode="dark"] .dark\:before\:hawa-via-white\/10)::before {
   content: var(--tw-content);
   --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-600:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-gray-600:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-700:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-gray-700:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-800:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-gray-800:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-primary\/10:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-primary\/10:hover) {
   background-color: hsl(var(--primary) / 0.1);
 }
-:is(.hawa-dark .dark\:hover\:hawa-text-gray-300:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-text-gray-300:hover) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-text-white:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-text-white:hover) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:focus\:hawa-ring-blue-500:focus) {
+:is([data-mode="dark"] .dark\:focus\:hawa-ring-blue-500:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
-:is(.hawa-dark .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
+:is([data-mode="dark"] .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
   color: hsl(var(--primary));
 }
 @media (min-width: 440px) {

package/dist/index.d.mts

@@ -542,12 +542,13 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
 
 type IconProps = React__default.HTMLAttributes<SVGElement>;
 declare const Logos: {
-    logo: (props: IconProps) => React__default.JSX.Element;
+    hawa: (props: IconProps) => React__default.JSX.Element;
+    sikka: (props: IconProps) => React__default.JSX.Element;
     mail: (props: IconProps) => React__default.JSX.Element;
     phone: (props: IconProps) => React__default.JSX.Element;
     twitter: (props: IconProps) => React__default.JSX.Element;
     microsoft: (props: IconProps) => React__default.JSX.Element;
-    gitHub: (props: IconProps) => React__default.JSX.Element;
+    github: (props: IconProps) => React__default.JSX.Element;
     radix: (props: IconProps) => React__default.JSX.Element;
     aria: (props: IconProps) => React__default.JSX.Element;
     npm: (props: IconProps) => React__default.JSX.Element;
@@ -559,6 +560,7 @@ declare const Logos: {
     apple: (props: IconProps) => React__default.JSX.Element;
     paypal: (props: IconProps) => React__default.JSX.Element;
     spinner: (props: IconProps) => React__default.JSX.Element;
+    whatsapp: (props: IconProps) => React__default.JSX.Element;
 };
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
@@ -1378,6 +1380,12 @@ declare function useClipboard({ timeout }?: {
 
 declare const useBreakpoint: () => number;
 
+interface WindowSize {
+    width: number | undefined;
+    height: number | undefined;
+}
+declare const useWindowSize: () => WindowSize;
+
 interface UseFocusWithinOptions {
     onFocus?(event: FocusEvent): void;
     onBlur?(event: FocusEvent): void;
@@ -1397,4 +1405,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -542,12 +542,13 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
 
 type IconProps = React__default.HTMLAttributes<SVGElement>;
 declare const Logos: {
-    logo: (props: IconProps) => React__default.JSX.Element;
+    hawa: (props: IconProps) => React__default.JSX.Element;
+    sikka: (props: IconProps) => React__default.JSX.Element;
     mail: (props: IconProps) => React__default.JSX.Element;
     phone: (props: IconProps) => React__default.JSX.Element;
     twitter: (props: IconProps) => React__default.JSX.Element;
     microsoft: (props: IconProps) => React__default.JSX.Element;
-    gitHub: (props: IconProps) => React__default.JSX.Element;
+    github: (props: IconProps) => React__default.JSX.Element;
     radix: (props: IconProps) => React__default.JSX.Element;
     aria: (props: IconProps) => React__default.JSX.Element;
     npm: (props: IconProps) => React__default.JSX.Element;
@@ -559,6 +560,7 @@ declare const Logos: {
     apple: (props: IconProps) => React__default.JSX.Element;
     paypal: (props: IconProps) => React__default.JSX.Element;
     spinner: (props: IconProps) => React__default.JSX.Element;
+    whatsapp: (props: IconProps) => React__default.JSX.Element;
 };
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
@@ -1378,6 +1380,12 @@ declare function useClipboard({ timeout }?: {
 
 declare const useBreakpoint: () => number;
 
+interface WindowSize {
+    width: number | undefined;
+    height: number | undefined;
+}
+declare const useWindowSize: () => WindowSize;
+
 interface UseFocusWithinOptions {
     onFocus?(event: FocusEvent): void;
     onBlur?(event: FocusEvent): void;
@@ -1397,4 +1405,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavigationMenu, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.js

@@ -735,6 +735,9 @@ __export(components_exports, {
     },
     useToast: function() {
         return useToast;
+    },
+    useWindowSize: function() {
+        return useWindowSize;
     }
 });
 module.exports = __toCommonJS(components_exports);
@@ -5447,36 +5450,47 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // components/elements/Logos.tsx
 var import_react27 = __toESM(require("react"));
 var Logos = {
-    logo: function(props) {
+    hawa: function(props) {
         return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
             xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 256 256"
-        }, props), /* @__PURE__ */ import_react27.default.createElement("rect", {
-            width: "256",
-            height: "256",
-            fill: "none"
-        }), /* @__PURE__ */ import_react27.default.createElement("line", {
-            x1: "208",
-            y1: "128",
-            x2: "128",
-            y2: "208",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "16"
-        }), /* @__PURE__ */ import_react27.default.createElement("line", {
-            x1: "192",
-            y1: "40",
-            x2: "40",
-            y2: "192",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "16"
+            xmlSpace: "preserve",
+            viewBox: "0 0 765 765"
+        }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
+            d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
+            fill: "currentColor"
         }));
     },
+    sikka: function(props) {
+        return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
+            xmlns: "http://www.w3.org/2000/svg",
+            xmlnsXlink: "http://www.w3.org/1999/xlink",
+            xmlSpace: "preserve",
+            viewBox: "0 0 916.5 765",
+            fill: "currentColor"
+        }, props), /* @__PURE__ */ import_react27.default.createElement("defs", null, /* @__PURE__ */ import_react27.default.createElement("path", {
+            id: "a",
+            d: "M0 0h916.5v765H0z"
+        })), /* @__PURE__ */ import_react27.default.createElement("clipPath", {
+            id: "b"
+        }, /* @__PURE__ */ import_react27.default.createElement("use", {
+            xlinkHref: "#a",
+            overflow: "visible"
+        })), /* @__PURE__ */ import_react27.default.createElement("g", {
+            clipPath: "url(#b)"
+        }, /* @__PURE__ */ import_react27.default.createElement("defs", null, /* @__PURE__ */ import_react27.default.createElement("path", {
+            id: "c",
+            d: "M0 0h916.5v765H0z"
+        })), /* @__PURE__ */ import_react27.default.createElement("clipPath", {
+            id: "d"
+        }, /* @__PURE__ */ import_react27.default.createElement("use", {
+            xlinkHref: "#c",
+            overflow: "visible"
+        })), /* @__PURE__ */ import_react27.default.createElement("g", {
+            clipPath: "url(#d)"
+        }, /* @__PURE__ */ import_react27.default.createElement("path", {
+            d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9"
+        }))));
+    },
     mail: function(props) {
         return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
             stroke: "currentColor",
@@ -5528,8 +5542,9 @@ var Logos = {
             d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
         }));
     },
-    gitHub: function(props) {
+    github: function(props) {
         return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
+            xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 438.549 438.549"
         }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
             fill: "currentColor",
@@ -5641,6 +5656,17 @@ var Logos = {
         }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
             d: "M21 12a9 9 0 1 1-6.219-8.56"
         }));
+    },
+    whatsapp: function(props) {
+        return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "currentColor"
+        }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
+            d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"
+        }));
     }
 };
 // components/elements/Command.tsx
@@ -6714,7 +6740,7 @@ var LoginForm = function(props) {
         onClick: props.handleGithubLogin
     }, props.isGithubLoading ? /* @__PURE__ */ import_react33.default.createElement(Loading, {
         size: "button"
-    }) : /* @__PURE__ */ import_react33.default.createElement(Logos.gitHub, {
+    }) : /* @__PURE__ */ import_react33.default.createElement(Logos.github, {
         className: "hawa-h-4 hawa-w-4"
     }), !props.logosOnly && ((_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.loginViaGithubLabel)), props.viaTwitter && /* @__PURE__ */ import_react33.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
@@ -7024,7 +7050,7 @@ var RegisterForm = function(props) {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleGithubRegister
-    }, /* @__PURE__ */ import_react34.default.createElement(Logos.gitHub, {
+    }, /* @__PURE__ */ import_react34.default.createElement(Logos.github, {
         className: "hawa-h-4 hawa-w-4"
     }), !props.logosOnly && props.texts.registerViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react34.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
@@ -7059,7 +7085,7 @@ var AppLanding = function(props) {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleGithub
-    }, /* @__PURE__ */ import_react35.default.createElement(Logos.gitHub, {
+    }, /* @__PURE__ */ import_react35.default.createElement(Logos.github, {
         className: "hawa-h-4 hawa-w-4"
     }), (_props_texts_continueWithGithub = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.continueWithGithub) !== null && _props_texts_continueWithGithub !== void 0 ? _props_texts_continueWithGithub : "Continue With Github"), props.viaTwitter && /* @__PURE__ */ import_react35.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
@@ -8354,8 +8380,30 @@ var import_react55 = require("react");
 var import_react56 = require("react");
 // components/hooks/useCarousel.ts
 var import_react57 = require("react");
-// components/hooks/useFocusWithin.ts
+// components/hooks/useWindowSize.ts
 var import_react58 = require("react");
+var useWindowSize = function() {
+    var _ref = _sliced_to_array((0, import_react58.useState)({
+        width: void 0,
+        height: void 0
+    }), 2), windowSize = _ref[0], setWindowSize = _ref[1];
+    (0, import_react58.useEffect)(function() {
+        var handleResize = function handleResize() {
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        };
+        window.addEventListener("resize", handleResize);
+        handleResize();
+        return function() {
+            return window.removeEventListener("resize", handleResize);
+        };
+    }, []);
+    return windowSize;
+};
+// components/hooks/useFocusWithin.ts
+var import_react59 = require("react");
 function containsRelatedTarget(event) {
     if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
         return event.currentTarget.contains(event.relatedTarget);
@@ -8364,9 +8412,9 @@ function containsRelatedTarget(event) {
 }
 function useFocusWithin() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
-    var ref = (0, import_react58.useRef)(null);
-    var _ref1 = _sliced_to_array((0, import_react58.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
-    var focusedRef = (0, import_react58.useRef)(false);
+    var ref = (0, import_react59.useRef)(null);
+    var _ref1 = _sliced_to_array((0, import_react59.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
+    var focusedRef = (0, import_react59.useRef)(false);
     var setFocused = function(value) {
         _setFocused(value);
         focusedRef.current = value;
@@ -8383,7 +8431,7 @@ function useFocusWithin() {
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         }
     };
-    (0, import_react58.useEffect)(function() {
+    (0, import_react59.useEffect)(function() {
         if (ref.current) {
             ref.current.addEventListener("focusin", handleFocusIn);
             ref.current.addEventListener("focusout", handleFocusOut);
@@ -8404,7 +8452,7 @@ function useFocusWithin() {
     };
 }
 // components/hooks/useMediaQuery.ts
-var import_react59 = require("react");
+var import_react60 = require("react");
 function attachMediaListener(query, callback) {
     try {
         query.addEventListener("change", callback);
@@ -8431,9 +8479,9 @@ function useMediaQuery(query, initialValue) {
     var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
         getInitialValueInEffect: true
     }).getInitialValueInEffect;
-    var _ref = _sliced_to_array((0, import_react59.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
-    var queryRef = (0, import_react59.useRef)();
-    (0, import_react59.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react60.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
+    var queryRef = (0, import_react60.useRef)();
+    (0, import_react60.useEffect)(function() {
         if ("matchMedia" in window) {
             queryRef.current = window.matchMedia(query);
             setMatches(queryRef.current.matches);
@@ -8448,15 +8496,15 @@ function useMediaQuery(query, initialValue) {
     return matches;
 }
 // components/hooks/useScrollPosition.ts
-var import_react60 = require("react");
-// components/hooks/useTable.ts
 var import_react61 = require("react");
-// components/hooks/useTabs.ts
+// components/hooks/useTable.ts
 var import_react62 = require("react");
+// components/hooks/useTabs.ts
+var import_react63 = require("react");
 function useTabs() {
     var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    var _ref = _sliced_to_array((0, import_react62.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
-    (0, import_react62.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react63.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
+    (0, import_react63.useEffect)(function() {
         var handleHashChange = function() {
             var hash = window.location.hash.substring(1);
             setActiveTab(hash || initialTab);
@@ -8609,5 +8657,6 @@ function useTabs() {
     useFormField: useFormField,
     useMediaQuery: useMediaQuery,
     useTabs: useTabs,
-    useToast: useToast
+    useToast: useToast,
+    useWindowSize: useWindowSize
 });

package/dist/index.mjs

@@ -5109,33 +5109,36 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // components/elements/Logos.tsx
 import React42 from "react";
 var Logos = {
-  logo: (props) => /* @__PURE__ */ React42.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props }, /* @__PURE__ */ React42.createElement("rect", { width: "256", height: "256", fill: "none" }), /* @__PURE__ */ React42.createElement(
-    "line",
+  hawa: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
     {
-      x1: "208",
-      y1: "128",
-      x2: "128",
-      y2: "208",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "16"
-    }
-  ), /* @__PURE__ */ React42.createElement(
-    "line",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlSpace: "preserve",
+      viewBox: "0 0 765 765",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement(
+      "path",
+      {
+        d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
+        fill: "currentColor"
+      }
+    )
+  ),
+  sikka: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
     {
-      x1: "192",
-      y1: "40",
-      x2: "40",
-      y2: "192",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "16"
-    }
-  )),
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      xmlSpace: "preserve",
+      viewBox: "0 0 916.5 765",
+      fill: "currentColor",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement("defs", null, /* @__PURE__ */ React42.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
+    /* @__PURE__ */ React42.createElement("clipPath", { id: "b" }, /* @__PURE__ */ React42.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
+    /* @__PURE__ */ React42.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ React42.createElement("defs", null, /* @__PURE__ */ React42.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ React42.createElement("clipPath", { id: "d" }, /* @__PURE__ */ React42.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ React42.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ React42.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
+  ),
   mail: (props) => /* @__PURE__ */ React42.createElement(
     "svg",
     {
@@ -5189,13 +5192,21 @@ var Logos = {
       d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
     }
   )),
-  gitHub: (props) => /* @__PURE__ */ React42.createElement("svg", { viewBox: "0 0 438.549 438.549", ...props }, /* @__PURE__ */ React42.createElement(
-    "path",
+  github: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
     {
-      fill: "currentColor",
-      d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
-    }
-  )),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 438.549 438.549",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+      }
+    )
+  ),
   radix: (props) => /* @__PURE__ */ React42.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ React42.createElement(
     "path",
     {
@@ -5281,6 +5292,18 @@ var Logos = {
       ...props
     },
     /* @__PURE__ */ React42.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+  ),
+  whatsapp: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
   )
 };
 
@@ -6557,7 +6580,7 @@ var LoginForm = (props) => {
         variant: "outline",
         onClick: props.handleGithubLogin
       },
-      props.isGithubLoading ? /* @__PURE__ */ React53.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React53.createElement(Logos.gitHub, { className: "hawa-h-4 hawa-w-4" }),
+      props.isGithubLoading ? /* @__PURE__ */ React53.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React53.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
       !props.logosOnly && props.texts?.loginViaGithubLabel
     ),
     props.viaTwitter && /* @__PURE__ */ React53.createElement(
@@ -6884,7 +6907,7 @@ var RegisterForm = (props) => {
         variant: "outline",
         onClick: props.handleGithubRegister
       },
-      /* @__PURE__ */ React54.createElement(Logos.gitHub, { className: "hawa-h-4 hawa-w-4" }),
+      /* @__PURE__ */ React54.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
       !props.logosOnly && props.texts.registerViaGithubLabel
     ),
     props.viaTwitter && /* @__PURE__ */ React54.createElement(
@@ -6927,7 +6950,7 @@ var AppLanding = (props) => {
       variant: "outline",
       onClick: props.handleGithub
     },
-    /* @__PURE__ */ React55.createElement(Logos.gitHub, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React55.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
     props.texts?.continueWithGithub ?? "Continue With Github"
   ), props.viaTwitter && /* @__PURE__ */ React55.createElement(
     Button,
@@ -8160,8 +8183,29 @@ import { useEffect as useEffect14, useRef as useRef9, useState as useState28 } f
 // components/hooks/useCarousel.ts
 import { useState as useState29, useRef as useRef10 } from "react";
 
+// components/hooks/useWindowSize.ts
+import { useEffect as useEffect15, useState as useState30 } from "react";
+var useWindowSize = () => {
+  const [windowSize, setWindowSize] = useState30({
+    width: void 0,
+    height: void 0
+  });
+  useEffect15(() => {
+    function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowSize;
+};
+
 // components/hooks/useFocusWithin.ts
-import { useRef as useRef11, useState as useState30, useEffect as useEffect15 } from "react";
+import { useRef as useRef11, useState as useState31, useEffect as useEffect16 } from "react";
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
     return event.currentTarget.contains(event.relatedTarget);
@@ -8173,7 +8217,7 @@ function useFocusWithin({
   onFocus
 } = {}) {
   const ref = useRef11(null);
-  const [focused, _setFocused] = useState30(false);
+  const [focused, _setFocused] = useState31(false);
   const focusedRef = useRef11(false);
   const setFocused = (value) => {
     _setFocused(value);
@@ -8191,7 +8235,7 @@ function useFocusWithin({
       onBlur?.(event);
     }
   };
-  useEffect15(() => {
+  useEffect16(() => {
     if (ref.current) {
       ref.current.addEventListener("focusin", handleFocusIn);
       ref.current.addEventListener("focusout", handleFocusOut);
@@ -8206,7 +8250,7 @@ function useFocusWithin({
 }
 
 // components/hooks/useMediaQuery.ts
-import { useState as useState31, useEffect as useEffect16, useRef as useRef12 } from "react";
+import { useState as useState32, useEffect as useEffect17, useRef as useRef12 } from "react";
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -8228,11 +8272,11 @@ function getInitialValue(query, initialValue) {
 function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   getInitialValueInEffect: true
 }) {
-  const [matches, setMatches] = useState31(
+  const [matches, setMatches] = useState32(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
   );
   const queryRef = useRef12();
-  useEffect16(() => {
+  useEffect17(() => {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
       setMatches(queryRef.current.matches);
@@ -8247,16 +8291,16 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }
 
 // components/hooks/useScrollPosition.ts
-import { useState as useState32, useEffect as useEffect17 } from "react";
+import { useState as useState33, useEffect as useEffect18 } from "react";
 
 // components/hooks/useTable.ts
-import { useState as useState33, useEffect as useEffect18 } from "react";
+import { useState as useState34, useEffect as useEffect19 } from "react";
 
 // components/hooks/useTabs.ts
-import { useEffect as useEffect19, useState as useState34 } from "react";
+import { useEffect as useEffect20, useState as useState35 } from "react";
 function useTabs(initialTab = "") {
-  const [activeTab, setActiveTab] = useState34(initialTab);
-  useEffect19(() => {
+  const [activeTab, setActiveTab] = useState35(initialTab);
+  useEffect20(() => {
     const handleHashChange = () => {
       const hash = window.location.hash.substring(1);
       setActiveTab(hash || initialTab);
@@ -8406,5 +8450,6 @@ export {
   useFormField,
   useMediaQuery,
   useTabs,
-  useToast
+  useToast,
+  useWindowSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.7.13-next",
+  "version": "0.7.15-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {