@sikka/hawa 0.11.11-next → 0.11.12-next

package/dist/index.css

@@ -1139,6 +1139,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[44px\] {
   height: 44px;
 }
+.hawa-h-\[calc\(100dvh\)\] {
+  height: calc(100dvh);
+}
 .hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
@@ -1222,6 +1225,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-32 {
   width: 8rem;
 }
+.hawa-w-36 {
+  width: 9rem;
+}
 .hawa-w-4 {
   width: 1rem;
 }
@@ -1374,6 +1380,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-caption-bottom {
   caption-side: bottom;
 }
+.hawa-border-collapse {
+  border-collapse: collapse;
+}
 .hawa-origin-bottom {
   transform-origin: bottom;
 }
@@ -1766,6 +1775,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-l-0 {
   border-left-width: 0px;
 }
+.hawa-border-l-2 {
+  border-left-width: 2px;
+}
 .hawa-border-r {
   border-right-width: 1px;
 }
@@ -1811,6 +1823,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-primary {
   border-color: hsl(var(--primary));
 }
+.hawa-border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
 .hawa-border-transparent {
   border-color: transparent;
 }

package/dist/index.d.mts

@@ -63,7 +63,7 @@ declare const PricingCard: FC<PricingCardTypes>;
 
 type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
 type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
