@sikka/hawa 0.26.38-next → 0.27.0-next

package/dist/index.css

@@ -1028,6 +1028,12 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-right-2\.5 {
   right: 0.625rem;
 }
+.hawa-right-3 {
+  right: 0.75rem;
+}
+.hawa-right-3\.5 {
+  right: 0.875rem;
+}
 .hawa-right-4 {
   right: 1rem;
 }
@@ -1046,6 +1052,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-1\/2 {
   top: 50%;
 }
+.hawa-top-11 {
+  top: 2.75rem;
+}
 .hawa-top-14 {
   top: 3.5rem;
 }
@@ -1055,6 +1064,12 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-2\.5 {
   top: 0.625rem;
 }
+.hawa-top-3 {
+  top: 0.75rem;
+}
+.hawa-top-3\.5 {
+  top: 0.875rem;
+}
 .hawa-top-4 {
   top: 1rem;
 }
@@ -1070,6 +1085,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-\[50\%\] {
   top: 50%;
 }
+.hawa-top-\[50px\] {
+  top: 50px;
+}
 .hawa-top-\[60\%\] {
   top: 60%;
 }
@@ -1082,6 +1100,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-\[72px\] {
   top: 72px;
 }
+.hawa-top-\[80px\] {
+  top: 80px;
+}
 .hawa-top-full {
   top: 100%;
 }
@@ -1439,6 +1460,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-h-screen {
   max-height: 100vh;
 }
+.hawa-min-h-20 {
+  min-height: 5rem;
+}
 .hawa-min-h-\[25px\] {
   min-height: 25px;
 }
@@ -1936,6 +1960,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-whitespace-nowrap {
   white-space: nowrap;
 }
+.hawa-text-wrap {
+  text-wrap: wrap;
+}
 .hawa-rounded {
   border-radius: var(--radius);
 }
@@ -2106,9 +2133,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-background {
   background-color: hsl(var(--background));
 }
-.hawa-bg-background\/70 {
-  background-color: hsl(var(--background) / 0.7);
-}
 .hawa-bg-background\/80 {
   background-color: hsl(var(--background) / 0.8);
 }
@@ -2156,10 +2180,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
-.hawa-bg-gray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
-}
 .hawa-bg-gray-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity));
@@ -2492,6 +2512,9 @@ input[type="number"]::-webkit-inner-spin-button,
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.\!hawa-pe-12 {
+  padding-inline-end: 3rem !important;
+}
 .hawa-pb-0 {
   padding-bottom: 0px;
 }
@@ -3824,10 +3847,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-red-600) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
-}
 :is(.hawa-dark .dark\:hawa-bg-white) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));

package/dist/index.d.mts

@@ -11,6 +11,7 @@ import { VariantProps } from 'class-variance-authority';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { Command as Command$1 } from 'cmdk';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -612,6 +613,36 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
+    isLoading?: boolean;
+    containerClassName?: string;
+    margin?: "none" | "normal" | "large";
+    width?: "small" | "normal" | "full" | "auto";
+    /** The label of the input field   */
+    label?: any;
+    labelProps?: LabelProps;
+    hideSeparator?: boolean;
+    /** The small red text under the input field to show validation.   */
+    helperText?: any;
+    forceHideHelperText?: boolean;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    /** The icon inside the input field */
+    icon?: any;
+    /** Boolean to enable/disable editing the input field and using it as a text field   */
+    preview?: boolean;
+    iconInside?: React__default.ReactNode;
+    endIcon?: React__default.ReactNode;
+    endIconProps?: {
+        className?: string;
+    };
+    startIcon?: React__default.ReactNode;
+    placeholder?: React__default.ReactNode;
+    /** Show the count of characters left in the input field. Works along with maxLength prop.   */
+    showCount?: boolean;
+    countPosition?: "top" | "bottom" | "center";
+    popup?: boolean;
+    popupContent?: React__default.ReactNode;
+};
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;
     containerClassName?: string | undefined;
