@sikka/hawa 0.17.3-next → 0.17.5-next

package/dist/index.d.mts

@@ -978,7 +978,7 @@ interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare const Stats: FC<StatTypes>;
 
-type AppLayoutSidebarItemProps = {
+type AppSidebarItemProps = {
     value: string;
     label: string;
     badge?: {
@@ -994,12 +994,12 @@ type SubItem = {
     value: string;
     label: string;
     icon?: any;
-    onMouseDown: (e: React$1.MouseEvent) => void;
+    onMouseDown?: (e: React$1.MouseEvent) => void;
     onClick?: (e: React$1.MouseEvent) => void;
 };
 interface SidebarGroupProps {
     title?: string;
-    items: AppLayoutSidebarItemProps[];
+    items: AppSidebarItemProps[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -1010,7 +1010,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: AppLayoutSidebarItemProps;
+    item: AppSidebarItemProps;
     selectedItem?: any;
     direction?: DirectionType;
     onItemClick?: (value: string[]) => void;
@@ -1047,10 +1047,11 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes$1 = {
-    header: React__default.ReactNode;
+    /** a custom header to replace the logoLink & logoSymbol */
+    header?: React__default.ReactNode;
     design?: "default";
     /** The pages of the side drawer */
-    drawerItems: AppLayoutSidebarItemProps[];
+    drawerItems: AppSidebarItemProps[];
     /** The direction of the layout */
     direction?: DirectionType;
     /** The title of the current selected page, make sure it's the same as the drawerItem slug */
@@ -1089,11 +1090,12 @@ type AppLayoutTypes$1 = {
      * - 'lg': Large width.
      * - 'parent': Inherits width from parent element.
      */
-    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    profileMenuWidth?: "default" | "sm" | "lg" | "parent";
     /** Event handler for drawer expansion. */
     onDrawerExpand?: (e: any) => void;
     /** Specifies whether to keep the drawer open. */
     keepOpen: boolean;
+    /** The method used to control whether the drawer is expanded or not. */
     setKeepOpen: (value: boolean) => void;
     /** Specifies additional actions for the drawer footer. */
     DrawerFooterActions?: any;
@@ -1823,4 +1825,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppLayoutSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, 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, DialogBody, DialogCarousel, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, 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, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, 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, DialogBody, DialogCarousel, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, 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, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -978,7 +978,7 @@ interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare const Stats: FC<StatTypes>;
 
-type AppLayoutSidebarItemProps = {
+type AppSidebarItemProps = {
     value: string;
     label: string;
     badge?: {
@@ -994,12 +994,12 @@ type SubItem = {
     value: string;
     label: string;
     icon?: any;
-    onMouseDown: (e: React$1.MouseEvent) => void;
+    onMouseDown?: (e: React$1.MouseEvent) => void;
     onClick?: (e: React$1.MouseEvent) => void;
 };
 interface SidebarGroupProps {
     title?: string;
-    items: AppLayoutSidebarItemProps[];
+    items: AppSidebarItemProps[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -1010,7 +1010,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: AppLayoutSidebarItemProps;
+    item: AppSidebarItemProps;
     selectedItem?: any;
     direction?: DirectionType;
     onItemClick?: (value: string[]) => void;
@@ -1047,10 +1047,11 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes$1 = {
-    header: React__default.ReactNode;
+    /** a custom header to replace the logoLink & logoSymbol */
+    header?: React__default.ReactNode;
     design?: "default";
     /** The pages of the side drawer */
-    drawerItems: AppLayoutSidebarItemProps[];
+    drawerItems: AppSidebarItemProps[];
     /** The direction of the layout */
     direction?: DirectionType;
     /** The title of the current selected page, make sure it's the same as the drawerItem slug */
@@ -1089,11 +1090,12 @@ type AppLayoutTypes$1 = {
      * - 'lg': Large width.
      * - 'parent': Inherits width from parent element.
      */
-    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    profileMenuWidth?: "default" | "sm" | "lg" | "parent";
     /** Event handler for drawer expansion. */
     onDrawerExpand?: (e: any) => void;
     /** Specifies whether to keep the drawer open. */
     keepOpen: boolean;
+    /** The method used to control whether the drawer is expanded or not. */
     setKeepOpen: (value: boolean) => void;
     /** Specifies additional actions for the drawer footer. */
     DrawerFooterActions?: any;
@@ -1823,4 +1825,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppLayoutSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, 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, DialogBody, DialogCarousel, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, 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, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, 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, DialogBody, DialogCarousel, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, Pagination, 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, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/index.js

@@ -7601,14 +7601,15 @@ var Navbar = ({
 // components/layout/AppLayout.tsx
 var import_react40 = __toESM(require("react"));
 var AppLayout = ({
+  profileMenuWidth = "default",
+  DrawerFooterActions,
+  design = "default",
   direction = "ltr",
   drawerSize = "md",
-  DrawerFooterActions,
   currentPage,
   clickedItem,
-  keepOpen,
   setKeepOpen,
-  design = "default",
+  keepOpen,
   ...props
 }) => {
   var _a, _b;
@@ -7734,7 +7735,7 @@ var AppLayout = ({
           alignOffset: 8,
           side: "bottom",
           sideOffset: 5,
-          width: props.profileMenuWidth,
+          width: profileMenuWidth,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems,
           onItemSelect: (e) => console.log("selecting item ", e),

package/dist/index.mjs

@@ -7396,14 +7396,15 @@ var Navbar = ({
 // components/layout/AppLayout.tsx
 import React66, { useEffect as useEffect17, useRef as useRef10, useState as useState24 } from "react";
 var AppLayout = ({
+  profileMenuWidth = "default",
+  DrawerFooterActions,
+  design = "default",
   direction = "ltr",
   drawerSize = "md",
-  DrawerFooterActions,
   currentPage,
   clickedItem,
-  keepOpen,
   setKeepOpen,
-  design = "default",
+  keepOpen,
   ...props
 }) => {
   var _a, _b;
@@ -7529,7 +7530,7 @@ var AppLayout = ({
           alignOffset: 8,
           side: "bottom",
           sideOffset: 5,
-          width: props.profileMenuWidth,
+          width: profileMenuWidth,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems,
           onItemSelect: (e) => console.log("selecting item ", e),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.17.3-next",
+  "version": "0.17.5-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",