@sikka/hawa 0.14.1-next → 0.14.3-next

package/dist/index.css

@@ -1932,10 +1932,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-.hawa-bg-gray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-}
 .hawa-bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@@ -1996,6 +1992,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-primary\/50 {
   background-color: hsl(var(--primary) / 0.5);
 }
+.hawa-bg-primary\/80 {
+  background-color: hsl(var(--primary) / 0.8);
+}
 .hawa-bg-primary\/90 {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -2870,6 +2869,9 @@ body {
   border-top-right-radius: var(--radius);
   border-bottom-right-radius: var(--radius);
 }
+.hover\:hawa-cursor-pointer:hover {
+  cursor: pointer;
+}
 .hover\:hawa-bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -2906,6 +2908,9 @@ body {
 .hover\:hawa-bg-primary\/40:hover {
   background-color: hsl(var(--primary) / 0.4);
 }
+.hover\:hawa-bg-primary\/80:hover {
+  background-color: hsl(var(--primary) / 0.8);
+}
 .hover\:hawa-bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }

package/dist/index.d.mts

@@ -70,7 +70,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$1 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -88,7 +88,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$1[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -864,7 +864,7 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$1 = {
+type AppLayoutSidebarItemProps = {
     value: string;
     label: string;
     badge?: {
@@ -872,10 +872,10 @@ type Item$1 = {
         color: ChipColors;
     };
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem = {
     value: string;
     label: string;
     icon?: any;
@@ -883,7 +883,7 @@ type SubItem$1 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$1[];
+    items: AppLayoutSidebarItemProps[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -894,7 +894,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: Item$1;
+    item: AppLayoutSidebarItemProps;
     selectedItem?: any;
     direction?: DirectionType;
     onItemClick?: (value: string[]) => void;
@@ -931,9 +931,10 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes$1 = {
+    header: React__default.ReactNode;
     design?: "default";
     /** The pages of the side drawer */
-    drawerItems: Item[];
+    drawerItems: AppLayoutSidebarItemProps[];
     /** The direction of the layout */
     direction?: DirectionType;
     /** The title of the current selected page, make sure it's the same as the drawerItem slug */
@@ -973,8 +974,6 @@ type AppLayoutTypes$1 = {
      * - '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. */
@@ -994,19 +993,6 @@ type AppLayoutTypes$1 = {
         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 AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
 
 type AppTopbarType = {
@@ -1691,4 +1677,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, 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, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$2 as SubItem, Switch, 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, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppLayoutSidebarItemProps, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, 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, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$1 as SubItem, Switch, 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

@@ -70,7 +70,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$1 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -88,7 +88,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$1[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -864,7 +864,7 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$1 = {
+type AppLayoutSidebarItemProps = {
     value: string;
     label: string;
     badge?: {
@@ -872,10 +872,10 @@ type Item$1 = {
         color: ChipColors;
     };
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem = {
     value: string;
     label: string;
     icon?: any;
@@ -883,7 +883,7 @@ type SubItem$1 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$1[];
+    items: AppLayoutSidebarItemProps[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -894,7 +894,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: Item$1;
+    item: AppLayoutSidebarItemProps;
     selectedItem?: any;
     direction?: DirectionType;
     onItemClick?: (value: string[]) => void;
@@ -931,9 +931,10 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes$1 = {
+    header: React__default.ReactNode;
     design?: "default";
     /** The pages of the side drawer */
-    drawerItems: Item[];
+    drawerItems: AppLayoutSidebarItemProps[];
     /** The direction of the layout */
     direction?: DirectionType;
     /** The title of the current selected page, make sure it's the same as the drawerItem slug */
@@ -973,8 +974,6 @@ type AppLayoutTypes$1 = {
      * - '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. */
@@ -994,19 +993,6 @@ type AppLayoutTypes$1 = {
         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 AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
 
 type AppTopbarType = {
@@ -1691,4 +1677,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, 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, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$2 as SubItem, Switch, 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, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppLayoutSidebarItemProps, AppStores, AppTopbar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, ChipColors, ChipTypes, 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, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, SplitButton, Stats, StopPropagationWrapper, SubItem$1 as SubItem, Switch, 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

@@ -5007,7 +5007,7 @@ var Dots = function(param) {
             onClick: function() {
                 return onDotClick(index);
             },
-            className: cn("hawa-h-2  hawa-rounded-full hawa-transition-all hawa-duration-300 hawa-bg-primary", !selected ? "hawa-opacity-50 hawa-w-2" : "hawa-opacity-100 hawa-w-6"),
+            className: cn("hawa-h-2 hover:hawa-cursor-pointer hawa-rounded-full hawa-transition-all hawa-duration-300 hawa-bg-primary", !selected ? "hawa-opacity-50 hawa-w-2" : "hawa-opacity-100 hawa-w-6"),
             key: index
         });
     }));
@@ -6868,7 +6868,7 @@ var SidebarItem = function(_param) {
         "isOpen"
     ]);
     var getSelectedStyle = function(value) {
-        return props.selectedItem === value ? "hawa-bg-primary hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
+        return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
     };
     if (item.subitems) {
         return /* @__PURE__ */ React59.createElement(AccordionItem2, {
@@ -6878,7 +6878,7 @@ var SidebarItem = function(_param) {
         }, /* @__PURE__ */ React59.createElement(AccordionTrigger2, {
             className: cn("hawa-overflow-x-clip hawa-w-full", props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10 hawa-h-10", item.subitems && item.subitems.some(function(subitem) {
                 return props.selectedItem === subitem.value;
-            }) ? "hawa-bg-primary/90 hawa-text-primary-foreground hover:hawa-bg-primary/90" : ""),
+            }) ? "hawa-bg-primary/80 hawa-text-primary-foreground hover:hawa-bg-primary/80" : ""),
             showArrow: isOpen
         }, /* @__PURE__ */ React59.createElement("div", {
             className: cn(!isOpen && "hawa-py-1", "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center  hawa-gap-2")
@@ -7053,10 +7053,9 @@ var Navbar = function(_param) {
 // components/layout/AppLayout.tsx
 var import_react37 = __toESM(require("react"));
 var AppLayout = 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, 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, [
         "direction",
         "drawerSize",
-        "onSettingsClick",
         "DrawerFooterActions",
         "currentPage",
         "clickedItem",
@@ -7208,7 +7207,7 @@ var AppLayout = function(_param) {
         style: {
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, /* @__PURE__ */ import_react37.default.createElement("img", {
+    }, openSideMenu && props.header && props.header, !props.header && /* @__PURE__ */ import_react37.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_react37.default.createElement("img", {
@@ -7808,7 +7807,7 @@ var LoginForm = function(_param) {
                                 classNames: "hawa-text-gray-500"
                             }) : /* @__PURE__ */ import_react44.default.createElement(HiddenEyeIcon, {
                                 classNames: "hawa-text-gray-500"
-                            }), "                      "),
+                            })),
                             placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder) || "Enter your password",
                             helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
                         }, field));

package/dist/index.mjs

@@ -4648,7 +4648,7 @@ var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
       {
         onClick: () => onDotClick(index),
         className: cn(
-          "hawa-h-2  hawa-rounded-full hawa-transition-all hawa-duration-300 hawa-bg-primary",
+          "hawa-h-2 hover:hawa-cursor-pointer hawa-rounded-full hawa-transition-all hawa-duration-300 hawa-bg-primary",
           !selected ? "hawa-opacity-50 hawa-w-2" : "hawa-opacity-100 hawa-w-6"
         ),
         key: index
@@ -6715,7 +6715,7 @@ var SidebarItem = ({
   ...props
 }) => {
   const getSelectedStyle = (value) => {
-    return props.selectedItem === value ? "hawa-bg-primary hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
+    return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
   };
   if (item.subitems) {
     return /* @__PURE__ */ React59.createElement(
@@ -6733,7 +6733,7 @@ var SidebarItem = ({
             props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10 hawa-h-10",
             item.subitems && item.subitems.some(
               (subitem) => props.selectedItem === subitem.value
-            ) ? "hawa-bg-primary/90 hawa-text-primary-foreground hover:hawa-bg-primary/90" : ""
+            ) ? "hawa-bg-primary/80 hawa-text-primary-foreground hover:hawa-bg-primary/80" : ""
           ),
           showArrow: isOpen
         },
@@ -6952,7 +6952,6 @@ import React62, { useEffect as useEffect17, useRef as useRef9, useState as useSt
 var AppLayout = ({
   direction = "ltr",
   drawerSize = "md",
-  onSettingsClick,
   DrawerFooterActions,
   currentPage,
   clickedItem,
@@ -7148,7 +7147,8 @@ var AppLayout = ({
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
         }
       },
-      /* @__PURE__ */ React62.createElement(
+      openSideMenu && props.header && props.header,
+      !props.header && /* @__PURE__ */ React62.createElement(
         "img",
         {
           className: cn(
@@ -7887,8 +7887,7 @@ var LoginForm = ({
                     className: "hawa-cursor-pointer",
                     onClick: () => setPasswordVisible(!passwordVisible)
                   },
-                  passwordVisible ? /* @__PURE__ */ React69.createElement(EyeIcon, { classNames: "hawa-text-gray-500" }) : /* @__PURE__ */ React69.createElement(HiddenEyeIcon, { classNames: "hawa-text-gray-500" }),
-                  "                      "
+                  passwordVisible ? /* @__PURE__ */ React69.createElement(EyeIcon, { classNames: "hawa-text-gray-500" }) : /* @__PURE__ */ React69.createElement(HiddenEyeIcon, { classNames: "hawa-text-gray-500" })
                 ),
                 placeholder: texts?.password?.placeholder || "Enter your password",
                 helperText: formState.errors.password?.message,

package/package.json

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