@sikka/hawa 0.11.12-next → 0.11.14-next

package/dist/index.css

@@ -728,6 +728,14 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-inset-0 {
   inset: 0px;
 }
+.hawa-inset-x-0 {
+  left: 0px;
+  right: 0px;
+}
+.hawa-inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
 .hawa--left-1 {
   left: -0.25rem;
 }
@@ -1139,9 +1147,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[44px\] {
   height: 44px;
 }
-.hawa-h-\[calc\(100dvh\)\] {
-  height: calc(100dvh);
-}
 .hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
@@ -1775,8 +1780,8 @@ 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-l-4 {
+  border-left-width: 4px;
 }
 .hawa-border-r {
   border-right-width: 1px;
@@ -1823,10 +1828,6 @@ 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;
 }
@@ -3176,6 +3177,9 @@ body {
 .data-\[state\=open\]\:hawa-bg-accent[data-state=open] {
   background-color: hsl(var(--accent));
 }
+.data-\[state\=open\]\:hawa-bg-secondary[data-state=open] {
+  background-color: hsl(var(--secondary));
+}
 .data-\[state\=selected\]\:hawa-bg-muted[data-state=selected] {
   background-color: hsl(var(--muted));
 }
@@ -3199,6 +3203,12 @@ body {
 .data-\[swipe\=move\]\:hawa-transition-none[data-swipe=move] {
   transition-property: none;
 }
+.data-\[state\=closed\]\:hawa-duration-300[data-state=closed] {
+  transition-duration: 300ms;
+}
+.data-\[state\=open\]\:hawa-duration-300[data-state=open] {
+  transition-duration: 300ms;
+}
 .data-\[motion\^\=from-\]\:hawa-animate-in[data-motion^=from-] {
   animation-name: enter;
   animation-duration: 150ms;
@@ -3316,27 +3326,57 @@ body {
 .data-\[side\=top\]\:hawa-slide-in-from-bottom-2[data-side=top] {
   --tw-enter-translate-y: 0.5rem;
 }
+.data-\[state\=closed\]\:hawa-slide-out-to-bottom[data-state=closed] {
+  --tw-exit-translate-y: 100%;
+}
+.data-\[state\=closed\]\:hawa-slide-out-to-left[data-state=closed] {
+  --tw-exit-translate-x: -100%;
+}
 .data-\[state\=closed\]\:hawa-slide-out-to-left-1\/2[data-state=closed] {
   --tw-exit-translate-x: -50%;
 }
 .data-\[state\=closed\]\:hawa-slide-out-to-left-full[data-state=closed] {
   --tw-exit-translate-x: -100%;
 }
+.data-\[state\=closed\]\:hawa-slide-out-to-right[data-state=closed] {
+  --tw-exit-translate-x: 100%;
+}
 .data-\[state\=closed\]\:hawa-slide-out-to-right-full[data-state=closed] {
   --tw-exit-translate-x: 100%;
 }
+.data-\[state\=closed\]\:hawa-slide-out-to-top[data-state=closed] {
+  --tw-exit-translate-y: -100%;
+}
 .data-\[state\=closed\]\:hawa-slide-out-to-top-\[48\%\][data-state=closed] {
   --tw-exit-translate-y: -48%;
 }
+.data-\[state\=open\]\:hawa-slide-in-from-bottom[data-state=open] {
+  --tw-enter-translate-y: 100%;
+}
+.data-\[state\=open\]\:hawa-slide-in-from-left[data-state=open] {
+  --tw-enter-translate-x: -100%;
+}
 .data-\[state\=open\]\:hawa-slide-in-from-left-1\/2[data-state=open] {
   --tw-enter-translate-x: -50%;
 }
+.data-\[state\=open\]\:hawa-slide-in-from-right[data-state=open] {
+  --tw-enter-translate-x: 100%;
+}
+.data-\[state\=open\]\:hawa-slide-in-from-top[data-state=open] {
+  --tw-enter-translate-y: -100%;
+}
 .data-\[state\=open\]\:hawa-slide-in-from-top-\[48\%\][data-state=open] {
   --tw-enter-translate-y: -48%;
 }
 .data-\[state\=open\]\:hawa-slide-in-from-top-full[data-state=open] {
   --tw-enter-translate-y: -100%;
 }
+.data-\[state\=closed\]\:hawa-duration-300[data-state=closed] {
+  animation-duration: 300ms;
+}
+.data-\[state\=open\]\:hawa-duration-300[data-state=open] {
+  animation-duration: 300ms;
+}
 .hawa-group[data-state=open] .group-data-\[state\=open\]\:hawa-rotate-180 {
   --tw-rotate: 180deg;
   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));
@@ -3545,6 +3585,10 @@ body {
     top: auto;
   }
 
+  .sm\:hawa-max-w-sm {
+    max-width: 24rem;
+  }
+
   .sm\:hawa-flex-row {
     flex-direction: row;
   }
@@ -3561,6 +3605,12 @@ body {
     gap: 0.5rem;
   }
 
+  .sm\:hawa-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   .sm\:hawa-rounded {
     border-radius: var(--radius);
   }

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObj
 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';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ToastPrimitives from '@radix-ui/react-toast';
@@ -63,7 +63,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$3 = {
+type SubItem$2 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -81,7 +81,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$3[];
+    subitems?: SubItem$2[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -148,17 +148,17 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     persist?: boolean | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const DialogFooter: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
@@ -735,6 +735,28 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
+declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
 declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
 type NavMenuItemTypes = {
     icon?: any;
@@ -771,14 +793,14 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$2 = {
+type Item$1 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$1[];
     onClick?: () => void;
 };
-type SubItem$2 = {
+type SubItem$1 = {
     value: string;
     label: string;
     icon?: any;
@@ -786,7 +808,7 @@ type SubItem$2 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$2[];
+    items: Item$1[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -797,7 +819,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: Item$2;
+    item: Item$1;
     selectedItem?: any;
     direction?: "rtl" | "ltr";
     onItemClick?: (value: string[]) => void;
@@ -808,7 +830,7 @@ declare const SidebarItem: React$1.FC<{
 type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
-    drawerItems: Item$1[];
+    drawerItems: Item[];
     /** 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 */
@@ -869,14 +891,14 @@ type AppLayoutTypes$1 = {
         collapseSidebar?: string;
     };
 };
-type Item$1 = {
+type Item = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem = {
     value: string;
     label: string;
     icon?: any;
@@ -906,9 +928,6 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes = {
-    design?: "default" | "bubbles" | "floating";
-    /** The pages of the side drawer */
-    drawerItems: Item[];
     /** 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 */
@@ -923,8 +942,6 @@ type AppLayoutTypes = {
     logoText?: any;
     /** Specifies the content to be displayed in the layout. */
     children?: any;
-    /** Specifies whether to display the top bar. */
-    topBar?: boolean;
     /** Specifies the username to be displayed. */
     username?: string;
     /** Specifies the user email to be displayed. */
@@ -939,7 +956,6 @@ type AppLayoutTypes = {
      */
     drawerSize?: "sm" | "md" | "large";
     /** Specifies the menu items for the profile menu. */
-    profileMenuItems?: MenuItemType[];
     /**
      * Specifies the width of the profile menu.
      * - 'default': Default width.
@@ -969,19 +985,6 @@ type AppLayoutTypes = {
         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 DocsLayout: React__default.FunctionComponent<AppLayoutTypes>;
 
 type DocsSidebarType = {
@@ -1611,4 +1614,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, 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$3 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, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, 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

@@ -3,7 +3,7 @@ import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObj
 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';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ToastPrimitives from '@radix-ui/react-toast';
@@ -63,7 +63,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$3 = {
+type SubItem$2 = {
     label?: string;
     value?: any;
     icon?: any;
@@ -81,7 +81,7 @@ type MenuItemType = {
     itemType?: "separator" | "label" | string;
     action?: () => void;
     highlighted?: boolean;
-    subitems?: SubItem$3[];
+    subitems?: SubItem$2[];
     disabled?: boolean;
     onMiddleClick?: any;
     onClick?: any;
@@ -148,17 +148,17 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     persist?: boolean | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const DialogFooter: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
@@ -735,6 +735,28 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
+declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
 declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
 type NavMenuItemTypes = {
     icon?: any;
@@ -771,14 +793,14 @@ type StatTypes = {
 };
 declare const Stats: FC<StatTypes>;
 
-type Item$2 = {
+type Item$1 = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$2[];
+    subitems?: SubItem$1[];
     onClick?: () => void;
 };
-type SubItem$2 = {
+type SubItem$1 = {
     value: string;
     label: string;
     icon?: any;
@@ -786,7 +808,7 @@ type SubItem$2 = {
 };
 interface SidebarGroupProps {
     title?: string;
-    items: Item$2[];
+    items: Item$1[];
     openedItem?: any;
     setOpenedItem?: any;
     selectedItem?: any;
@@ -797,7 +819,7 @@ interface SidebarGroupProps {
 }
 declare const SidebarGroup: React$1.FC<SidebarGroupProps>;
 declare const SidebarItem: React$1.FC<{
-    item: Item$2;
+    item: Item$1;
     selectedItem?: any;
     direction?: "rtl" | "ltr";
     onItemClick?: (value: string[]) => void;
@@ -808,7 +830,7 @@ declare const SidebarItem: React$1.FC<{
 type AppLayoutTypes$1 = {
     design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
-    drawerItems: Item$1[];
+    drawerItems: Item[];
     /** 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 */
@@ -869,14 +891,14 @@ type AppLayoutTypes$1 = {
         collapseSidebar?: string;
     };
 };
-type Item$1 = {
+type Item = {
     value: string;
     label: string;
     icon?: any;
-    subitems?: SubItem$1[];
+    subitems?: SubItem[];
     onClick?: () => void;
 };
-type SubItem$1 = {
+type SubItem = {
     value: string;
     label: string;
     icon?: any;
@@ -906,9 +928,6 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes = {
-    design?: "default" | "bubbles" | "floating";
-    /** The pages of the side drawer */
-    drawerItems: Item[];
     /** 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 */
@@ -923,8 +942,6 @@ type AppLayoutTypes = {
     logoText?: any;
     /** Specifies the content to be displayed in the layout. */
     children?: any;
-    /** Specifies whether to display the top bar. */
-    topBar?: boolean;
     /** Specifies the username to be displayed. */
     username?: string;
     /** Specifies the user email to be displayed. */
@@ -939,7 +956,6 @@ type AppLayoutTypes = {
      */
     drawerSize?: "sm" | "md" | "large";
     /** Specifies the menu items for the profile menu. */
-    profileMenuItems?: MenuItemType[];
     /**
      * Specifies the width of the profile menu.
      * - 'default': Default width.
@@ -969,19 +985,6 @@ type AppLayoutTypes = {
         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 DocsLayout: React__default.FunctionComponent<AppLayoutTypes>;
 
 type DocsSidebarType = {
@@ -1611,4 +1614,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, 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$3 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, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, 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 };