@sikka/hawa 0.37.1-next → 0.38.0-next

package/dist/index.d.ts

@@ -17,6 +17,8 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as input_otp from 'input-otp';
+import { OTPInputProps } from 'input-otp';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { HighlightProps } from 'prism-react-renderer';
@@ -525,7 +527,7 @@ type RadioTypes = {
     defaultValue?: any;
     value?: any;
     direction?: DirectionType;
-    helperText?: string;
+    helperText?: any;
     labelProps?: LabelProps;
     label?: string;
     tabsContainerClassName?: string;
@@ -586,7 +588,7 @@ type FullCommandItem = {
     heading?: string;
     items?: {
         icon: React$1.ElementType;
-        text: string;
+        label: string | React$1.ReactNode;
         action: () => void;
         shortcut?: string;
     }[];
@@ -594,17 +596,19 @@ type FullCommandItem = {
 type FullCommandProps = {
     items: FullCommandItem[];
     direction?: DirectionType;
+    onActionClick?: () => void;
     texts?: {
         searchPlaceholder?: string;
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts }: FullCommandProps) => React$1.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React$1.JSX.Element;
 type AppCommandProps = {
-    commandProps: FullCommandProps;
+    commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
+    onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps }: AppCommandProps) => React$1.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React$1.JSX.Element;
 
 type ComboboxTypes<T> = {
     labelKey?: keyof T | any;
@@ -617,7 +621,7 @@ type ComboboxTypes<T> = {
         searchPlaceholder?: string;
     };
     isLoading?: boolean;
-    helperText?: string;
+    helperText?: any;
     popoverClassName?: string;
     /** This the same value as the one with the key valueKey */
     defaultValue?: string;
@@ -638,7 +642,7 @@ type ComboboxTypes<T> = {
 declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxTypes<any> & React$1.RefAttributes<HTMLDivElement>>;
 
 interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    helperText?: string;
+    helperText?: any;
     isLoading?: boolean;
     /** The label of the input field   */
     label?: any;
@@ -816,7 +820,7 @@ type SelectTypes = {
     controlClassNames?: string;
     containerClassNames?: string;
     onChange: any;
-    helperText?: string;
+    helperText?: any;
     onInputChange?: any;
     native?: any;
     width?: "full" | "small" | "fit";
@@ -849,7 +853,7 @@ type CheckBoxTypes = {
     id: string;
     label?: React$1.ReactNode;
     sublabel?: React$1.ReactNode;
-    helperText?: string;
+    helperText?: any;
     size?: "xs" | "sm" | "default" | "md" | "lg" | "xl";
     radius?: RadiusType;
 };
@@ -909,22 +913,41 @@ type PhoneInputProps = {
 };
 declare const PhoneInput: FC<PhoneInputProps>;
 
-type PinInputTypes = {
-    /** Label text to display for the Pin Input */
-    label?: string;
-    /** Icon element to be displayed next to the Pin Input */
-    icon?: JSX.Element;
-    /** Number of digits in the Pin Input */
-    digits: number;
-    /** Width of the Pin Input - either 'normal' or 'full' */
-    width?: "normal" | "full";
-    /** Function to get the value of pins */
-    getPins?: (pins: string[]) => void;
-    /** The small red text under the input field to show validation or a hint.   */
+declare const PinInputRoot: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
+    value?: string | undefined;
+    onChange?: ((newValue: string) => unknown) | undefined;
+    maxLength: number;
+    textAlign?: "right" | "left" | "center" | undefined;
+    onComplete?: ((...args: any[]) => unknown) | undefined;
+    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+    containerClassName?: string | undefined;
+    noScriptCSSFallback?: string | null | undefined;
+} & {
+    render: (props: input_otp.RenderProps) => React$1.ReactNode;
+    children?: undefined;
+} & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "noScriptCSSFallback"> & {
+    value?: string | undefined;
+    onChange?: ((newValue: string) => unknown) | undefined;
+    maxLength: number;
+    textAlign?: "right" | "left" | "center" | undefined;
+    onComplete?: ((...args: any[]) => unknown) | undefined;
+    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+    containerClassName?: string | undefined;
+    noScriptCSSFallback?: string | null | undefined;
+} & {
+    render?: undefined;
+    children: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLInputElement>, "ref">) & React$1.RefAttributes<HTMLInputElement>>;
+declare const PinInputGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PinInputSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const PinInputSeperator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type PinInputProps = Omit<OTPInputProps, "render"> & {
+    separatorPosition?: number;
     helperText?: any;
-    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
 };
-declare const PinInput: FC<PinInputTypes>;
+declare const PinInput: React$1.FC<PinInputProps>;
 
 declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element;
 
@@ -938,7 +961,7 @@ type ColorPickerTypes = {
     id?: string;
     isLoading?: boolean;
     labelProps?: LabelProps;
-    helperText?: string;
+    helperText?: any;
     forceHideHelperText?: boolean;
     /** Boolean to enable/disable editing the input field and using it as a text field   */
     preview?: boolean;
@@ -1165,7 +1188,7 @@ interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
     label?: string;
     color?: string;
     number?: string;
-    helperText?: string;
+    helperText?: any;
     helperTextColor?: "default" | "positive" | "negative" | "muted";
     chart?: any;
     icon?: React__default.ReactNode;
@@ -1779,6 +1802,7 @@ type TConfirmation = {
     confirmLoading?: boolean;
     handleConfirm?: any;
     handleResend?: any;
+    codeLength?: number;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 
@@ -2209,4 +2233,4 @@ type HotkeyItem = [
 ];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppCommand, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, 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, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, 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, FullCommand, type FullCommandItem, HorizontalPricing, type Hotkey, type HotkeyItem, type HotkeyItemOptions, Input, InterfaceSettings, ItemCard, type KeyboardModifiers, 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, type PhoneInputProps, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, 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, getHotkeyHandler, getHotkeyMatcher, navigationMenuTriggerStyle, parseHotkey, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useShortcuts, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppCommand, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, 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, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, type ContentRect, 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, FullCommand, type FullCommandItem, HorizontalPricing, type Hotkey, type HotkeyItem, type HotkeyItemOptions, Input, InterfaceSettings, ItemCard, type KeyboardModifiers, 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, type PhoneInputProps, PhoneMockup, PinInput, PinInputGroup, PinInputRoot, PinInputSeperator, PinInputSlot, Popover, PopoverContent, PopoverPortal, PopoverRoot, 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, getHotkeyHandler, getHotkeyMatcher, navigationMenuTriggerStyle, parseHotkey, reducer, toast, useBreakpoint, useClickOutside, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMeasureDirty, useMediaQuery, useMultiStepDialog, useShortcuts, useTabs, useToast, useWindowSize };