@sikka/hawa 0.14.0-next → 0.14.2-next

package/dist/index.css

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

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

@@ -4981,7 +4981,10 @@ var Carousel = function(props) {
         }, item);
     })))), /* @__PURE__ */ import_react23.default.createElement(Dots, {
         itemsLength: length,
-        selectedIndex: selectedIndex
+        selectedIndex: selectedIndex,
+        onDotClick: function(index) {
+            return emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollTo(index);
+        }
     }), showArrows && /* @__PURE__ */ import_react23.default.createElement(CarouselControls, {
         canScrollNext: canScrollNext,
         canScrollPrev: canScrollPrev,
@@ -4994,14 +4997,17 @@ var Carousel = function(props) {
     }));
 };
 var Dots = function(param) {
-    var itemsLength = param.itemsLength, selectedIndex = param.selectedIndex;
+    var onDotClick = param.onDotClick, itemsLength = param.itemsLength, selectedIndex = param.selectedIndex;
     var arr = new Array(itemsLength).fill(0);
     return /* @__PURE__ */ import_react23.default.createElement("div", {
         className: "hawa-flex hawa-gap-1 hawa-z-50 hawa-my-2 hawa-justify-center"
     }, arr.map(function(_, index) {
         var selected = index === selectedIndex;
         return /* @__PURE__ */ import_react23.default.createElement("div", {
-            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"),
+            onClick: function() {
+                return onDotClick(index);
+            },
+            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
         });
     }));
@@ -7047,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",
@@ -7202,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", {

package/dist/index.mjs

@@ -4622,7 +4622,14 @@ var Carousel = (props) => {
   const length = React35.Children.count(items);
   const canScrollNext = !!emblaApi?.canScrollNext();
   const canScrollPrev = !!emblaApi?.canScrollPrev();
-  return /* @__PURE__ */ React35.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full hawa-flex" }, items?.map((item) => /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full hawa-justify-center hawa-flex  hawa-items-center  hawa-min-w-0 hawa-flex-[0_0_100%]" }, item))))), /* @__PURE__ */ React35.createElement(Dots, { itemsLength: length, selectedIndex }), showArrows && /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React35.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full hawa-flex" }, items?.map((item) => /* @__PURE__ */ React35.createElement("div", { className: "hawa-h-full hawa-justify-center hawa-flex  hawa-items-center  hawa-min-w-0 hawa-flex-[0_0_100%]" }, item))))), /* @__PURE__ */ React35.createElement(
+    Dots,
+    {
+      itemsLength: length,
+      selectedIndex,
+      onDotClick: (index) => emblaApi?.scrollTo(index)
+    }
+  ), showArrows && /* @__PURE__ */ React35.createElement(
     CarouselControls,
     {
       canScrollNext,
@@ -4632,15 +4639,16 @@ var Carousel = (props) => {
     }
   ));
 };
-var Dots = ({ itemsLength, selectedIndex }) => {
+var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
   const arr = new Array(itemsLength).fill(0);
   return /* @__PURE__ */ React35.createElement("div", { className: "hawa-flex hawa-gap-1 hawa-z-50 hawa-my-2 hawa-justify-center" }, arr.map((_, index) => {
     const selected = index === selectedIndex;
     return /* @__PURE__ */ React35.createElement(
       "div",
       {
+        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
@@ -6944,7 +6952,6 @@ import React62, { useEffect as useEffect17, useRef as useRef9, useState as useSt
 var AppLayout = ({
   direction = "ltr",
   drawerSize = "md",
-  onSettingsClick,
   DrawerFooterActions,
   currentPage,
   clickedItem,
@@ -7140,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(

package/package.json

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