@sikka/hawa 0.11.12-next → 0.11.13-next

package/dist/index.css

@@ -1139,9 +1139,6 @@ 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);
 }

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$3 = {
+type SubItem$2 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -81,7 +81,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$3[];
+    subitems?: SubItem$2[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -771,14 +771,14 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$2 = {
+type Item$1 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$1[];
     onClick?: () => void;
 };
-type SubItem$2 = {
+type SubItem$1 = {
     value: string;
     label: string;
     icon?: any;
@@ -786,7 +786,7 @@ type SubItem$2 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$2[];
+    items: Item$1[];
     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$2;
+    item: Item$1;
     selectedItem?: any;
     direction?: "rtl" | "ltr";
     onItemClick?: (value: string[]) => void;
@@ -808,7 +808,7 @@ declare const SidebarItem: React$1.FC<{
 type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
-    drawerItems: Item$1[];
+    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 */
@@ -869,14 +869,14 @@ type AppLayoutTypes$1 = {
         collapseSidebar?: string;
     };
 };
-type Item$1 = {
+type Item = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem = {
     value: string;
     label: string;
     icon?: any;
@@ -906,9 +906,6 @@ 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 */
@@ -923,8 +920,6 @@ type AppLayoutTypes = {
     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. */
@@ -939,7 +934,6 @@ type AppLayoutTypes = {
      */
     drawerSize?: "sm" | "md" | "large";
     /** Specifies the menu items for the profile menu. */
-    profileMenuItems?: MenuItemType[];
     /**
      * Specifies the width of the profile menu.
      * - 'default': Default width.
@@ -969,19 +963,6 @@ type AppLayoutTypes = {
         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 = {
@@ -1611,4 +1592,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, 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 };
+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$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 };

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$3 = {
+type SubItem$2 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -81,7 +81,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$3[];
+    subitems?: SubItem$2[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -771,14 +771,14 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$2 = {
+type Item$1 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$1[];
     onClick?: () => void;
 };
-type SubItem$2 = {
+type SubItem$1 = {
     value: string;
     label: string;
     icon?: any;
@@ -786,7 +786,7 @@ type SubItem$2 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$2[];
+    items: Item$1[];
     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$2;
+    item: Item$1;
     selectedItem?: any;
     direction?: "rtl" | "ltr";
     onItemClick?: (value: string[]) => void;
@@ -808,7 +808,7 @@ declare const SidebarItem: React$1.FC<{
 type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
-    drawerItems: Item$1[];
+    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 */
@@ -869,14 +869,14 @@ type AppLayoutTypes$1 = {
         collapseSidebar?: string;
     };
 };
-type Item$1 = {
+type Item = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem = {
     value: string;
     label: string;
     icon?: any;
@@ -906,9 +906,6 @@ 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 */
@@ -923,8 +920,6 @@ type AppLayoutTypes = {
     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. */
@@ -939,7 +934,6 @@ type AppLayoutTypes = {
      */
     drawerSize?: "sm" | "md" | "large";
     /** Specifies the menu items for the profile menu. */
-    profileMenuItems?: MenuItemType[];
     /**
      * Specifies the width of the profile menu.
      * - 'default': Default width.
@@ -969,19 +963,6 @@ type AppLayoutTypes = {
         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 = {
@@ -1611,4 +1592,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, 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 };
+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$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 };

package/dist/index.js

@@ -6678,39 +6678,9 @@ var Navbar = function(props) {
     }, "Contact"))));
 };
 // components/layout/DocsLayout.tsx
-var import_react36 = __toESM(require("react"));
-// components/layout/DocsSidebar.tsx
 var import_react35 = __toESM(require("react"));
-var DocsSidebar = function(_param) {
-    var test = _param.test, props = _object_without_properties(_param, [
-        "test"
-    ]);
-    var pages = [
-        "Introduction",
-        "Installation",
-        "Usage",
-        "API Reference",
-        "FAQ"
-    ];
-    var _import_react35_default_useState = _sliced_to_array(import_react35.default.useState(pages[0]), 2), currentPage = _import_react35_default_useState[0], setCurrentPage = _import_react35_default_useState[1];
-    var handlePageClick = function(page) {
-        setCurrentPage(page);
-    };
-    return /* @__PURE__ */ import_react35.default.createElement("div", {
-        className: "hawa-flex hawa-flex-col"
-    }, pages.map(function(page, index) {
-        return /* @__PURE__ */ import_react35.default.createElement("a", {
-            key: index,
-            className: cn("hawa-py-1 hawa-text-xs hawa-cursor-pointer hawa-px-3 hover:hawa-bg-gray-100 hawa-transition-all", currentPage === page ? "hawa-border-l-2 hawa-border-red-500 hawa-border-collapse" : ""),
-            onClick: function() {
-                return handlePageClick(page);
-            }
-        }, page);
-    }));
-};
-// components/layout/DocsLayout.tsx
 var DocsLayout = function(_param) {
-    var _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, currentPage = _param.currentPage, clickedItem = _param.clickedItem, keepOpen = _param.keepOpen, setKeepOpen = _param.setKeepOpen, _param_design = _param.design, design = _param_design === void 0 ? "default" : _param_design, props = _object_without_properties(_param, [
+    var _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, currentPage = _param.currentPage, clickedItem = _param.clickedItem, keepOpen = _param.keepOpen, setKeepOpen = _param.setKeepOpen, props = _object_without_properties(_param, [
         "direction",
         "drawerSize",
         "onSettingsClick",
@@ -6718,8 +6688,7 @@ var DocsLayout = function(_param) {
         "currentPage",
         "clickedItem",
         "keepOpen",
-        "setKeepOpen",
-        "design"
+        "setKeepOpen"
     ]);
     var closeDrawerWidth = 56;
     var openDrawerWidth = 200;
@@ -6735,15 +6704,15 @@ var DocsLayout = function(_param) {
             lg: closeDrawerWidth
         }
     };
-    var ref = (0, import_react36.useRef)(null);
+    var ref = (0, import_react35.useRef)(null);
     var isRTL = direction === "rtl";
     var size = useBreakpoint();
     if (typeof window == "undefined") {
         size = 1200;
     }
-    var _ref = _sliced_to_array((0, import_react36.useState)(size > 600 ? keepOpen : false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
+    var _ref = _sliced_to_array((0, import_react35.useState)(size > 600 ? keepOpen : false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    (0, import_react36.useEffect)(function() {
+    (0, import_react35.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -6756,33 +6725,26 @@ var DocsLayout = function(_param) {
     }, [
         keepOpen
     ]);
-    return /* @__PURE__ */ import_react36.default.createElement("div", {
+    return /* @__PURE__ */ import_react35.default.createElement("div", {
         className: "hawa-fixed"
-    }, props.topBar && /* @__PURE__ */ import_react36.default.createElement("div", {
+    }, /* @__PURE__ */ import_react35.default.createElement("div", {
         className: cn("hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-30 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: cn("dark:hawa-text-white", isRTL ? [
-            size > 600 ? "hawa-mr-14" : "hawa-mr-2",
-            keepOpen ? "hawa-mr-40" : ""
-        ] : [
-            size > 600 ? "hawa-ml-14" : "hawa-ml-2",
-            keepOpen ? "hawa-ml-40" : ""
-        ]),
-        style: isRTL ? {
-            marginRight: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        } : {
-            marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
-        }
-    }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react36.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react35.default.createElement("div", {
+        onClick: props.onLogoClick,
+        dir: direction
+    }, /* @__PURE__ */ import_react35.default.createElement("img", {
+        className: cn("hawa-h-9  hawa-opacity-0 hawa-transition-all", !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
+        src: props.logoLink
+    })) : // Mobile Drawer Menu Button
+    /* @__PURE__ */ import_react35.default.createElement("div", {
         dir: direction,
         className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
-    }, /* @__PURE__ */ import_react36.default.createElement("div", {
+    }, /* @__PURE__ */ import_react35.default.createElement("div", {
         onClick: function() {
             return setOpenSideMenu(true);
         },
         className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
-    }, /* @__PURE__ */ import_react36.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react35.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: 0,
@@ -6790,98 +6752,61 @@ var DocsLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react36.default.createElement("path", {
+    }, /* @__PURE__ */ import_react35.default.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: "hawa-text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react36.default.createElement("div", null)), /* @__PURE__ */ import_react36.default.createElement("div", {
+    })))), /* @__PURE__ */ import_react35.default.createElement("div", {
         className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
-    }, /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: "hawa-font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react36.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react36.default.createElement(DropdownMenu, {
-        triggerClassname: "hawa-mx-2",
-        align: "end",
-        alignOffset: 8,
-        side: "bottom",
-        sideOffset: 5,
-        width: props.profileMenuWidth,
-        direction: isRTL ? "rtl" : "ltr",
-        items: props.profileMenuItems,
-        onItemSelect: function(e) {
-            return console.log("selecting item ", e);
-        },
-        trigger: /* @__PURE__ */ import_react36.default.createElement("div", {
-            className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600"
-        }, props.avatarImage ? /* @__PURE__ */ import_react36.default.createElement("img", {
-            src: props.avatarImage,
-            alt: "User Avatar"
-        }) : /* @__PURE__ */ import_react36.default.createElement("svg", {
-            "aria-label": "Avatar Icon",
-            className: "hawa-absolute hawa--left-1 hawa-h-10 hawa-w-10 hawa-text-gray-400",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-        }, /* @__PURE__ */ import_react36.default.createElement("path", {
-            fillRule: "evenodd",
-            d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
-            clipRule: "evenodd"
-        })))
-    }))), /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: cn("hawa-fixed hawa-z-40 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", design === "floating" ? isRTL ? "hawa-right-5 hawa-top-5" : "hawa-bottom-5 hawa-left-5 hawa-top-5" : isRTL ? "hawa-right-0 hawa-top-0 hawa-h-full" : "hawa-left-0 hawa-top-0 hawa-h-full"),
-        style: {
-            width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
-        },
-        onMouseEnter: function() {
-            setOpenSideMenu(true);
-        },
-        onMouseLeave: function() {
-            if (keepOpen) {
-                setOpenSideMenu(true);
-            } else {
-                setOpenSideMenu(false);
-            }
-        },
-        ref: ref
-    }, /* @__PURE__ */ import_react36.default.createElement("div", {
-        onClick: props.onLogoClick,
-        dir: direction,
-        className: cn("hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all", props.onLogoClick && "hawa-cursor-pointer"),
-        style: {
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, /* @__PURE__ */ import_react36.default.createElement("img", {
-        className: cn("hawa-h-9  hawa-opacity-0 hawa-transition-all", !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
-        src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react36.default.createElement("img", {
-        className: cn("hawa-fixed  hawa-h-9  hawa-transition-all", // isRTL ? "right-2.5" : "left-2.5",
-        design === "floating" ? isRTL ? "hawa-right-7.5 hawa-top-7" : "hawa-left-7.5 hawa-top-7" : isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5", openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
-        src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: cn("hawa-fixed hawa-bottom-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all", design === "floating" ? "hawa-top-[76px]" : "hawa-top-14", openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"),
-        style: {
-            height: design === "floating" ? "calc(100% - 152px)" : "calc(100% - 112px)",
-            width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
-        }
-    }, /* @__PURE__ */ import_react36.default.createElement(DocsSidebar, null))), /* @__PURE__ */ import_react36.default.createElement("div", {
-        className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all  hawa-top-0 hawa-h-[calc(100dvh)]",
-        style: design === "floating" ? isRTL ? {
-            width: "calc(100% - ".concat(drawerSizeCondition + 20, "px)"),
-            left: "0px"
-        } : {
-            width: "calc(100% - ".concat(drawerSizeCondition + 20, "px)"),
-            left: "".concat(drawerSizeCondition + 20, "px")
-        } : isRTL ? {
+    }, /* @__PURE__ */ import_react35.default.createElement(Button, {
+        variant: "ghost",
+        size: "smallIcon"
+    }, /* @__PURE__ */ import_react35.default.createElement(Logos.github, {
+        className: "hawa-w-4 hawa-h-4"
+    })))), /* @__PURE__ */ import_react35.default.createElement("div", {
+        className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
+        style: isRTL ? {
+            height: "calc(100% - 56px)",
             width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "0px"
+            left: "0px",
+            top: "56px"
         } : {
+            height: "calc(100% - 56px)",
             width: "calc(100% - ".concat(drawerSizeCondition, "px)"),
-            left: "".concat(drawerSizeCondition, "px")
+            left: "".concat(drawerSizeCondition, "px"),
+            top: "56px"
         }
     }, props.children));
 };
+// components/layout/DocsSidebar.tsx
+var import_react36 = __toESM(require("react"));
+var DocsSidebar = function(_param) {
+    var test = _param.test, props = _object_without_properties(_param, [
+        "test"
+    ]);
+    var pages = [
+        "Introduction",
+        "Installation",
+        "Usage",
+        "API Reference",
+        "FAQ"
+    ];
+    var _import_react36_default_useState = _sliced_to_array(import_react36.default.useState(pages[0]), 2), currentPage = _import_react36_default_useState[0], setCurrentPage = _import_react36_default_useState[1];
+    var handlePageClick = function(page) {
+        setCurrentPage(page);
+    };
+    return /* @__PURE__ */ import_react36.default.createElement("div", {
+        className: "hawa-flex hawa-flex-col"
+    }, pages.map(function(page, index) {
+        return /* @__PURE__ */ import_react36.default.createElement("a", {
+            key: index,
+            className: cn("hawa-py-1 hawa-text-xs hawa-cursor-pointer hawa-px-3 hover:hawa-bg-gray-100 hawa-transition-all", currentPage === page ? "hawa-border-l-2 hawa-border-red-500 hawa-border-collapse" : ""),
+            onClick: function() {
+                return handlePageClick(page);
+            }
+        }, page);
+    }));
+};
 // components/blocks/auth/LoginForm.tsx
 var import_react38 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");

package/dist/index.mjs

@@ -6576,37 +6576,7 @@ var Navbar = (props) => {
 };
 
 // components/layout/DocsLayout.tsx
-import React59, { useEffect as useEffect15, useRef as useRef9, useState as useState23 } from "react";
-
-// components/layout/DocsSidebar.tsx
-import React58 from "react";
-var DocsSidebar = ({ test, ...props }) => {
-  const pages = [
-    "Introduction",
-    "Installation",
-    "Usage",
-    "API Reference",
-    "FAQ"
-  ];
-  const [currentPage, setCurrentPage] = React58.useState(pages[0]);
-  const handlePageClick = (page) => {
-    setCurrentPage(page);
-  };
-  return /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex hawa-flex-col" }, pages.map((page, index) => /* @__PURE__ */ React58.createElement(
-    "a",
-    {
-      key: index,
-      className: cn(
-        "hawa-py-1 hawa-text-xs hawa-cursor-pointer hawa-px-3 hover:hawa-bg-gray-100 hawa-transition-all",
-        currentPage === page ? "hawa-border-l-2 hawa-border-red-500 hawa-border-collapse" : ""
-      ),
-      onClick: () => handlePageClick(page)
-    },
-    page
-  )));
-};
-
-// components/layout/DocsLayout.tsx
+import React58, { useEffect as useEffect15, useRef as useRef9, useState as useState23 } from "react";
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",
@@ -6616,7 +6586,6 @@ var DocsLayout = ({
   clickedItem,
   keepOpen,
   setKeepOpen,
-  design = "default",
   ...props
 }) => {
   let closeDrawerWidth = 56;
@@ -6654,7 +6623,7 @@ var DocsLayout = ({
       document.removeEventListener("click", handleClickOutside, true);
     };
   }, [keepOpen]);
-  return /* @__PURE__ */ React59.createElement("div", { className: "hawa-fixed" }, props.topBar && /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React58.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ React58.createElement(
     "div",
     {
       className: cn(
@@ -6662,41 +6631,30 @@ var DocsLayout = ({
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ React59.createElement(
-      "div",
+    size > 600 ? /* @__PURE__ */ React58.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ React58.createElement(
+      "img",
       {
         className: cn(
-          "dark:hawa-text-white",
-          isRTL ? [
-            size > 600 ? "hawa-mr-14" : "hawa-mr-2",
-            keepOpen ? "hawa-mr-40" : ""
-          ] : [
-            size > 600 ? "hawa-ml-14" : "hawa-ml-2",
-            keepOpen ? "hawa-ml-40" : ""
-          ]
+          "hawa-h-9  hawa-opacity-0 hawa-transition-all",
+          !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
         ),
-        style: isRTL ? {
-          marginRight: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
-        } : {
-          marginLeft: `${drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize]}px`
-        }
-      },
-      props.pageTitle
-    ) : (
+        src: props.logoLink
+      }
+    )) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ React59.createElement(
+      /* @__PURE__ */ React58.createElement(
         "div",
         {
           dir: direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ React59.createElement(
+        /* @__PURE__ */ React58.createElement(
           "div",
           {
             onClick: () => setOpenSideMenu(true),
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ React59.createElement(
+          /* @__PURE__ */ React58.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -6707,7 +6665,7 @@ var DocsLayout = ({
               height: "1.6em",
               width: "1.6em"
             },
-            /* @__PURE__ */ React59.createElement(
+            /* @__PURE__ */ React58.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -6716,11 +6674,10 @@ var DocsLayout = ({
               }
             )
           )
-        ),
-        props.pageTitle ? /* @__PURE__ */ React59.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ React59.createElement("div", null)
+        )
       )
     ),
-    /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React58.createElement(
       "div",
       {
         className: cn(
@@ -6728,142 +6685,56 @@ var DocsLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      size > 600 ? /* @__PURE__ */ React59.createElement(
-        "div",
-        {
-          className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
-        },
-        /* @__PURE__ */ React59.createElement("div", { className: "hawa-font-bold" }, props.username),
-        " ",
-        /* @__PURE__ */ React59.createElement("div", null, props.email)
-      ) : null,
-      /* @__PURE__ */ React59.createElement(
-        DropdownMenu,
-        {
-          triggerClassname: "hawa-mx-2",
-          align: "end",
-          alignOffset: 8,
-          side: "bottom",
-          sideOffset: 5,
-          width: props.profileMenuWidth,
-          direction: isRTL ? "rtl" : "ltr",
-          items: props.profileMenuItems,
-          onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ React59.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React59.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React59.createElement(
-            "svg",
-            {
-              "aria-label": "Avatar Icon",
-              className: "hawa-absolute hawa--left-1 hawa-h-10 hawa-w-10 hawa-text-gray-400",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ React59.createElement(
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
-                clipRule: "evenodd"
-              }
-            )
-          ))
-        }
-      )
+      /* @__PURE__ */ React58.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React58.createElement(Logos.github, { className: "hawa-w-4 hawa-h-4" }))
     )
-  ), /* @__PURE__ */ React59.createElement(
+  ), /* @__PURE__ */ React58.createElement(
     "div",
     {
-      className: cn(
-        "hawa-fixed hawa-z-40 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
-        design === "floating" ? isRTL ? "hawa-right-5 hawa-top-5" : "hawa-bottom-5 hawa-left-5 hawa-top-5" : isRTL ? "hawa-right-0 hawa-top-0 hawa-h-full" : "hawa-left-0 hawa-top-0 hawa-h-full"
-      ),
-      style: {
-        width: size > 600 ? openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : `${drawerSizeStyle["closed"][drawerSize]}px` : openSideMenu ? `${drawerSizeStyle["opened"][drawerSize]}px` : "0px"
-      },
-      onMouseEnter: () => {
-        setOpenSideMenu(true);
-      },
-      onMouseLeave: () => {
-        if (keepOpen) {
-          setOpenSideMenu(true);
-        } else {
-          setOpenSideMenu(false);
-        }
-      },
-      ref
-    },
-    /* @__PURE__ */ React59.createElement(
-      "div",
-      {
-        onClick: props.onLogoClick,
-        dir: direction,
-        className: cn(
-          "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
-          props.onLogoClick && "hawa-cursor-pointer"
-        ),
-        style: {
-          width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
-        }
-      },
-      /* @__PURE__ */ React59.createElement(
-        "img",
-        {
-          className: cn(
-            "hawa-h-9  hawa-opacity-0 hawa-transition-all",
-            !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
-          ),
-          src: props.logoLink
-        }
-      ),
-      size > 600 ? /* @__PURE__ */ React59.createElement(
-        "img",
-        {
-          className: cn(
-            "hawa-fixed  hawa-h-9  hawa-transition-all",
-            // isRTL ? "right-2.5" : "left-2.5",
-            design === "floating" ? isRTL ? "hawa-right-7.5 hawa-top-7" : "hawa-left-7.5 hawa-top-7" : isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5",
-            openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
-          ),
-          src: props.logoSymbol
-        }
-      ) : null
-    ),
-    /* @__PURE__ */ React59.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-fixed hawa-bottom-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all",
-          design === "floating" ? "hawa-top-[76px]" : "hawa-top-14",
-          openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"
-        ),
-        style: {
-          height: design === "floating" ? "calc(100% - 152px)" : "calc(100% - 112px)",
-          width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
-        }
-      },
-      /* @__PURE__ */ React59.createElement(DocsSidebar, null)
-    )
-  ), /* @__PURE__ */ React59.createElement(
-    "div",
-    {
-      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all  hawa-top-0 hawa-h-[calc(100dvh)]",
-      style: design === "floating" ? isRTL ? {
-        width: `calc(100% - ${drawerSizeCondition + 20}px)`,
-        left: "0px"
-      } : {
-        width: `calc(100% - ${drawerSizeCondition + 20}px)`,
-        left: `${drawerSizeCondition + 20}px`
-      } : isRTL ? {
+      className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
+      style: isRTL ? {
+        height: `calc(100% - 56px)`,
         width: `calc(100% - ${drawerSizeCondition}px)`,
-        left: "0px"
+        left: "0px",
+        top: "56px"
       } : {
+        height: `calc(100% - 56px)`,
         width: `calc(100% - ${drawerSizeCondition}px)`,
-        left: `${drawerSizeCondition}px`
+        left: `${drawerSizeCondition}px`,
+        top: "56px"
       }
     },
     props.children
   ));
 };
 
+// components/layout/DocsSidebar.tsx
+import React59 from "react";
+var DocsSidebar = ({ test, ...props }) => {
+  const pages = [
+    "Introduction",
+    "Installation",
+    "Usage",
+    "API Reference",
+    "FAQ"
+  ];
+  const [currentPage, setCurrentPage] = React59.useState(pages[0]);
+  const handlePageClick = (page) => {
+    setCurrentPage(page);
+  };
+  return /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, pages.map((page, index) => /* @__PURE__ */ React59.createElement(
+    "a",
+    {
+      key: index,
+      className: cn(
+        "hawa-py-1 hawa-text-xs hawa-cursor-pointer hawa-px-3 hover:hawa-bg-gray-100 hawa-transition-all",
+        currentPage === page ? "hawa-border-l-2 hawa-border-red-500 hawa-border-collapse" : ""
+      ),
+      onClick: () => handlePageClick(page)
+    },
+    page
+  )));
+};
+
 // components/blocks/auth/LoginForm.tsx
 import React61 from "react";
 import { Controller, useForm } from "react-hook-form";

package/package.json

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