@sikka/hawa 0.7.7-next → 0.7.8-next

package/dist/index.css

@@ -784,6 +784,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-7 {
   top: 1.75rem;
 }
+.hawa-top-\[1px\] {
+  top: 1px;
+}
 .hawa-top-\[22px\] {
   top: 22px;
 }
@@ -793,9 +796,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-\[50\%\] {
   top: 50%;
 }
+.hawa-top-\[60\%\] {
+  top: 60%;
+}
 .hawa-top-\[76px\] {
   top: 76px;
 }
+.hawa-top-full {
+  top: 100%;
+}
 .hawa-isolate {
   isolation: isolate;
 }
@@ -814,6 +823,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-z-\[100\] {
   z-index: 100;
 }
+.hawa-z-\[1\] {
+  z-index: 1;
+}
 .hawa-m-0 {
   margin: 0px;
 }
@@ -910,6 +922,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mt-1 {
   margin-top: 0.25rem;
 }
+.hawa-mt-1\.5 {
+  margin-top: 0.375rem;
+}
 .hawa-mt-10 {
   margin-top: 2.5rem;
 }
@@ -949,6 +964,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-1 {
   height: 0.25rem;
 }
+.hawa-h-1\.5 {
+  height: 0.375rem;
+}
 .hawa-h-10 {
   height: 2.5rem;
 }
@@ -1051,6 +1069,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[44px\] {
   height: 44px;
 }
+.hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
+  height: var(--radix-navigation-menu-viewport-height);
+}
 .hawa-h-fit {
   height: -moz-fit-content;
   height: fit-content;
@@ -1195,6 +1216,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-full {
   width: 100%;
 }
+.hawa-w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
 .hawa-w-screen {
   width: 100vw;
 }
@@ -1233,6 +1258,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-w-lg {
   max-width: 32rem;
 }
+.hawa-max-w-max {
+  max-width: -moz-max-content;
+  max-width: max-content;
+}
 .hawa-max-w-md {
   max-width: 28rem;
 }
@@ -1303,6 +1332,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --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));
 }
+.hawa-rotate-45 {
+  --tw-rotate: 45deg;
+  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));
+}
 .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));
@@ -1368,6 +1401,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-resize-none {
   resize: none;
 }
+.hawa-list-none {
+  list-style-type: none;
+}
 .hawa-appearance-none {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -1400,6 +1436,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-items-start {
   align-items: flex-start;
 }
+.hawa-items-end {
+  align-items: flex-end;
+}
 .hawa-items-center {
   align-items: center;
 }
@@ -1457,6 +1496,11 @@ input[type="number"]::-webkit-inner-spin-button,
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
+.hawa-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .hawa-space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1583,6 +1627,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-rounded-tl-lg {
   border-top-left-radius: var(--radius);
 }
+.hawa-rounded-tl-sm {
+  border-top-left-radius: calc(var(--radius) - 4px);
+}
 .hawa-rounded-tr-lg {
   border-top-right-radius: var(--radius);
 }
@@ -1671,6 +1718,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity));
 }
+.hawa-bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
+}
 .hawa-bg-blue-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity));
@@ -1728,6 +1779,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity));
 }
+.hawa-bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
 .hawa-bg-green-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
@@ -1810,6 +1865,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(254 249 195 / var(--tw-bg-opacity));
 }
+.hawa-bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
+}
 .hawa-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
