@sikka/hawa 0.11.11-next → 0.11.13-next

package/dist/index.css

@@ -1222,6 +1222,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-32 {
   width: 8rem;
 }
+.hawa-w-36 {
+  width: 9rem;
+}
 .hawa-w-4 {
   width: 1rem;
 }
@@ -1374,6 +1377,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-caption-bottom {
   caption-side: bottom;
 }
+.hawa-border-collapse {
+  border-collapse: collapse;
+}
 .hawa-origin-bottom {
   transform-origin: bottom;
 }
@@ -1766,6 +1772,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-l-0 {
   border-left-width: 0px;
 }
+.hawa-border-l-2 {
+  border-left-width: 2px;
+}
 .hawa-border-r {
   border-right-width: 1px;
 }
@@ -1811,6 +1820,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-primary {
   border-color: hsl(var(--primary));
 }
+.hawa-border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
 .hawa-border-transparent {
   border-color: transparent;
 }

package/dist/index.d.mts

@@ -805,7 +805,7 @@ declare const SidebarItem: React$1.FC<{
     isOpen?: boolean;
 }>;
 
-type AppLayoutTypes = {
+type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
     drawerItems: Item[];
@@ -882,7 +882,7 @@ type SubItem = {
     icon?: any;
     onClick?: () => void;
 };
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
+declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
 
 type CopyRightsTypes = {
     /** A text used as the version of the app, for example: v1.0.0 */
@@ -905,6 +905,71 @@ type NavbarType = {
 };
 declare const Navbar: React__default.FC<NavbarType>;
 
+type AppLayoutTypes = {
+    /** The direction of the layout */
+    direction?: "rtl" | "ltr";
+    /** The title of the current selected page, make sure it's the same as the drawerItem slug */
+    currentPage: string;
+    /** Specifies the title of the page. */
+    pageTitle?: string;
+    /** Specifies the symbol for the logo. */
+    logoSymbol?: any;
+    /** Specifies the link for the logo. */
+    logoLink?: string;
+    /** Specifies the text for the logo. */
+    logoText?: any;
+    /** Specifies the content to be displayed in the layout. */
+    children?: any;
+    /** Specifies the username to be displayed. */
+    username?: string;
+    /** Specifies the user email to be displayed. */
+    email?: string;
+    /** Specifies the image for the avatar. */
+    avatarImage?: any;
+    /**
+     * Specifies the size of the drawer.
+     * - 'sm': Small.
+     * - 'md': Medium.
+     * - 'large': Large.
+     */
+    drawerSize?: "sm" | "md" | "large";
+    /** Specifies the menu items for the profile menu. */
+    /**
+     * Specifies the width of the profile menu.
+     * - 'default': Default width.
+     * - 'sm': Small width.
+     * - 'lg': Large width.
+     * - 'parent': Inherits width from parent element.
+     */
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    /** Event handler for settings button click. */
+    onSettingsClick?: () => void;
+    /** Event handler for drawer expansion. */
+    onDrawerExpand?: (e: any) => void;
+    /** Specifies whether to keep the drawer open. */
+    keepOpen: boolean;
+    setKeepOpen: (value: boolean) => void;
+    /** Specifies additional actions for the drawer footer. */
+    DrawerFooterActions?: any;
+    /** Specifies the item that was clicked. */
+    clickedItem?: any;
+    /** Event handler for logo button click. */
+    onLogoClick?: () => void;
+    /** Text labels for various UI elements. */
+    texts?: {
+        /** Label for expand sidebar button. */
+        expandSidebar?: string;
+        /** Label for collapse sidebar button. */
+        collapseSidebar?: string;
+    };
+};
+declare const DocsLayout: React__default.FunctionComponent<AppLayoutTypes>;
+
+type DocsSidebarType = {
+    test?: any;
+};
+declare const DocsSidebar: React__default.FC<DocsSidebarType>;
+
 type ThirdPartyAuthTextsTypes = {
     continueWithGoogle?: string;
     continueWithTwitter?: string;
@@ -1527,4 +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, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$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

@@ -805,7 +805,7 @@ declare const SidebarItem: React$1.FC<{
     isOpen?: boolean;
 }>;
 
-type AppLayoutTypes = {
+type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
     drawerItems: Item[];
@@ -882,7 +882,7 @@ type SubItem = {
     icon?: any;
     onClick?: () => void;
 };
-declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
+declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
 
 type CopyRightsTypes = {
     /** A text used as the version of the app, for example: v1.0.0 */
@@ -905,6 +905,71 @@ type NavbarType = {
 };
 declare const Navbar: React__default.FC<NavbarType>;
 
+type AppLayoutTypes = {
+    /** The direction of the layout */
+    direction?: "rtl" | "ltr";
+    /** The title of the current selected page, make sure it's the same as the drawerItem slug */
+    currentPage: string;
+    /** Specifies the title of the page. */
+    pageTitle?: string;
+    /** Specifies the symbol for the logo. */
+    logoSymbol?: any;
+    /** Specifies the link for the logo. */
+    logoLink?: string;
+    /** Specifies the text for the logo. */
+    logoText?: any;
+    /** Specifies the content to be displayed in the layout. */
+    children?: any;
+    /** Specifies the username to be displayed. */
+    username?: string;
+    /** Specifies the user email to be displayed. */
+    email?: string;
+    /** Specifies the image for the avatar. */
+    avatarImage?: any;
+    /**
+     * Specifies the size of the drawer.
+     * - 'sm': Small.
+     * - 'md': Medium.
+     * - 'large': Large.
+     */
+    drawerSize?: "sm" | "md" | "large";
+    /** Specifies the menu items for the profile menu. */
+    /**
+     * Specifies the width of the profile menu.
+     * - 'default': Default width.
+     * - 'sm': Small width.
+     * - 'lg': Large width.
+     * - 'parent': Inherits width from parent element.
+     */
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    /** Event handler for settings button click. */
+    onSettingsClick?: () => void;
+    /** Event handler for drawer expansion. */
+    onDrawerExpand?: (e: any) => void;
+    /** Specifies whether to keep the drawer open. */
+    keepOpen: boolean;
+    setKeepOpen: (value: boolean) => void;
+    /** Specifies additional actions for the drawer footer. */
+    DrawerFooterActions?: any;
+    /** Specifies the item that was clicked. */
+    clickedItem?: any;
+    /** Event handler for logo button click. */
+    onLogoClick?: () => void;
+    /** Text labels for various UI elements. */
+    texts?: {
+        /** Label for expand sidebar button. */
+        expandSidebar?: string;
+        /** Label for collapse sidebar button. */
+        collapseSidebar?: string;
+    };
+};
+declare const DocsLayout: React__default.FunctionComponent<AppLayoutTypes>;
+
+type DocsSidebarType = {
+    test?: any;
+};
+declare const DocsSidebar: React__default.FC<DocsSidebarType>;
+
 type ThirdPartyAuthTextsTypes = {
     continueWithGoogle?: string;
     continueWithTwitter?: string;
@@ -1527,4 +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, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useMediaQuery, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, LoginFormTextsTypes, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, RegisterFormTextsTypes, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, StopPropagationWrapper, SubItem$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 };