@sikka/hawa 0.11.13-next → 0.11.15-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;
 }
@@ -1772,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;
@@ -1820,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;
 }
@@ -3173,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));
 }
@@ -3196,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;
@@ -3313,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));
@@ -3542,6 +3585,10 @@ body {
     top: auto;
   }
 
+  .sm\:hawa-max-w-sm {
+    max-width: 24rem;
+  }
+
   .sm\:hawa-flex-row {
     flex-direction: row;
   }
@@ -3558,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';
@@ -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;
@@ -979,28 +1001,58 @@ type ThirdPartyAuthTextsTypes = {
     continueWithEmail?: string;
     continueWithPhone?: string;
 };
-
+type BaseInputType = {
+    label?: string;
+    placeholder?: string;
+};
+type ValidationTexts = {
+    required?: string;
+    invalid?: string;
+};
+type TextInputType = ValidationTexts & {
+    label?: string;
+    placeholder?: string;
+};
+type PasswordInputType = BaseInputType & {
+    required?: string;
+    tooShort?: string;
+};
+type UsernameInputType = TextInputType & {
+    tooShort?: string;
+};
+type ConfirmInputType = BaseInputType & {
+    required?: string;
+    dontMatch?: string;
+};
 type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    emailRequired?: string;
-    emailInvalid?: string;
-    usernameLabel?: string;
-    usernamePlaceholder?: string;
-    usernameRequired?: string;
-    usernameInvalid?: string;
-    phoneRequired?: string;
-    phoneInvalid?: string;
-    phoneLabel?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    passwordRequired?: string;
-    passwordTooShort?: string;
+    email?: TextInputType;
+    username?: UsernameInputType;
+    phone?: TextInputType;
+    password?: PasswordInputType;
     forgotPassword?: string;
     newUserText?: string;
     createAccount?: string;
     loginText?: string;
 };
+type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
+    fullNameLabel: string;
+    fullNamePlaceholder: string;
+    email?: TextInputType;
+    username?: UsernameInputType;
+    password?: PasswordInputType;
+    confirm?: ConfirmInputType;
+    userReference: BaseInputType;
+    subscribeToNewsletter: string;
+    termsRequired: string;
+    refCode: string;
+    refCodePlaceholder: string;
+    existingUserText: string;
+    termsText: string;
+    iAcceptText: string;
+    registerText: string;
+    loginText: string;
+};
+
 type LoginFormTypes = {
     texts?: LoginFormTextsTypes;
     /** Function to handle language change.   */
@@ -1059,37 +1111,6 @@ type LoginFormTypes = {
 };
 declare const LoginForm: FC<LoginFormTypes>;
 
-type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullNameLabel: string;
-    fullNamePlaceholder: string;
-    emailLabel: string;
-    emailPlaceholder: string;
-    emailRequired: string;
-    emailInvalid: string;
-    usernameLabel: string;
-    usernamePlaceholder: string;
-    usernameInvalid: string;
-    usernameRequired: string;
-    passwordLabel: string;
-    passwordPlaceholder: string;
-    passwordRequired: string;
-    passwordTooShort: string;
-    passwordsDontMatch: string;
-    confirmPasswordLabel: string;
-    confirmPasswordPlaceholder: string;
-    confirmPasswordRequired: string;
-    subscribeToNewsletter: string;
-    termsRequired: string;
-    refCode: string;
-    refCodePlaceholder: string;
-    userReferenceLabel: string;
-    userReferencePlaceholder: string;
-    existingUserText: string;
-    termsText: string;
-    iAcceptText: string;
-    registerText: string;
-    loginText: string;
-};
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts: RegisterFormTextsTypes;
@@ -1156,18 +1177,12 @@ type RegisterFormTypes = {
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
+type AppLandingTextsTypes = ThirdPartyAuthTextsTypes & {
+    newUserText?: string;
+    createAccount?: string;
+};
 type AppLandingTypes = {
-    texts?: {
-        newUserText?: string;
-        createAccount?: string;
-        continueWithGoogle?: string;
-        continueWithTwitter?: string;
-        continueWithApple?: string;
-        continueWithMicrosoft?: string;
-        continueWithGithub?: string;
-        continueWithEmail?: string;
-        continueWithPhone?: string;
-    };
+    texts?: AppLandingTextsTypes;
     viaGoogle?: boolean;
     viaTwitter?: boolean;
     viaGithub?: boolean;
@@ -1209,13 +1224,13 @@ type NewPasswordTypes = {
     allowRegister?: boolean;
     passwordChanged: any;
     texts: {
-        updatePassword: string;
         passwordPlaceholder: string;
         passwordRequired: string;
         passwordLabel: string;
         passwordMatchError: string;
-        passwordChanged: string;
         passwordTooShort: string;
+        updatePassword: string;
+        passwordChanged: string;
         confirmPasswordPlaceholder: string;
         confirmPasswordLabel: string;
         confirmPasswordRequired: string;
@@ -1592,4 +1607,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$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, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, 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';
@@ -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;
@@ -979,28 +1001,58 @@ type ThirdPartyAuthTextsTypes = {
     continueWithEmail?: string;
     continueWithPhone?: string;
 };
-
+type BaseInputType = {
+    label?: string;
+    placeholder?: string;
+};
+type ValidationTexts = {
+    required?: string;
+    invalid?: string;
+};
+type TextInputType = ValidationTexts & {
+    label?: string;
+    placeholder?: string;
+};
+type PasswordInputType = BaseInputType & {
+    required?: string;
+    tooShort?: string;
+};
+type UsernameInputType = TextInputType & {
+    tooShort?: string;
+};
+type ConfirmInputType = BaseInputType & {
+    required?: string;
+    dontMatch?: string;
+};
 type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    emailRequired?: string;
-    emailInvalid?: string;
-    usernameLabel?: string;
-    usernamePlaceholder?: string;
-    usernameRequired?: string;
-    usernameInvalid?: string;
-    phoneRequired?: string;
-    phoneInvalid?: string;
-    phoneLabel?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    passwordRequired?: string;
-    passwordTooShort?: string;
+    email?: TextInputType;
+    username?: UsernameInputType;
+    phone?: TextInputType;
+    password?: PasswordInputType;
     forgotPassword?: string;
     newUserText?: string;
     createAccount?: string;
     loginText?: string;
 };
+type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
+    fullNameLabel: string;
+    fullNamePlaceholder: string;
+    email?: TextInputType;
+    username?: UsernameInputType;
+    password?: PasswordInputType;
+    confirm?: ConfirmInputType;
+    userReference: BaseInputType;
+    subscribeToNewsletter: string;
+    termsRequired: string;
+    refCode: string;
+    refCodePlaceholder: string;
+    existingUserText: string;
+    termsText: string;
+    iAcceptText: string;
+    registerText: string;
+    loginText: string;
+};
+
 type LoginFormTypes = {
     texts?: LoginFormTextsTypes;
     /** Function to handle language change.   */
@@ -1059,37 +1111,6 @@ type LoginFormTypes = {
 };
 declare const LoginForm: FC<LoginFormTypes>;
 
-type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullNameLabel: string;
-    fullNamePlaceholder: string;
-    emailLabel: string;
-    emailPlaceholder: string;
-    emailRequired: string;
-    emailInvalid: string;
-    usernameLabel: string;
-    usernamePlaceholder: string;
-    usernameInvalid: string;
-    usernameRequired: string;
-    passwordLabel: string;
-    passwordPlaceholder: string;
-    passwordRequired: string;
-    passwordTooShort: string;
-    passwordsDontMatch: string;
-    confirmPasswordLabel: string;
-    confirmPasswordPlaceholder: string;
-    confirmPasswordRequired: string;
-    subscribeToNewsletter: string;
-    termsRequired: string;
-    refCode: string;
-    refCodePlaceholder: string;
-    userReferenceLabel: string;
-    userReferencePlaceholder: string;
-    existingUserText: string;
-    termsText: string;
-    iAcceptText: string;
-    registerText: string;
-    loginText: string;
-};
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts: RegisterFormTextsTypes;
@@ -1156,18 +1177,12 @@ type RegisterFormTypes = {
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
+type AppLandingTextsTypes = ThirdPartyAuthTextsTypes & {
+    newUserText?: string;
+    createAccount?: string;
+};
 type AppLandingTypes = {
-    texts?: {
-        newUserText?: string;
-        createAccount?: string;
-        continueWithGoogle?: string;
-        continueWithTwitter?: string;
-        continueWithApple?: string;
-        continueWithMicrosoft?: string;
-        continueWithGithub?: string;
-        continueWithEmail?: string;
-        continueWithPhone?: string;
-    };
+    texts?: AppLandingTextsTypes;
     viaGoogle?: boolean;
     viaTwitter?: boolean;
     viaGithub?: boolean;
@@ -1209,13 +1224,13 @@ type NewPasswordTypes = {
     allowRegister?: boolean;
     passwordChanged: any;
     texts: {
-        updatePassword: string;
         passwordPlaceholder: string;
         passwordRequired: string;
         passwordLabel: string;
         passwordMatchError: string;
-        passwordChanged: string;
         passwordTooShort: string;
+        updatePassword: string;
+        passwordChanged: string;
         confirmPasswordPlaceholder: string;
         confirmPasswordLabel: string;
         confirmPasswordRequired: string;
@@ -1592,4 +1607,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$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, Logos, MenuItemType, NavMenuItem, Navbar, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, 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 };