@@ -2305,6 +2364,13 @@ input[type="number"]::-webkit-inner-spin-button,
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
           backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.hawa-transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .hawa-transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2878,6 +2944,9 @@ body {
 .data-\[state\=open\]\:hawa-animate-accordion-down[data-state=open] {
   animation: hawa-accordion-down 0.2s ease-out;
 }
+.data-\[active\]\:hawa-bg-accent\/50[data-active] {
+  background-color: hsl(var(--accent) / 0.5);
+}
 .data-\[state\=active\]\:hawa-bg-primary[data-state=active] {
   background-color: hsl(var(--primary));
 }
@@ -2890,6 +2959,9 @@ body {
 .data-\[state\=open\]\:hawa-bg-accent[data-state=open] {
   background-color: hsl(var(--accent));
 }
+.data-\[state\=open\]\:hawa-bg-accent\/50[data-state=open] {
+  background-color: hsl(var(--accent) / 0.5);
+}
 .data-\[state\=selected\]\:hawa-bg-muted[data-state=selected] {
   background-color: hsl(var(--muted));
 }
@@ -2913,6 +2985,15 @@ body {
 .data-\[swipe\=move\]\:hawa-transition-none[data-swipe=move] {
   transition-property: none;
 }
+.data-\[motion\^\=from-\]\:hawa-animate-in[data-motion^=from-] {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
 .data-\[state\=open\]\:hawa-animate-in[data-state=open] {
   animation-name: enter;
   animation-duration: 150ms;
@@ -2922,6 +3003,24 @@ body {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
+.data-\[state\=visible\]\:hawa-animate-in[data-state=visible] {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+.data-\[motion\^\=to-\]\:hawa-animate-out[data-motion^=to-] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
 .data-\[state\=closed\]\:hawa-animate-out[data-state=closed] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -2931,6 +3030,15 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
+.data-\[state\=hidden\]\:hawa-animate-out[data-state=hidden] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
 .data-\[swipe\=end\]\:hawa-animate-out[data-swipe=end] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -2940,21 +3048,48 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
+.data-\[motion\^\=from-\]\:hawa-fade-in[data-motion^=from-] {
+  --tw-enter-opacity: 0;
+}
+.data-\[motion\^\=to-\]\:hawa-fade-out[data-motion^=to-] {
+  --tw-exit-opacity: 0;
+}
 .data-\[state\=closed\]\:hawa-fade-out-0[data-state=closed] {
   --tw-exit-opacity: 0;
 }
 .data-\[state\=closed\]\:hawa-fade-out-80[data-state=closed] {
   --tw-exit-opacity: 0.8;
 }
+.data-\[state\=hidden\]\:hawa-fade-out[data-state=hidden] {
+  --tw-exit-opacity: 0;
+}
 .data-\[state\=open\]\:hawa-fade-in-0[data-state=open] {
   --tw-enter-opacity: 0;
 }
+.data-\[state\=visible\]\:hawa-fade-in[data-state=visible] {
+  --tw-enter-opacity: 0;
+}
 .data-\[state\=closed\]\:hawa-zoom-out-95[data-state=closed] {
   --tw-exit-scale: .95;
 }
+.data-\[state\=open\]\:hawa-zoom-in-90[data-state=open] {
+  --tw-enter-scale: .9;
+}
 .data-\[state\=open\]\:hawa-zoom-in-95[data-state=open] {
   --tw-enter-scale: .95;
 }
+.data-\[motion\=from-end\]\:hawa-slide-in-from-right-52[data-motion=from-end] {
+  --tw-enter-translate-x: 13rem;
+}
+.data-\[motion\=from-start\]\:hawa-slide-in-from-left-52[data-motion=from-start] {
+  --tw-enter-translate-x: -13rem;
+}
+.data-\[motion\=to-end\]\:hawa-slide-out-to-right-52[data-motion=to-end] {
+  --tw-exit-translate-x: 13rem;
+}
+.data-\[motion\=to-start\]\:hawa-slide-out-to-left-52[data-motion=to-start] {
+  --tw-exit-translate-x: -13rem;
+}
 .data-\[side\=bottom\]\:hawa-slide-in-from-top-2[data-side=bottom] {
   --tw-enter-translate-y: -0.5rem;
 }
@@ -2988,6 +3123,10 @@ body {
 .data-\[state\=open\]\:hawa-slide-in-from-top-full[data-state=open] {
   --tw-enter-translate-y: -100%;
 }
+.hawa-group[data-state=open] .group-data-\[state\=open\]\:hawa-rotate-180 {
+  --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) {
   --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));
@@ -3220,6 +3359,18 @@ body {
 }
 @media (min-width: 768px) {
 
+  .md\:hawa-absolute {
+    position: absolute;
+  }
+
+  .md\:hawa-w-\[var\(--radix-navigation-menu-viewport-width\)\] {
+    width: var(--radix-navigation-menu-viewport-width);
+  }
+
+  .md\:hawa-w-auto {
+    width: auto;
+  }
+
   .md\:hawa-w-full {
     width: 100%;
   }

package/dist/index.d.mts

@@ -300,6 +300,7 @@ type MenuItemType = {
     icon?: any;
     label?: string;
     value?: any;
+    content?: any;
     end?: any;
     presist?: boolean;
     itemType?: "separator" | "label" | string;
@@ -667,6 +668,14 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
+type NavigationMenuTypes = {
+    items: {
+        trigger: any;
+        content?: any;
+    }[];
+};
+declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
+
 type StatTypes = {
     label?: string;
     color?: string;
@@ -1391,4 +1400,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, 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, 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, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast };

package/dist/index.d.ts

@@ -300,6 +300,7 @@ type MenuItemType = {
     icon?: any;
     label?: string;
     value?: any;
+    content?: any;
     end?: any;
     presist?: boolean;
     itemType?: "separator" | "label" | string;
@@ -667,6 +668,14 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
+type NavigationMenuTypes = {
+    items: {
+        trigger: any;
+        content?: any;
+    }[];
+};
+declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
+
 type StatTypes = {
     label?: string;
     color?: string;
@@ -1391,4 +1400,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, 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, 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, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast };

package/dist/index.js

@@ -550,6 +550,9 @@ __export(components_exports, {
     Logos: function() {
         return Logos;
     },
+    NavigationMenu: function() {
+        return NavigationMenu;
+    },
     NewPasswordForm: function() {
         return NewPasswordForm;
     },
@@ -2269,6 +2272,8 @@ var DropdownMenu = function(param) {
             return /* @__PURE__ */ React24.createElement(DropdownMenuLabel, {
                 key: index
             }, item.label);
+        } else if (item.itemType === "custom") {
+            return item.content;
         } else {
             return item.subitems ? /* @__PURE__ */ React24.createElement(DropdownMenuSub, {
                 key: index
@@ -5993,6 +5998,103 @@ var InterfaceSettings = function(_param) {
         ]
     }));
 };
+// components/elements/NavigationMenu.tsx
+var React47 = __toESM(require("react"));
+var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
+var import_class_variance_authority4 = require("class-variance-authority");
+var NavigationMenuRoot = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return React47.createElement(NavigationMenuPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("hawa-relative hawa-bg-yellow-400 hawa-p-2 hawa-z-10 hawa-flex hawa-max-w-max hawa-flex-1 hawa-items-center hawa-justify-center", className)
+    }, props), children, /* @__PURE__ */ React47.createElement(NavigationMenuViewport, null));
+});
+NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React47.createElement(NavigationMenuPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn("hawa-group hawa-bg-blue-400 hawa-p-2 hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-space-x-1", className)
+    }, props));
+});
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = (0, import_class_variance_authority4.cva)("hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 data-[state=open]:hawa-bg-accent/50");
+var NavigationMenuTrigger = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return React47.createElement(NavigationMenuPrimitive.Trigger, _object_spread({
+        ref: ref,
+        className: cn(navigationMenuTriggerStyle(), "hawa-group", className)
+    }, props), children, " ", /* @__PURE__ */ React47.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+        className: "hawa-relative hawa-top-[1px] hawa-ml-1 hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+    }, /* @__PURE__ */ React47.createElement("path", {
+        d: "m6 9 6 6 6-6"
+    })));
+});
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React47.createElement(NavigationMenuPrimitive.Content, _object_spread({
+        ref: ref,
+        className: cn("hawa-bg-green-400 hawa-p-2  hawa-w-full md:hawa-absolute hawa-left-0 hawa-top-0 md:hawa-w-auto ", //   animation
+        "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52", className)
+    }, props));
+});
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React47.createElement("div", {
+        className: cn("hawa-absolute hawa-left-0 hawa-top-full hawa-flex hawa-justify-center")
+    }, /* @__PURE__ */ React47.createElement(NavigationMenuPrimitive.Viewport, _object_spread({
+        className: cn("hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-h-[var(--radix-navigation-menu-viewport-height)] hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 md:hawa-w-[var(--radix-navigation-menu-viewport-width)]", className),
+        ref: ref
+    }, props)));
+});
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React47.createElement(NavigationMenuPrimitive.Indicator, _object_spread({
+        ref: ref,
+        className: cn("hawa-top-full hawa-z-[1] hawa-flex hawa-h-1.5 hawa-items-end hawa-justify-center hawa-overflow-hidden data-[state=visible]:hawa-animate-in data-[state=hidden]:hawa-animate-out data-[state=hidden]:hawa-fade-out data-[state=visible]:hawa-fade-in", className)
+    }, props), /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md"
+    }));
+});
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+var NavigationMenu = function(props) {
+    return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, null, /* @__PURE__ */ React47.createElement(NavigationMenuList, null, props.items.map(function(item, i) {
+        return /* @__PURE__ */ React47.createElement(NavigationMenuItem, {
+            key: i
+        }, item.content ? /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React47.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React47.createElement(NavigationMenuLink, {
+            className: navigationMenuTriggerStyle()
+        }, item.trigger));
+    })));
+};
 // components/layout/Stats.tsx
 var import_react29 = __toESM(require("react"));
 var Stats = function(_param) {
@@ -6020,32 +6122,32 @@ var Stats = function(_param) {
     }) : props.chart));
 };
 // components/layout/Sidebar.tsx
