@sikka/hawa 0.20.3-next → 0.20.5-next

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +3 -0
  2. package/dist/index.d.mts +20 -14
  3. package/dist/index.d.ts +20 -14
  4. package/dist/index.js +20 -9
  5. package/dist/index.mjs +19 -8
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -2350,6 +2350,9 @@ input[type="number"]::-webkit-inner-spin-button,
2350
2350
  .hawa-bg-muted\/20 {
2351
2351
  background-color: hsl(var(--muted) / 0.2);
2352
2352
  }
2353
+ .hawa-bg-muted\/30 {
2354
+ background-color: hsl(var(--muted) / 0.3);
2355
+ }
2353
2356
  .hawa-bg-muted\/50 {
2354
2357
  background-color: hsl(var(--muted) / 0.5);
2355
2358
  }
package/dist/index.d.mts CHANGED
@@ -431,7 +431,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
431
431
  placeholder?: React__default.ReactNode;
432
432
  /** Show the count of characters left in the input field. Works along with maxLength prop. */
433
433
  showCount?: boolean | undefined;
434
- countPosition?: "center" | "top" | "bottom" | undefined;
434
+ countPosition?: "top" | "bottom" | "center" | undefined;
435
435
  popup?: boolean | undefined;
436
436
  popupContent?: React__default.ReactNode;
437
437
  } & React__default.RefAttributes<HTMLInputElement>>;
@@ -901,18 +901,19 @@ interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement>
901
901
  declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
902
902
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
903
903
 
904
+ type AccordionItemProps = {
905
+ trigger: string;
906
+ content: string;
907
+ disabled?: boolean;
908
+ };
904
909
  type AccordionProps = {
905
- items: AccordionItem[];
910
+ items: AccordionItemProps[];
906
911
  itemClassNames?: string;
907
912
  triggerclassNames?: string;
908
913
  contentclassNames?: string;
909
914
  design?: "default" | "separated";
910
915
  } & React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
911
916
  declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
912
- type AccordionItem = {
913
- trigger: string;
914
- content: string;
915
- };
916
917
  declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
917
918
  declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
918
919
  declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -1097,19 +1098,22 @@ interface ProgressCircleProps extends React__default.HTMLAttributes<HTMLDivEleme
1097
1098
  declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressCircleProps & React__default.RefAttributes<HTMLDivElement>>;
1098
1099
 
1099
1100
  declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
1100
- type NavMenuItemTypes = {
1101
+ type StandardNavigationMenuItemProps = {
1101
1102
  icon?: React$1.ReactNode;
1102
1103
  title: string;
1103
1104
  subtitle?: string;
1104
1105
  };
1106
+ type NavigationMenuItemProps = {
1107
+ trigger: any;
1108
+ content?: any;
1109
+ action?: any;
1110
+ path?: string;
1111
+ };
1105
1112
  type NavigationMenuTypes = {
1106
- items: {
1107
- trigger: any;
1108
- content?: any;
1109
- action?: any;
1110
- }[];
1113
+ items: NavigationMenuItemProps[];
1111
1114
  rootClassNames?: string;
1112
1115
  viewportClassNames?: string;
1116
+ triggerClassNames?: string;
1113
1117
  direction?: DirectionType;
1114
1118
  };
1115
1119
  declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & {
@@ -1118,7 +1122,7 @@ declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<Navigat
1118
1122
  declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
1119
1123
  declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1120
1124
  declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1121
- declare const NavMenuItem: React$1.FC<NavMenuItemTypes & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
1125
+ declare const StandardNavigationMenuItem: React$1.FC<StandardNavigationMenuItemProps & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
1122
1126
  declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1123
1127
  declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1124
1128
  declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
@@ -1711,6 +1715,8 @@ type ContactFormData = {
1711
1715
  };
1712
1716
  type ContactFormProps = {
1713
1717
  cardless?: boolean;
1718
+ formId?: string;
1719
+ formAutoComplete?: "on" | "off";
1714
1720
  size?: "sm" | "default";
1715
1721
  onSubmit?: (e: ContactFormData) => void;
1716
1722
  texts?: {
@@ -1891,4 +1897,4 @@ declare function useTabs(initialTab?: string): {
1891
1897
  handleTabChange: (index: any) => void;
1892
1898
  };
1893
1899
 
1894
- export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, type PricingCardProps, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
1900
+ export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, type PricingCardProps, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
package/dist/index.d.ts CHANGED
@@ -431,7 +431,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
431
431
  placeholder?: React__default.ReactNode;
432
432
  /** Show the count of characters left in the input field. Works along with maxLength prop. */
433
433
  showCount?: boolean | undefined;
434
- countPosition?: "center" | "top" | "bottom" | undefined;
434
+ countPosition?: "top" | "bottom" | "center" | undefined;
435
435
  popup?: boolean | undefined;
436
436
  popupContent?: React__default.ReactNode;
437
437
  } & React__default.RefAttributes<HTMLInputElement>>;
@@ -901,18 +901,19 @@ interface TableCellProps extends React$1.TdHTMLAttributes<HTMLTableCellElement>
901
901
  declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
902
902
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
903
903
 
904
+ type AccordionItemProps = {
905
+ trigger: string;
906
+ content: string;
907
+ disabled?: boolean;
908
+ };
904
909
  type AccordionProps = {
905
- items: AccordionItem[];
910
+ items: AccordionItemProps[];
906
911
  itemClassNames?: string;
907
912
  triggerclassNames?: string;
908
913
  contentclassNames?: string;
909
914
  design?: "default" | "separated";
910
915
  } & React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
911
916
  declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
912
- type AccordionItem = {
913
- trigger: string;
914
- content: string;
915
- };
916
917
  declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
917
918
  declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
918
919
  declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -1097,19 +1098,22 @@ interface ProgressCircleProps extends React__default.HTMLAttributes<HTMLDivEleme
1097
1098
  declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressCircleProps & React__default.RefAttributes<HTMLDivElement>>;
1098
1099
 
1099
1100
  declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
1100
- type NavMenuItemTypes = {
1101
+ type StandardNavigationMenuItemProps = {
1101
1102
  icon?: React$1.ReactNode;
1102
1103
  title: string;
1103
1104
  subtitle?: string;
1104
1105
  };
1106
+ type NavigationMenuItemProps = {
1107
+ trigger: any;
1108
+ content?: any;
1109
+ action?: any;
1110
+ path?: string;
1111
+ };
1105
1112
  type NavigationMenuTypes = {
1106
- items: {
1107
- trigger: any;
1108
- content?: any;
1109
- action?: any;
1110
- }[];
1113
+ items: NavigationMenuItemProps[];
1111
1114
  rootClassNames?: string;
1112
1115
  viewportClassNames?: string;
1116
+ triggerClassNames?: string;
1113
1117
  direction?: DirectionType;
1114
1118
  };
1115
1119
  declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & {
@@ -1118,7 +1122,7 @@ declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<Navigat
1118
1122
  declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
1119
1123
  declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1120
1124
  declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1121
- declare const NavMenuItem: React$1.FC<NavMenuItemTypes & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
1125
+ declare const StandardNavigationMenuItem: React$1.FC<StandardNavigationMenuItemProps & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
1122
1126
  declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1123
1127
  declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1124
1128
  declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
@@ -1711,6 +1715,8 @@ type ContactFormData = {
1711
1715
  };
1712
1716
  type ContactFormProps = {
1713
1717
  cardless?: boolean;
1718
+ formId?: string;
1719
+ formAutoComplete?: "on" | "off";
1714
1720
  size?: "sm" | "default";
1715
1721
  onSubmit?: (e: ContactFormData) => void;
1716
1722
  texts?: {
@@ -1891,4 +1897,4 @@ declare function useTabs(initialTab?: string): {
1891
1897
  handleTabChange: (index: any) => void;
1892
1898
  };
1893
1899
 
1894
- export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, type PricingCardProps, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
1900
+ export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, type PricingCardProps, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
package/dist/index.js CHANGED
@@ -144,7 +144,6 @@ __export(components_exports, {
144
144
  MenubarSubContent: () => MenubarSubContent,
145
145
  MenubarSubTrigger: () => MenubarSubTrigger,
146
146
  MenubarTrigger: () => MenubarTrigger,
147
- NavMenuItem: () => NavMenuItem,
148
147
  Navbar: () => Navbar,
149
148
  NavigationMenu: () => NavigationMenu,
150
149
  NavigationMenuContent: () => NavigationMenuContent,
@@ -195,6 +194,7 @@ __export(components_exports, {
195
194
  Slider: () => Slider,
196
195
  SortButton: () => SortButton,
197
196
  SplitButton: () => SplitButton,
197
+ StandardNavigationMenuItem: () => StandardNavigationMenuItem,
198
198
  Stats: () => Stats,
199
199
  StopPropagationWrapper: () => StopPropagationWrapper,
200
200
  Switch: () => Switch,
@@ -6560,6 +6560,7 @@ var Accordion = React47.forwardRef(
6560
6560
  items.map((item, index) => /* @__PURE__ */ React47.createElement(
6561
6561
  AccordionItem,
6562
6562
  {
6563
+ disabled: item.disabled || false,
6563
6564
  className: cn(itemClassNames, "hawa-rounded"),
6564
6565
  key: index,
6565
6566
  value: `item-${index}`
@@ -6567,6 +6568,7 @@ var Accordion = React47.forwardRef(
6567
6568
  /* @__PURE__ */ React47.createElement(
6568
6569
  AccordionTrigger,
6569
6570
  {
6571
+ disabled: item.disabled || false,
6570
6572
  className: cn(
6571
6573
  "hawa-transition-all",
6572
6574
  design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
@@ -6581,6 +6583,7 @@ var Accordion = React47.forwardRef(
6581
6583
  /* @__PURE__ */ React47.createElement(
6582
6584
  AccordionContent,
6583
6585
  {
6586
+ "aria-disabled": item.disabled || false,
6584
6587
  className: cn(
6585
6588
  "hawa-transition-all hawa-border",
6586
6589
  design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
@@ -6600,7 +6603,8 @@ var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, re
6600
6603
  {
6601
6604
  ref,
6602
6605
  className: cn(
6603
- "hawa-flex hawa-bg-muted/50 hawa-flex-1 hover:hawa-bg-muted hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
6606
+ "hawa-flex hawa-bg-muted/50 hawa-flex-1 hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
6607
+ props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
6604
6608
  className
6605
6609
  ),
6606
6610
  ...props
@@ -7566,7 +7570,6 @@ var NavigationMenuTrigger = React59.forwardRef(({ className, children, ...props
7566
7570
  ...props
7567
7571
  },
7568
7572
  children,
7569
- " ",
7570
7573
  /* @__PURE__ */ React59.createElement(
7571
7574
  "svg",
7572
7575
  {
@@ -7600,7 +7603,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
7600
7603
  ...props
7601
7604
  }
7602
7605
  ));
7603
- var NavMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
7606
+ var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
7604
7607
  var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
7605
7608
  "div",
7606
7609
  {
@@ -7639,6 +7642,8 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
7639
7642
  ));
7640
7643
  var NavigationMenu = ({
7641
7644
  viewportClassNames,
7645
+ rootClassNames,
7646
+ triggerClassNames,
7642
7647
  ...props
7643
7648
  }) => {
7644
7649
  return /* @__PURE__ */ React59.createElement(
@@ -7646,12 +7651,13 @@ var NavigationMenu = ({
7646
7651
  {
7647
7652
  dir: props.direction,
7648
7653
  delayDuration: 0,
7649
- className: props.rootClassNames,
7654
+ className: rootClassNames,
7650
7655
  viewportClassNames
7651
7656
  },
7652
- /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7657
+ /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7653
7658
  NavigationMenuLink,
7654
7659
  {
7660
+ href: item.path,
7655
7661
  onClick: () => {
7656
7662
  if (item.action) {
7657
7663
  item.action();
@@ -7659,7 +7665,8 @@ var NavigationMenu = ({
7659
7665
  },
7660
7666
  className: cn(
7661
7667
  navigationMenuTriggerStyle(),
7662
- "hawa-cursor-pointer hawa-select-none"
7668
+ "hawa-cursor-pointer hawa-select-none",
7669
+ triggerClassNames
7663
7670
  )
7664
7671
  },
7665
7672
  item.trigger
@@ -11094,6 +11101,8 @@ var ContactForm = ({
11094
11101
  cardless,
11095
11102
  size = "default",
11096
11103
  texts,
11104
+ formId,
11105
+ formAutoComplete,
11097
11106
  onSubmit
11098
11107
  }) => {
11099
11108
  var _a, _b, _c;
@@ -11133,7 +11142,9 @@ var ContactForm = ({
11133
11142
  console.log("Form is submitted but onSubmit prop is missing");
11134
11143
  }
11135
11144
  }),
11136
- className: "hawa-space-y-2"
11145
+ className: "hawa-space-y-2",
11146
+ id: formId,
11147
+ autoComplete: formAutoComplete
11137
11148
  },
11138
11149
  /* @__PURE__ */ import_react69.default.createElement(
11139
11150
  "div",
@@ -11910,7 +11921,6 @@ function useTabs(initialTab = "") {
11910
11921
  MenubarSubContent,
11911
11922
  MenubarSubTrigger,
11912
11923
  MenubarTrigger,
11913
- NavMenuItem,
11914
11924
  Navbar,
11915
11925
  NavigationMenu,
11916
11926
  NavigationMenuContent,
@@ -11961,6 +11971,7 @@ function useTabs(initialTab = "") {
11961
11971
  Slider,
11962
11972
  SortButton,
11963
11973
  SplitButton,
11974
+ StandardNavigationMenuItem,
11964
11975
  Stats,
11965
11976
  StopPropagationWrapper,
11966
11977
  Switch,
package/dist/index.mjs CHANGED
@@ -6333,6 +6333,7 @@ var Accordion = React47.forwardRef(
6333
6333
  items.map((item, index) => /* @__PURE__ */ React47.createElement(
6334
6334
  AccordionItem,
6335
6335
  {
6336
+ disabled: item.disabled || false,
6336
6337
  className: cn(itemClassNames, "hawa-rounded"),
6337
6338
  key: index,
6338
6339
  value: `item-${index}`
@@ -6340,6 +6341,7 @@ var Accordion = React47.forwardRef(
6340
6341
  /* @__PURE__ */ React47.createElement(
6341
6342
  AccordionTrigger,
6342
6343
  {
6344
+ disabled: item.disabled || false,
6343
6345
  className: cn(
6344
6346
  "hawa-transition-all",
6345
6347
  design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
@@ -6354,6 +6356,7 @@ var Accordion = React47.forwardRef(
6354
6356
  /* @__PURE__ */ React47.createElement(
6355
6357
  AccordionContent,
6356
6358
  {
6359
+ "aria-disabled": item.disabled || false,
6357
6360
  className: cn(
6358
6361
  "hawa-transition-all hawa-border",
6359
6362
  design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
@@ -6373,7 +6376,8 @@ var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, re
6373
6376
  {
6374
6377
  ref,
6375
6378
  className: cn(
6376
- "hawa-flex hawa-bg-muted/50 hawa-flex-1 hover:hawa-bg-muted hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
6379
+ "hawa-flex hawa-bg-muted/50 hawa-flex-1 hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
6380
+ props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
6377
6381
  className
6378
6382
  ),
6379
6383
  ...props
@@ -7339,7 +7343,6 @@ var NavigationMenuTrigger = React59.forwardRef(({ className, children, ...props
7339
7343
  ...props
7340
7344
  },
7341
7345
  children,
7342
- " ",
7343
7346
  /* @__PURE__ */ React59.createElement(
7344
7347
  "svg",
7345
7348
  {
@@ -7373,7 +7376,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
7373
7376
  ...props
7374
7377
  }
7375
7378
  ));
7376
- var NavMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
7379
+ var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
7377
7380
  var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
7378
7381
  "div",
7379
7382
  {
@@ -7412,6 +7415,8 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
7412
7415
  ));
7413
7416
  var NavigationMenu = ({
7414
7417
  viewportClassNames,
7418
+ rootClassNames,
7419
+ triggerClassNames,
7415
7420
  ...props
7416
7421
  }) => {
7417
7422
  return /* @__PURE__ */ React59.createElement(
@@ -7419,12 +7424,13 @@ var NavigationMenu = ({
7419
7424
  {
7420
7425
  dir: props.direction,
7421
7426
  delayDuration: 0,
7422
- className: props.rootClassNames,
7427
+ className: rootClassNames,
7423
7428
  viewportClassNames
7424
7429
  },
7425
- /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7430
+ /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7426
7431
  NavigationMenuLink,
7427
7432
  {
7433
+ href: item.path,
7428
7434
  onClick: () => {
7429
7435
  if (item.action) {
7430
7436
  item.action();
@@ -7432,7 +7438,8 @@ var NavigationMenu = ({
7432
7438
  },
7433
7439
  className: cn(
7434
7440
  navigationMenuTriggerStyle(),
7435
- "hawa-cursor-pointer hawa-select-none"
7441
+ "hawa-cursor-pointer hawa-select-none",
7442
+ triggerClassNames
7436
7443
  )
7437
7444
  },
7438
7445
  item.trigger
@@ -10869,6 +10876,8 @@ var ContactForm = ({
10869
10876
  cardless,
10870
10877
  size = "default",
10871
10878
  texts,
10879
+ formId,
10880
+ formAutoComplete,
10872
10881
  onSubmit
10873
10882
  }) => {
10874
10883
  var _a, _b, _c;
@@ -10908,7 +10917,9 @@ var ContactForm = ({
10908
10917
  console.log("Form is submitted but onSubmit prop is missing");
10909
10918
  }
10910
10919
  }),
10911
- className: "hawa-space-y-2"
10920
+ className: "hawa-space-y-2",
10921
+ id: formId,
10922
+ autoComplete: formAutoComplete
10912
10923
  },
10913
10924
  /* @__PURE__ */ React95.createElement(
10914
10925
  "div",
@@ -11684,7 +11695,6 @@ export {
11684
11695
  MenubarSubContent,
11685
11696
  MenubarSubTrigger,
11686
11697
  MenubarTrigger,
11687
- NavMenuItem,
11688
11698
  Navbar,
11689
11699
  NavigationMenu,
11690
11700
  NavigationMenuContent,
@@ -11735,6 +11745,7 @@ export {
11735
11745
  Slider,
11736
11746
  SortButton,
11737
11747
  SplitButton,
11748
+ StandardNavigationMenuItem,
11738
11749
  Stats,
11739
11750
  StopPropagationWrapper,
11740
11751
  Switch,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.20.3-next",
3
+ "version": "0.20.5-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",