-type SubItem$2 = {
+type SubItem$3 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -81,7 +81,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$3[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -771,14 +771,14 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$1 = {
+type Item$2 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem$2[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem$2 = {
     value: string;
     label: string;
     icon?: any;
@@ -786,7 +786,7 @@ type SubItem$1 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$1[];
+    items: Item$2[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -797,7 +797,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: Item$1;
+    item: Item$2;
     selectedItem?: any;
     direction?: "rtl" | "ltr";
     onItemClick?: (value: string[]) => void;
@@ -805,10 +805,10 @@ declare const SidebarItem: React$1.FC<{
     isOpen?: boolean;
 }>;
 
-type AppLayoutTypes = {
+type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
-    drawerItems: Item[];
+    drawerItems: Item$1[];
     /** The direction of the layout */
     direction?: "rtl" | "ltr";
     /** The title of the current selected page, make sure it's the same as the drawerItem slug */
@@ -869,20 +869,20 @@ type AppLayoutTypes = {
         collapseSidebar?: string;
     };
 };
-type Item = {
+type Item$1 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem[];
+    subitems?: SubItem$1[];
     onClick?: () => void;
 };
-type SubItem = {
+type SubItem$1 = {
     value: string;
     label: string;
     icon?: any;
     onClick?: () => void;
 };
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
+declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
 
 type CopyRightsTypes = {
     /** A text used as the version of the app, for example: v1.0.0 */
@@ -905,6 +905,90 @@ type NavbarType = {
 };
 declare const Navbar: React__default.FC<NavbarType>;
 
+type AppLayoutTypes = {
+    design?: "default" | "bubbles" | "floating";
+    /** The pages of the side drawer */
+    drawerItems: Item[];
+    /** The direction of the layout */
+    direction?: "rtl" | "ltr";
+    /** The title of the current selected page, make sure it's the same as the drawerItem slug */
+    currentPage: string;
+    /** Specifies the title of the page. */
+    pageTitle?: string;
+    /** Specifies the symbol for the logo. */
+    logoSymbol?: any;
+    /** Specifies the link for the logo. */
+    logoLink?: string;
+    /** Specifies the text for the logo. */
+    logoText?: any;
+    /** Specifies the content to be displayed in the layout. */
+    children?: any;
+    /** Specifies whether to display the top bar. */
+    topBar?: boolean;
+    /** Specifies the username to be displayed. */
+    username?: string;
+    /** Specifies the user email to be displayed. */
+    email?: string;
+    /** Specifies the image for the avatar. */
+    avatarImage?: any;
+    /**
+     * Specifies the size of the drawer.
+     * - 'sm': Small.
+     * - 'md': Medium.
+     * - 'large': Large.
+     */
+    drawerSize?: "sm" | "md" | "large";
+    /** Specifies the menu items for the profile menu. */
+    profileMenuItems?: MenuItemType[];
+    /**
+     * Specifies the width of the profile menu.
+     * - 'default': Default width.
+     * - 'sm': Small width.
+     * - 'lg': Large width.
+     * - 'parent': Inherits width from parent element.
+     */
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    /** Event handler for settings button click. */
+    onSettingsClick?: () => void;
+    /** Event handler for drawer expansion. */
+    onDrawerExpand?: (e: any) => void;
+    /** Specifies whether to keep the drawer open. */
+    keepOpen: boolean;
+    setKeepOpen: (value: boolean) => void;
+    /** Specifies additional actions for the drawer footer. */
+    DrawerFooterActions?: any;
+    /** Specifies the item that was clicked. */
+    clickedItem?: any;
+    /** Event handler for logo button click. */
+    onLogoClick?: () => void;
+    /** Text labels for various UI elements. */
+    texts?: {
+        /** Label for expand sidebar button. */
+        expandSidebar?: string;
+        /** Label for collapse sidebar button. */
+        collapseSidebar?: string;
+    };
+};
+type Item = {
+    value: string;
+    label: string;
+    icon?: any;
+    subitems?: SubItem[];
+    onClick?: () => void;
+};
+type SubItem = {
+    value: string;
+    label: string;
+    icon?: any;
+    onClick?: () => void;
+};
+declare const DocsLayout: React__default.FunctionComponent<AppLayoutTypes>;
+
+type DocsSidebarType = {
+    test?: any;
+};
+declare const DocsSidebar: React__default.FC<DocsSidebarType>;
+
 type ThirdPartyAuthTextsTypes = {
     continueWithGoogle?: string;
     continueWithTwitter?: string;
@@ -1527,4 +1611,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, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, 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, 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, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$3 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, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -63,7 +63,7 @@ declare const PricingCard: FC<PricingCardTypes>;
 
 type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
 type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
-type SubItem$2 = {
+type SubItem$3 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -81,7 +81,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$3[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -771,14 +771,14 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$1 = {
+type Item$2 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem$2[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem$2 = {
     value: string;
     label: string;
     icon?: any;
@@ -786,7 +786,7 @@ type SubItem$1 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$1[];
+    items: Item$2[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -797,7 +797,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: Item$1;
+    item: Item$2;
     selectedItem?: any;
     direction?: "rtl" | "ltr";
     onItemClick?: (value: string[]) => void;
@@ -805,10 +805,10 @@ declare const SidebarItem: React$1.FC<{
     isOpen?: boolean;
 }>;
 
-type AppLayoutTypes = {
+type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
-    drawerItems: Item[];
+    drawerItems: Item$1[];
     /** The direction of the layout */
     direction?: "rtl" | "ltr";
     /** The title of the current selected page, make sure it's the same as the drawerItem slug */
@@ -869,20 +869,20 @@ type AppLayoutTypes = {
         collapseSidebar?: string;
     };
 };
-type Item = {
+type Item$1 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem[];
+    subitems?: SubItem$1[];
     onClick?: () => void;
 };
-type SubItem = {
+type SubItem$1 = {
     value: string;
     label: string;
     icon?: any;
     onClick?: () => void;
 };
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
+declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
 
 type CopyRightsTypes = {
     /** A text used as the version of the app, for example: v1.0.0 */
@@ -905,6 +905,90 @@ type NavbarType = {
 };
 declare const Navbar: React__default.FC<NavbarType>;
 
+type AppLayoutTypes = {
+    design?: "default" | "bubbles" | "floating";
+    /** The pages of the side drawer */
+    drawerItems: Item[];
+    /** The direction of the layout */
+    direction?: "rtl" | "ltr";
+    /** The title of the current selected page, make sure it's the same as the drawerItem slug */
+    currentPage: string;
+    /** Specifies the title of the page. */
+    pageTitle?: string;
+    /** Specifies the symbol for the logo. */
+    logoSymbol?: any;
+    /** Specifies the link for the logo. */
+    logoLink?: string;
+    /** Specifies the text for the logo. */
+    logoText?: any;
+    /** Specifies the content to be displayed in the layout. */
+    children?: any;
+    /** Specifies whether to display the top bar. */
+    topBar?: boolean;
+    /** Specifies the username to be displayed. */
+    username?: string;
+    /** Specifies the user email to be displayed. */
+    email?: string;
+    /** Specifies the image for the avatar. */
+    avatarImage?: any;
+    /**
+     * Specifies the size of the drawer.
+     * - 'sm': Small.
+     * - 'md': Medium.
+     * - 'large': Large.
+     */
+    drawerSize?: "sm" | "md" | "large";
+    /** Specifies the menu items for the profile menu. */
+    profileMenuItems?: MenuItemType[];
+    /**
+     * Specifies the width of the profile menu.
+     * - 'default': Default width.
+     * - 'sm': Small width.
+     * - 'lg': Large width.
+     * - 'parent': Inherits width from parent element.
+     */
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    /** Event handler for settings button click. */
+    onSettingsClick?: () => void;
+    /** Event handler for drawer expansion. */
+    onDrawerExpand?: (e: any) => void;
+    /** Specifies whether to keep the drawer open. */
+    keepOpen: boolean;
+    setKeepOpen: (value: boolean) => void;
+    /** Specifies additional actions for the drawer footer. */
+    DrawerFooterActions?: any;
+    /** Specifies the item that was clicked. */
+    clickedItem?: any;
+    /** Event handler for logo button click. */
+    onLogoClick?: () => void;
+    /** Text labels for various UI elements. */
+    texts?: {
+        /** Label for expand sidebar button. */
+        expandSidebar?: string;
+        /** Label for collapse sidebar button. */
+        collapseSidebar?: string;
+    };
+};
+type Item = {
+    value: string;
+    label: string;
+    icon?: any;
+    subitems?: SubItem[];
+    onClick?: () => void;
+};
+type SubItem = {
+    value: string;
+    label: string;
+    icon?: any;
+    onClick?: () => void;
+};
+declare const DocsLayout: React__default.FunctionComponent<AppLayoutTypes>;
+
+type DocsSidebarType = {
+    test?: any;
+};
+declare const DocsSidebar: React__default.FC<DocsSidebarType>;
+
 type ThirdPartyAuthTextsTypes = {
     continueWithGoogle?: string;
     continueWithTwitter?: string;
@@ -1527,4 +1611,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, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, 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, 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, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$3 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, useMediaQuery, useTabs, useToast, useWindowSize };