-var React48 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive2.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
-var AccordionItem2 = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionItem2 = React49.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React48.createElement(AccordionPrimitive2.Item, _object_spread({
+    return React49.createElement(AccordionPrimitive2.Item, _object_spread({
         ref: ref,
         className: cn(className)
     }, props));
 });
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionTrigger2 = React49.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, showArrow = _param.showArrow, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "showArrow",
         "children"
     ]);
-    return React48.createElement(AccordionPrimitive2.Header, {
+    return React49.createElement(AccordionPrimitive2.Header, {
         className: "flex"
-    }, /* @__PURE__ */ React48.createElement(AccordionPrimitive2.Trigger, _object_spread({
+    }, /* @__PURE__ */ React49.createElement(AccordionPrimitive2.Trigger, _object_spread({
         ref: ref,
         className: cn(triggerStyles, className)
-    }, props), children, showArrow && /* @__PURE__ */ React48.createElement("svg", {
+    }, props), children, showArrow && /* @__PURE__ */ React49.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -6053,29 +6155,29 @@ var AccordionTrigger2 = React48.forwardRef(function(_param, ref) /* @__PURE__ */
         height: "1em",
         width: "1em",
         className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
-    }, /* @__PURE__ */ React48.createElement("path", {
+    }, /* @__PURE__ */ React49.createElement("path", {
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     }))));
 });
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionContent2 = React49.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React48.createElement(AccordionPrimitive2.Content, _object_spread({
+    return React49.createElement(AccordionPrimitive2.Content, _object_spread({
         ref: ref,
         className: cn("hawa-overflow-hidden hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down", className)
-    }, props), /* @__PURE__ */ React48.createElement("div", null, children));
+    }, props), /* @__PURE__ */ React49.createElement("div", null, children));
 });
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 var SidebarGroup = function(param) {
     var title = param.title, items = param.items, selectedItem = param.selectedItem, openedItem = param.openedItem, setOpenedItem = param.setOpenedItem, onItemClick = param.onItemClick, onSubItemClick = param.onSubItemClick, direction = param.direction, isOpen = param.isOpen;
-    return /* @__PURE__ */ React48.createElement("div", null, title && /* @__PURE__ */ React48.createElement("h3", {
+    return /* @__PURE__ */ React49.createElement("div", null, title && /* @__PURE__ */ React49.createElement("h3", {
         className: "hawa-mb-1 hawa-font-bold"
-    }, title), /* @__PURE__ */ React48.createElement("ul", {
+    }, title), /* @__PURE__ */ React49.createElement("ul", {
         className: "hawa-flex hawa-flex-col hawa-gap-2"
-    }, /* @__PURE__ */ React48.createElement(Accordion2, {
+    }, /* @__PURE__ */ React49.createElement(Accordion2, {
         value: openedItem,
         type: "single",
         onValueChange: function(e) {
@@ -6084,7 +6186,7 @@ var SidebarGroup = function(param) {
         collapsible: true,
         className: "hawa-flex hawa-flex-col hawa-gap-1"
     }, items.map(function(item, idx) {
-        return /* @__PURE__ */ React48.createElement(SidebarItem, {
+        return /* @__PURE__ */ React49.createElement(SidebarItem, {
             isOpen: isOpen,
             selectedItem: selectedItem,
             key: idx,
@@ -6107,25 +6209,25 @@ var SidebarItem = function(_param) {
         return props.selectedItem === value ? "hawa-bg-primary hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
     };
     if (item.subitems) {
-        return /* @__PURE__ */ React48.createElement(AccordionItem2, {
+        return /* @__PURE__ */ React49.createElement(AccordionItem2, {
             value: item.value,
             className: "hawa-overflow-x-clip ",
             dir: direction
-        }, /* @__PURE__ */ React48.createElement(AccordionTrigger2, {
+        }, /* @__PURE__ */ React49.createElement(AccordionTrigger2, {
             className: cn("hawa-overflow-x-clip hawa-w-full", props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10", item.subitems && item.subitems.some(function(subitem) {
                 return props.selectedItem === subitem.value;
             }) ? "hawa-bg-primary/90 hawa-text-primary-foreground hover:hawa-bg-primary/90" : ""),
             showArrow: isOpen
-        }, /* @__PURE__ */ React48.createElement("div", {
+        }, /* @__PURE__ */ React49.createElement("div", {
             className: cn(!isOpen && "hawa-py-1", "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center  hawa-gap-2")
-        }, item.icon, isOpen && /* @__PURE__ */ React48.createElement("span", {
+        }, item.icon, isOpen && /* @__PURE__ */ React49.createElement("span", {
             className: cn("hawa-transition-all ", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
-        }, item.label))), item.subitems && /* @__PURE__ */ React48.createElement(AccordionContent2, {
+        }, item.label))), item.subitems && /* @__PURE__ */ React49.createElement(AccordionContent2, {
             className: "hawa-mt-1 hawa-h-full hawa-rounded"
-        }, /* @__PURE__ */ React48.createElement("div", {
+        }, /* @__PURE__ */ React49.createElement("div", {
             className: cn("hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1")
         }, item.subitems.map(function(subitem, idx) {
-            return /* @__PURE__ */ React48.createElement("li", {
+            return /* @__PURE__ */ React49.createElement("li", {
                 key: idx,
                 onClick: function(e) {
                     e.stopPropagation();
@@ -6144,7 +6246,7 @@ var SidebarItem = function(_param) {
             }, subitem.icon, subitem.label);
         }))));
     } else {
-        return /* @__PURE__ */ React48.createElement("div", {
+        return /* @__PURE__ */ React49.createElement("div", {
             dir: direction,
             onClick: function() {
                 if (item.onClick) {
@@ -6157,9 +6259,9 @@ var SidebarItem = function(_param) {
                 }
             },
             className: cn(triggerStyles, getSelectedStyle(item.value), "hawa-overflow-x-clip ")
-        }, /* @__PURE__ */ React48.createElement("div", {
+        }, /* @__PURE__ */ React49.createElement("div", {
             className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
-        }, item.icon, /* @__PURE__ */ React48.createElement("span", {
+        }, item.icon, /* @__PURE__ */ React49.createElement("span", {
             className: cn("hawa-whitespace-nowrap hawa-transition-all", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
         }, item.label)));
     }
@@ -8434,6 +8536,7 @@ function useTabs() {
     Loading: Loading,
     LoginForm: LoginForm,
     Logos: Logos,
+    NavigationMenu: NavigationMenu,
     NewPasswordForm: NewPasswordForm,
     NoPermission: NoPermission,
     NotFound: NotFound,