@sikka/hawa 0.14.13-next → 0.14.15-next

package/dist/index.css

@@ -888,6 +888,10 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.hawa-my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
 .hawa-my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -1189,6 +1193,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-1\/2 {
   width: 50%;
 }
+.hawa-w-1\/6 {
+  width: 16.666667%;
+}
 .hawa-w-10 {
   width: 2.5rem;
 }
@@ -1432,6 +1439,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.hawa-translate-y-\[1\.1px\] {
+  --tw-translate-y: 1.1px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hawa--rotate-90 {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1804,6 +1815,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-r-0 {
   border-right-width: 0px;
 }
+.hawa-border-r-4 {
+  border-right-width: 4px;
+}
 .hawa-border-t {
   border-top-width: 1px;
 }
@@ -1853,6 +1867,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-transparent {
   border-color: transparent;
 }
+.hawa-border-b-transparent {
+  border-bottom-color: transparent;
+}
 .hawa-border-l-transparent {
   border-left-color: transparent;
 }

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, PropsWithChildren, RefObject } from 'react';
+import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, PropsWithChildren, RefObject, useEffect } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -1023,8 +1023,8 @@ type AppTopbarType = {
     size?: number;
     username?: string;
     email?: string;
-    profileMenuItems: MenuItemType[];
-    avatarImage: string;
+    profileMenuItems?: MenuItemType[];
+    avatarImage?: string;
 };
 declare const AppTopbar: React__default.FC<AppTopbarType>;
 
@@ -1057,25 +1057,26 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type AppTabsType = {
+    tabs: {
+        label: string;
+        icon?: React__default.ReactNode;
+    }[];
+};
+declare const AppTabs: React__default.FC<AppTabsType>;
+
 type AppLayoutTypes = {
+    pages?: any[];
     /** The direction of the layout */
     direction?: DirectionType;
-    /** 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;
     /**
@@ -1085,19 +1086,6 @@ type AppLayoutTypes = {
      * - '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;
@@ -1107,18 +1095,13 @@ type AppLayoutTypes = {
     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;
+    pages: any[];
+    currentPage?: string;
+    direction?: DirectionType;
 };
 declare const DocsSidebar: React__default.FC<DocsSidebarType>;
 
@@ -1652,6 +1635,8 @@ type UsageCardTypes = {
 };
 declare const Usage: FC<UsageCardTypes>;
 
+declare const useIsomorphicEffect: typeof useEffect;
+
 type ToasterToast = ToastProps & {
     id: string;
     title?: React$1.ReactNode;
@@ -1731,4 +1716,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-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, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, 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, 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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppLayoutSidebarItemProps, AppStores, AppTabs, 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, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, 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, 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, useIsomorphicEffect, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, PropsWithChildren, RefObject } from 'react';
+import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, PropsWithChildren, RefObject, useEffect } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -1023,8 +1023,8 @@ type AppTopbarType = {
     size?: number;
     username?: string;
     email?: string;
-    profileMenuItems: MenuItemType[];
-    avatarImage: string;
+    profileMenuItems?: MenuItemType[];
+    avatarImage?: string;
 };
 declare const AppTopbar: React__default.FC<AppTopbarType>;
 
@@ -1057,25 +1057,26 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type AppTabsType = {
+    tabs: {
+        label: string;
+        icon?: React__default.ReactNode;
+    }[];
+};
+declare const AppTabs: React__default.FC<AppTabsType>;
+
 type AppLayoutTypes = {
+    pages?: any[];
     /** The direction of the layout */
     direction?: DirectionType;
-    /** 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;
     /**
@@ -1085,19 +1086,6 @@ type AppLayoutTypes = {
      * - '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;
@@ -1107,18 +1095,13 @@ type AppLayoutTypes = {
     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;
+    pages: any[];
+    currentPage?: string;
+    direction?: DirectionType;
 };
 declare const DocsSidebar: React__default.FC<DocsSidebarType>;
 
@@ -1652,6 +1635,8 @@ type UsageCardTypes = {
 };
 declare const Usage: FC<UsageCardTypes>;
 
+declare const useIsomorphicEffect: typeof useEffect;
+
 type ToasterToast = ToastProps & {
     id: string;
     title?: React$1.ReactNode;
@@ -1731,4 +1716,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-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, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, 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, 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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppLayoutSidebarItemProps, AppStores, AppTabs, 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, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, 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, 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, useIsomorphicEffect, useMediaQuery, useTabs, useToast, useWindowSize };