@@ -643,47 +674,33 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     popupContent?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const Command: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & {
-    label?: string | undefined;
-    shouldFilter?: boolean | undefined;
-    filter?: ((value: string, search: string) => number) | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    loop?: boolean | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command$1>;
 interface CommandDialogProps extends DialogProps {
 }
+interface CommandInputProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Input> {
+}
+interface CommandListProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.List> {
+}
+interface CommandEmptyProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> {
+}
+interface CommandGroupProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Group> {
+}
+interface CommandSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> {
+}
+interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Item> {
+}
+interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+}
+declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<React$1.ElementRef<typeof Command$1>>>;
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
-declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> & {
-    value?: string | undefined;
-    onValueChange?: ((search: string) => void) | undefined;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
-declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Omit<React$1.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
-    heading?: React$1.ReactNode;
-    value?: string | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement> & {
-    alwaysRender?: boolean | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean | undefined;
-    onSelect?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<CommandEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React$1.ForwardRefExoticComponent<CommandGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<CommandSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & CommandShortcutProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -932,9 +949,19 @@ type CodeBlockTypes = {
     fileName?: string;
     /** Code content to be displayed within the code block.*/
     code?: string;
+    /** line numbers for code block   */
     lineNumbers?: boolean;
-    forcedDarkMode?: boolean;
-    className?: string;
+    /** Wrap text in code block */
+    wrapText?: boolean;
+    /** Custom class names for the code block */
+    classNames?: {
+        root?: string;
+        tabs?: string;
+        tab?: string;
+        code?: string;
+        fileName?: string;
+        codeBlockContainer?: string;
+    };
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 
@@ -1478,6 +1505,10 @@ type RegisterFormTypes = {
     additionalButtons?: any;
     /** To add more custom input fields   */
     additionalInputs?: any;
+    /** To customize the username input field   */
+    usernameOptions: {
+        label?: LabelProps;
+    };
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
@@ -1694,6 +1725,15 @@ type ContactFormData = {
     name: string;
     email: string;
     message: string;
+} & {
+    [key: string]: string;
+};
+type CustomField = {
+    label: string;
+    type: "text" | "number" | "select";
+    name: string;
+    placeholder?: string;
+    options?: RadioOptionType[];
 };
 type ContactFormProps = {
     cardless?: boolean;
@@ -1707,6 +1747,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React__default.FC<ContactFormProps>;
 
@@ -1934,4 +1975,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { VariantProps } from 'class-variance-authority';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { Command as Command$1 } from 'cmdk';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -612,6 +613,36 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
+    isLoading?: boolean;
+    containerClassName?: string;
+    margin?: "none" | "normal" | "large";
+    width?: "small" | "normal" | "full" | "auto";
+    /** The label of the input field   */
+    label?: any;
+    labelProps?: LabelProps;
+    hideSeparator?: boolean;
+    /** The small red text under the input field to show validation.   */
+    helperText?: any;
+    forceHideHelperText?: boolean;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    /** The icon inside the input field */
+    icon?: any;
+    /** Boolean to enable/disable editing the input field and using it as a text field   */
+    preview?: boolean;
+    iconInside?: React__default.ReactNode;
+    endIcon?: React__default.ReactNode;
+    endIconProps?: {
+        className?: string;
+    };
+    startIcon?: React__default.ReactNode;
+    placeholder?: React__default.ReactNode;
+    /** Show the count of characters left in the input field. Works along with maxLength prop.   */
+    showCount?: boolean;
+    countPosition?: "top" | "bottom" | "center";
+    popup?: boolean;
+    popupContent?: React__default.ReactNode;
+};
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;
     containerClassName?: string | undefined;
@@ -643,47 +674,33 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     popupContent?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const Command: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & {
-    label?: string | undefined;
-    shouldFilter?: boolean | undefined;
-    filter?: ((value: string, search: string) => number) | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    loop?: boolean | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type CommandProps = React$1.ComponentPropsWithoutRef<typeof Command$1>;
 interface CommandDialogProps extends DialogProps {
 }
+interface CommandInputProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Input> {
+}
+interface CommandListProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.List> {
+}
+interface CommandEmptyProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Empty> {
+}
+interface CommandGroupProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Group> {
+}
+interface CommandSeparatorProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Separator> {
+}
+interface CommandItemProps extends React$1.ComponentPropsWithoutRef<typeof Command$1.Item> {
+}
+interface CommandShortcutProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+}
+declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<React$1.ElementRef<typeof Command$1>>>;
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
-declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> & {
-    value?: string | undefined;
-    onValueChange?: ((search: string) => void) | undefined;
-} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
-declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Omit<React$1.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
-    heading?: React$1.ReactNode;
-    value?: string | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement> & {
-    alwaysRender?: boolean | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
-    children?: React$1.ReactNode;
-} & Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean | undefined;
-    onSelect?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<CommandEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React$1.ForwardRefExoticComponent<CommandGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<CommandSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & CommandShortcutProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -932,9 +949,19 @@ type CodeBlockTypes = {
     fileName?: string;
     /** Code content to be displayed within the code block.*/
     code?: string;
+    /** line numbers for code block   */
     lineNumbers?: boolean;
-    forcedDarkMode?: boolean;
-    className?: string;
+    /** Wrap text in code block */
+    wrapText?: boolean;
+    /** Custom class names for the code block */
+    classNames?: {
+        root?: string;
+        tabs?: string;
+        tab?: string;
+        code?: string;
+        fileName?: string;
+        codeBlockContainer?: string;
+    };
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 
@@ -1478,6 +1505,10 @@ type RegisterFormTypes = {
     additionalButtons?: any;
     /** To add more custom input fields   */
     additionalInputs?: any;
+    /** To customize the username input field   */
+    usernameOptions: {
+        label?: LabelProps;
+    };
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
@@ -1694,6 +1725,15 @@ type ContactFormData = {
     name: string;
     email: string;
     message: string;
+} & {
+    [key: string]: string;
+};
+type CustomField = {
+    label: string;
+    type: "text" | "number" | "select";
+    name: string;
+    placeholder?: string;
+    options?: RadioOptionType[];
 };
 type ContactFormProps = {
     cardless?: boolean;
@@ -1707,6 +1747,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React__default.FC<ContactFormProps>;
 
@@ -1934,4 +1975,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };