@sikka/hawa 0.37.1-next → 0.38.0-next

package/dist/elements/index.d.ts

@@ -11,8 +11,8 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { L as LabelProps } from '../Radio-y9uhxitu.js';
-export { b as Label, d as PhoneInput, P as PhoneInputProps, a as Radio, R as RadioOptionsTypes, c as Select, S as SelectOptionProps } from '../Radio-y9uhxitu.js';
+import { L as LabelProps } from '../Radio-lgoClQrv.js';
+export { b as Label, d as PhoneInput, P as PhoneInputProps, a as Radio, R as RadioOptionsTypes, c as Select, S as SelectOptionProps } from '../Radio-lgoClQrv.js';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
 import { Command as Command$1 } from 'cmdk';
@@ -21,6 +21,8 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 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';
@@ -419,7 +421,7 @@ type FullCommandItem = {
     heading?: string;
     items?: {
         icon: React.ElementType;
-        text: string;
+        label: string | React.ReactNode;
         action: () => void;
         shortcut?: string;
     }[];
@@ -427,17 +429,19 @@ type FullCommandItem = {
 type FullCommandProps = {
     items: FullCommandItem[];
     direction?: DirectionType;
+    onActionClick?: () => void;
     texts?: {
         searchPlaceholder?: string;
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts }: FullCommandProps) => React.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React.JSX.Element;
 type AppCommandProps = {
-    commandProps: FullCommandProps;
+    commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
+    onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps }: AppCommandProps) => React.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React.JSX.Element;
 
 type ComboboxTypes<T> = {
     labelKey?: keyof T | any;
@@ -450,7 +454,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;
@@ -471,7 +475,7 @@ type ComboboxTypes<T> = {
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxTypes<any> & React.RefAttributes<HTMLDivElement>>;
 
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    helperText?: string;
+    helperText?: any;
     isLoading?: boolean;
     /** The label of the input field   */
     label?: any;
@@ -644,7 +648,7 @@ type CheckBoxTypes = {
     id: string;
     label?: React.ReactNode;
     sublabel?: React.ReactNode;
-    helperText?: string;
+    helperText?: any;
     size?: "xs" | "sm" | "default" | "md" | "lg" | "xl";
     radius?: RadiusType;
 };
@@ -688,22 +692,41 @@ type BadgeTypes = {
 declare const Badge: FC<BadgeTypes>;
 declare const BadgedComponent: ({ children, className, hideBadge, position, size, text }: any) => React__default.JSX.Element;
 
-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.ForwardRefExoticComponent<(Omit<Omit<React.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.ReactNode;
+    children?: undefined;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.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.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+declare const PinInputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PinInputSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const PinInputSeperator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.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.FC<PinInputProps>;
 
 declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element;
 
@@ -717,7 +740,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;
@@ -913,4 +936,4 @@ type PhoneMockupProps = {
 };
 declare const PhoneMockup: React__default.FC<PhoneMockupProps>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, Alert, AppCommand, AppStores, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox, ChipTypes, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, FileDropzone, FileUploader, FullCommand, type FullCommandItem, Input, InterfaceSettings, LabelProps, Loading, Logos, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Progress, ProgressCircle, ScrollArea, ScrollBar, ScrollIndicator, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, StopPropagationWrapper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextFieldTypes, Textarea, type TextareaProps, Toaster, ToasterToastProps, Tooltip, buttonVariants, navigationMenuTriggerStyle };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, Alert, AppCommand, AppStores, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox, ChipTypes, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, FileDropzone, FileUploader, FullCommand, type FullCommandItem, Input, InterfaceSettings, LabelProps, Loading, Logos, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneMockup, PinInput, PinInputGroup, PinInputRoot, PinInputSeperator, PinInputSlot, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Progress, ProgressCircle, ScrollArea, ScrollBar, ScrollIndicator, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, StopPropagationWrapper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextFieldTypes, Textarea, type TextareaProps, Toaster, ToasterToastProps, Tooltip, buttonVariants, navigationMenuTriggerStyle };