@sikka/hawa 0.7.17-next → 0.7.18-next

package/dist/index.css

@@ -844,6 +844,10 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
+.hawa-mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
 .hawa-my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -1003,6 +1007,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-4 {
   height: 1rem;
 }
+.hawa-h-40 {
+  height: 10rem;
+}
 .hawa-h-5 {
   height: 1.25rem;
 }
@@ -1286,6 +1293,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-shrink-0 {
   flex-shrink: 0;
 }
+.hawa-flex-grow {
+  flex-grow: 1;
+}
 .hawa-grow {
   flex-grow: 1;
 }
@@ -1345,6 +1355,9 @@ input[type="number"]::-webkit-inner-spin-button,
   --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));
 }
+.hawa-transform {
+  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-transform-gpu {
   transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1521,6 +1534,11 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
 }
+.hawa-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
 .hawa-space-y-5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1897,6 +1915,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-fill-primary\/20 {
   fill: hsl(var(--primary) / 0.2);
 }
+.hawa-object-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
 .hawa-p-0 {
   padding: 0px;
 }
@@ -2080,6 +2102,10 @@ input[type="number"]::-webkit-inner-spin-button,
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.hawa-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .hawa-text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -2213,6 +2239,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
+.hawa-text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
 .hawa-text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -20,6 +20,7 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 
 type ImageCardTypes = {
     children: any;
@@ -673,6 +674,13 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+type NavMenuItemTypes = {
+    icon?: any;
+    title: string;
+    subtitle?: string;
+};
+declare const NavMenuItem: React$1.FC<NavMenuItemTypes>;
 type NavigationMenuTypes = {
     items: {
         trigger: any;
@@ -1412,4 +1420,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, useWindowSize };
+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, NavMenuItem, NavigationMenu, NavigationMenuLink, 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

@@ -20,6 +20,7 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 
 type ImageCardTypes = {
     children: any;
@@ -673,6 +674,13 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+type NavMenuItemTypes = {
+    icon?: any;
+    title: string;
+    subtitle?: string;
+};
+declare const NavMenuItem: React$1.FC<NavMenuItemTypes>;
 type NavigationMenuTypes = {
     items: {
         trigger: any;
@@ -1412,4 +1420,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, useWindowSize };
+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, NavMenuItem, NavigationMenu, NavigationMenuLink, 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

@@ -550,9 +550,15 @@ __export(components_exports, {
     Logos: function() {
         return Logos;
     },
+    NavMenuItem: function() {
+        return NavMenuItem;
+    },
     NavigationMenu: function() {
         return NavigationMenu;
     },
+    NavigationMenuLink: function() {
+        return NavigationMenuLink;
+    },
     NewPasswordForm: function() {
         return NewPasswordForm;
     },
@@ -6100,6 +6106,17 @@ var NavigationMenuContent = React47.forwardRef(function(_param, ref) /* @__PURE_
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavMenuItem = function(props) {
+    return /* @__PURE__ */ React47.createElement(NavigationMenuLink, null, /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-max-w-md hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-rounded hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all  hover:hawa-bg-muted"
+    }, props.icon && props.icon, /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-flex hawa-flex-col"
+    }, /* @__PURE__ */ React47.createElement("h1", {
+        className: "hawa-font-bold "
+    }, props.title), /* @__PURE__ */ React47.createElement("p", {
+        className: "hawa-text-sm"
+    }, props.subtitle))));
+};
 var NavigationMenuViewport = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
@@ -6126,7 +6143,9 @@ var NavigationMenuIndicator = React47.forwardRef(function(_param, ref) /* @__PUR
 });
 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(NavigationMenuRoot, {
+        delayDuration: 0
+    }, /* @__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, {
@@ -8584,7 +8603,9 @@ function useTabs() {
     Loading: Loading,
     LoginForm: LoginForm,
     Logos: Logos,
+    NavMenuItem: NavMenuItem,
     NavigationMenu: NavigationMenu,
+    NavigationMenuLink: NavigationMenuLink,
     NewPasswordForm: NewPasswordForm,
     NoPermission: NoPermission,
     NotFound: NotFound,

package/dist/index.mjs

@@ -5797,6 +5797,7 @@ var NavigationMenuContent = React47.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavMenuItem = (props) => /* @__PURE__ */ React47.createElement(NavigationMenuLink, null, /* @__PURE__ */ React47.createElement("div", { className: "hawa-max-w-md hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-rounded hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all  hover:hawa-bg-muted" }, props.icon && props.icon, /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React47.createElement("h1", { className: "hawa-font-bold " }, props.title), /* @__PURE__ */ React47.createElement("p", { className: "hawa-text-sm" }, props.subtitle))));
 var NavigationMenuViewport = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(
   "div",
   {
@@ -5832,7 +5833,7 @@ var NavigationMenuIndicator = React47.forwardRef(({ className, ...props }, ref)
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 var NavigationMenu = (props) => {
-  return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, null, /* @__PURE__ */ React47.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__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(
+  return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, { delayDuration: 0 }, /* @__PURE__ */ React47.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__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: cn(
@@ -8402,7 +8403,9 @@ export {
   Loading,
   LoginForm,
   Logos,
+  NavMenuItem,
   NavigationMenu,
+  NavigationMenuLink,
   NewPasswordForm,
   NoPermission,
   NotFound,

package/package.json

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