shadcn-zod-formkit 3.2.0 → 3.4.0

package/dist/index.d.mts

@@ -28,13 +28,13 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { ClassValue } from 'clsx';
 
-interface Props$j {
+interface Props$k {
     title: string;
     description: string | ReactNode;
     className?: string;
     variant?: "info" | "warning" | "error" | "success";
 }
-declare const CustomAlert: ({ title, description, className, variant, }: Props$j) => react_jsx_runtime.JSX.Element;
+declare const CustomAlert: ({ title, description, className, variant, }: Props$k) => react_jsx_runtime.JSX.Element;
 
 declare const validationMessages: {
     required: string;
@@ -87,7 +87,11 @@ declare enum InputTypes {
     AUTOCOMPLETE = "autocomplete",
     EMAIL = "email",
     SEARCH = "search",
-    LOCATION_PICKER = "location_picker"
+    LOCATION_PICKER = "location_picker",
+    DATE_RANGE = "date_range",
+    COUNTRY_SELECT = "country_select",
+    RANGE = "range",
+    FILE_UPLOAD = "file_upload"
 }
 declare const inputFieldComp: InputTypes[];
 
@@ -96,6 +100,7 @@ type FieldConfig<T, RT = Record<string, any>> = FieldProps<T, RT> | FieldConfig<
 interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     name: keyof T;
     label: string;
+    withKeyboard?: boolean;
     showWhen?: (values: Record<string, any>) => boolean;
     step?: number;
     withAddBtn?: boolean;
@@ -145,24 +150,7 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     hidden?: boolean;
     onListOptionChange?: (item: any) => void;
     listConfig?: ListConfig;
-    fileConfig?: {
-        previewSize?: number;
-        showPreview?: boolean;
-        accept: string;
-        multiple: boolean;
-        maxSize: number;
-        dragAndDrop?: boolean;
-        progressBar?: boolean;
-        uploadUrl?: string;
-        onUploadProgress?: (progress: number) => void;
-        onUploadComplete?: (response: any) => void;
-        previewFormats?: {
-            image?: boolean;
-            video?: boolean;
-            audio?: boolean;
-            pdf?: boolean;
-        };
-    };
+    fileConfig?: FileConfig;
     transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'trim' | ((value: any) => any);
     inputGroupConfig?: inputGroudConfig;
     helpText?: string;
@@ -228,6 +216,26 @@ interface inputGroudConfig {
     copyButton?: boolean;
     clearButton?: boolean;
 }
+interface FileConfig {
+    previewSize?: number;
+    showPreview?: boolean;
+    accept: string;
+    multiple: boolean;
+    maxSize: number;
+    dragAndDrop?: boolean;
+    progressBar?: boolean;
+    uploadUrl?: string;
+    onUploadProgress?: (progress: number) => void;
+    onUploadComplete?: (response: any) => void;
+    maxFiles?: number;
+    acceptedFormats?: string[];
+    previewFormats?: {
+        image?: boolean;
+        video?: boolean;
+        audio?: boolean;
+        pdf?: boolean;
+    };
+}
 interface ListConfig {
     children?: ReactNode | ((item: any, index: number) => ReactNode);
     list: InputOption[] | GroupedOption[];
@@ -304,7 +312,7 @@ interface FormResp<T> {
     form?: UseFormReturn<any>;
     data: T;
 }
-interface Props$i<T extends Record<string, any>> {
+interface Props$j<T extends Record<string, any>> {
     showIcon?: boolean;
     showFormHeader?: boolean;
     formTitle: string;
@@ -334,7 +342,7 @@ interface Props$i<T extends Record<string, any>> {
     currentStep?: number;
     totalSteps?: number;
 }
-declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onAnyFieldChange, onSubmit, onClick, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, listBtnConfig, submitBtnLabel, submitBtnLabelSubmiting, withFormWrapper, btnGroupDirection, withSubmitBtn, debug, isWrapInWizard, totalSteps, currentStep, submitBtnIcon }: Props$i<T>) => react_jsx_runtime.JSX.Element;
+declare const DynamicForm: <T extends Record<string, any>>({ formTitle, formSubTitle, fields, readOnly, record, onAnyFieldChange, onSubmit, onClick, extraValidations, children, childrenHeader, showIcon, showFormHeader, withErrorsAlert, errorAlertPosition, withCard, submitBtnClass, listBtnConfig, submitBtnLabel, submitBtnLabelSubmiting, withFormWrapper, btnGroupDirection, withSubmitBtn, debug, isWrapInWizard, totalSteps, currentStep, submitBtnIcon }: Props$j<T>) => react_jsx_runtime.JSX.Element;
 
 interface WizardRenderProps<T> {
     stepFields: FieldProps<T>[];
@@ -342,7 +350,7 @@ interface WizardRenderProps<T> {
     totalSteps: number;
     setCurrentStep: Dispatch<SetStateAction<number>>;
 }
-interface Props$h<T> {
+interface Props$i<T> {
     onSubmit?: (resp: FormResp<T>) => void;
     fields: FieldConfig<T>[];
     record: any;
@@ -350,12 +358,12 @@ interface Props$h<T> {
     isWrapInWizard?: boolean;
     skipSteps?: boolean;
 }
-declare const WizardForm: <T extends Record<string, any>>({ fields, record, onSubmit, children, isWrapInWizard, skipSteps, }: Props$h<T>) => react_jsx_runtime.JSX.Element;
+declare const WizardForm: <T extends Record<string, any>>({ fields, record, onSubmit, children, isWrapInWizard, skipSteps, }: Props$i<T>) => react_jsx_runtime.JSX.Element;
 
 declare const DynamicFormExample: () => react_jsx_runtime.JSX.Element;
 declare const mockFields: Array<FieldProps | FieldProps[]>;
 
-interface Props$g<T extends Record<string, any> = Record<string, any>> {
+interface Props$h<T extends Record<string, any> = Record<string, any>> {
     fields: FieldConfig<T>[];
     form: UseFormReturn<any>;
     readOnly?: boolean;
@@ -363,13 +371,13 @@ interface Props$g<T extends Record<string, any> = Record<string, any>> {
     className?: string;
     gap?: string;
 }
-declare const FormFieldsGrid: <T extends Record<string, any> = Record<string, any>>({ fields, form, isPending, readOnly, className, gap, }: Props$g<T>) => JSX.Element;
+declare const FormFieldsGrid: <T extends Record<string, any> = Record<string, any>>({ fields, form, isPending, readOnly, className, gap, }: Props$h<T>) => JSX.Element;
 
-interface Props$f<T extends FieldValues = Record<string, any>> {
+interface Props$g<T extends FieldValues = Record<string, any>> {
     formState: FormState<any>;
     fields: FieldConfig<T>[];
 }
-declare const FormErrorsAlert: <T extends FieldValues = Record<string, any>>({ formState, fields, }: Props$f<T>) => react_jsx_runtime.JSX.Element;
+declare const FormErrorsAlert: <T extends FieldValues = Record<string, any>>({ formState, fields, }: Props$g<T>) => react_jsx_runtime.JSX.Element;
 declare const getFieldLabel: <T extends FieldValues>(fieldErrorKey: string, fields: ReadonlyArray<FieldProps<T>>) => string;
 
 declare class InputFactory {
@@ -381,25 +389,25 @@ declare const getDynamicSchema: <T extends Record<string, any>>(fields: FieldCon
 declare class AccordionGroupedSwitchInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$e {
+interface Props$f {
     form: UseFormReturn;
     input: FieldProps;
     groups?: GroupedOption[];
     isSubmitting?: boolean;
     onChange?: (optionsUpdated: InputOption[]) => void;
 }
-declare const AccordionGroupedSwitches: ({ form, input, groups, onChange, isSubmitting }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const AccordionGroupedSwitches: ({ form, input, groups, onChange, isSubmitting }: Props$f) => react_jsx_runtime.JSX.Element;
 
 declare class ButtonGroupInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$d {
+interface Props$e {
     input: FieldProps;
     form: UseFormReturn;
     isSubmitting?: boolean;
     className?: string;
 }
-declare const FieldButtonGroup: ({ input, form, isSubmitting, className }: Props$d) => react_jsx_runtime.JSX.Element;
+declare const FieldButtonGroup: ({ input, form, isSubmitting, className }: Props$e) => react_jsx_runtime.JSX.Element;
 
 declare class CheckListInput extends BaseInput {
     render(): JSX.Element;
@@ -434,12 +442,12 @@ declare class CurrencyInput extends BaseInput {
  * Campo numérico con formato monetario.
  * Acepta solo números y el punto mientras se edita.
  */
-interface Props$c {
+interface Props$d {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldCurrency: ({ form, input, isSubmitting }: Props$c) => JSX.Element;
+declare const FieldCurrency: ({ form, input, isSubmitting }: Props$d) => JSX.Element;
 
 declare class DateInput extends BaseInput {
     render(): JSX.Element;
@@ -448,12 +456,12 @@ declare class DateInput extends BaseInput {
 declare class DateTimeInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$b {
+interface Props$c {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldDateTimeInput: ({ form, input, isSubmitting }: Props$b) => react_jsx_runtime.JSX.Element;
+declare const FieldDateTimeInput: ({ form, input, isSubmitting }: Props$c) => react_jsx_runtime.JSX.Element;
 
 declare class FileInput extends BaseInput {
     render(): JSX.Element;
@@ -462,28 +470,28 @@ declare class FileInput extends BaseInput {
 declare class FileMultiUploadInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$a {
+interface Props$b {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldFileMultiUpload: ({ input, form, isSubmitting }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const FieldFileMultiUpload: ({ input, form, isSubmitting }: Props$b) => react_jsx_runtime.JSX.Element;
 
 declare class GroupedSwitchInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$9 {
+interface Props$a {
     input: FieldProps;
     options?: InputOption[];
     isSubmitting?: boolean;
     onChange?: (optionsUpdated: InputOption[]) => void;
 }
-declare const GroupedSwitches: ({ options, onChange, input, isSubmitting }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const GroupedSwitches: ({ options, onChange, input, isSubmitting }: Props$a) => react_jsx_runtime.JSX.Element;
 
 declare class KeyValueListInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$8 {
+interface Props$9 {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
@@ -491,7 +499,7 @@ interface Props$8 {
 /**
  * 🧠 Lista editable de pares clave-valor
  */
-declare const FieldKeyValueList: ({ form, input, isSubmitting }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const FieldKeyValueList: ({ form, input, isSubmitting }: Props$9) => react_jsx_runtime.JSX.Element;
 
 declare class MultiSelectInput extends BaseInput {
     render(): react_jsx_runtime.JSX.Element;
@@ -512,12 +520,12 @@ declare class RadioGroupInput extends BaseInput {
 declare class RepeaterInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$7 {
+interface Props$8 {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldRepeater: ({ form, input, isSubmitting }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const FieldRepeater: ({ form, input, isSubmitting }: Props$8) => react_jsx_runtime.JSX.Element;
 
 /**
  * 🧱 Clase que extiende BaseInput
@@ -534,23 +542,23 @@ declare class SelectInput extends BaseInput {
 declare class SimpleCheckListInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$6 {
+interface Props$7 {
     input: FieldProps;
     value: InputOption[];
     isSubmitting?: boolean;
     onChange: (value: InputOption[]) => void;
 }
-declare const FieldSimpleCheckList: ({ input, value, onChange, isSubmitting }: Props$6) => react_jsx_runtime.JSX.Element;
+declare const FieldSimpleCheckList: ({ input, value, onChange, isSubmitting }: Props$7) => react_jsx_runtime.JSX.Element;
 
 declare class SliderInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$5 {
+interface Props$6 {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldSlider: ({ input, form, isSubmitting }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const FieldSlider: ({ input, form, isSubmitting }: Props$6) => react_jsx_runtime.JSX.Element;
 
 declare class SortableListInput<T> extends BaseInput {
     render(): JSX.Element;
@@ -559,7 +567,7 @@ declare class SortableListInput<T> extends BaseInput {
 declare class StringValueListInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$4 {
+interface Props$5 {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
@@ -567,7 +575,7 @@ interface Props$4 {
 /**
  * 🧠 Lista editable de strings
  */
-declare const FieldStringValueList: ({ form, input, isSubmitting }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const FieldStringValueList: ({ form, input, isSubmitting }: Props$5) => react_jsx_runtime.JSX.Element;
 
 declare class SwitchInput extends BaseInput {
     render(): JSX.Element;
@@ -584,12 +592,12 @@ declare class TextAreaInput extends BaseInput {
 declare class TextInputGroup extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$3 {
+interface Props$4 {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldTextGroup: ({ form, input, isSubmitting }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const FieldTextGroup: ({ form, input, isSubmitting }: Props$4) => react_jsx_runtime.JSX.Element;
 interface customInputGroup {
     value?: any;
     input: FieldProps<Record<string, any>, Record<string, any>>;
@@ -611,18 +619,28 @@ declare class TextInput extends BaseInput {
 declare class TimeInput extends BaseInput {
     render(): JSX.Element;
 }
-interface Props$2 {
+interface Props$3 {
     form: UseFormReturn;
     input: FieldProps;
     isSubmitting?: boolean;
 }
-declare const FieldTimeInput: ({ form, input, isSubmitting }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const FieldTimeInput: ({ form, input, isSubmitting }: Props$3) => react_jsx_runtime.JSX.Element;
 
-interface Props$1 {
+interface Props$2 {
     handleAddInput: (type: InputTypes, config?: InputSetup) => void;
     inputsTypes: InputTypes[];
 }
-declare const InputList: ({ handleAddInput, inputsTypes, }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const InputList: ({ handleAddInput, inputsTypes, }: Props$2) => react_jsx_runtime.JSX.Element;
+
+interface Props$1 {
+    title?: string;
+    children?: React.ReactNode;
+    childrenHeader?: React.ReactNode;
+    isOpen?: boolean;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+    className?: string;
+}
+declare const CustomSheet: ({ title, children, childrenHeader, isOpen, className, side }: Props$1) => react_jsx_runtime.JSX.Element;
 
 interface GenericFilterProps<T> {
     filters?: Array<FieldProps | FieldProps[]>;
@@ -913,4 +931,4 @@ declare function useFormPersist({ form, storageKey, storage, debounceMs, exclude
     clearSavedData: () => void;
 };
 
-export { Accordion, AccordionContent, AccordionGroupedSwitchInput, AccordionGroupedSwitches, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, BaseInput, type BtnConfig, Button, ButtonGroup, ButtonGroupInput, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckListInput, Checkbox, CheckboxInput, ColorCnInput, type ColorCompProps, ColorInput, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CurrencyInput, CustomAlert, CustomInputGroup, DateInput, DateTimeInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DynamicForm, DynamicFormExample, Field, FieldButtonGroup, type FieldConfig, FieldContent, FieldCurrency, FieldDateTimeInput, FieldDescription, FieldError, FieldFileMultiUpload, FieldGroup, FieldKeyValueList, FieldLabel, FieldLegend, type FieldProps, FieldRepeater, FieldSeparator, FieldSet, FieldSimpleCheckList, FieldSlider, FieldStringValueList, FieldTextGroup, FieldTimeInput, FieldTitle, FileInput, FileMultiUploadInput, Form, FormControl, FormDescription, FormErrorsAlert, FormField, FormFieldsGrid, FormItem, FormLabel, FormMessage, type FormResp, GenericFilter, type GroupedOption, GroupedSwitchInput, GroupedSwitches, Input, InputFactory, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputList, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputOption, type InputSetup, InputTypes, KeyValueListInput, Label, MultiSelectInput, NumberInput, OTPInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type Props, RadioGroup, RadioGroupInput, RadioGroupItem, RepeaterInput, RepeaterTabsInput, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SimpleCheckListInput, Slider, SliderInput, SortableListInput, StringValueListInput, Switch, SwitchInput, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, TextAreaInput, TextInput, TextInputGroup, TextInputType, Textarea, TimeInput, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WizardForm, badgeVariants, buttonGroupVariants, buttonVariants, cn, entitiesToGroupedOption, entitiesToInputOption, entityToGroupedOption, entityToInputOption, flattenFields, getDefaultValues, getDynamicSchema, getFieldLabel, handleOnChage, inputFieldComp, type inputNumberConfig, isValidField, mockFields, useDynamicForm, useFormField, useFormPersist, validationMessages };
+export { Accordion, AccordionContent, AccordionGroupedSwitchInput, AccordionGroupedSwitches, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, BaseInput, type BtnConfig, Button, ButtonGroup, ButtonGroupInput, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckListInput, Checkbox, CheckboxInput, ColorCnInput, type ColorCompProps, ColorInput, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CurrencyInput, CustomAlert, CustomInputGroup, CustomSheet, DateInput, DateTimeInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DynamicForm, DynamicFormExample, Field, FieldButtonGroup, type FieldConfig, FieldContent, FieldCurrency, FieldDateTimeInput, FieldDescription, FieldError, FieldFileMultiUpload, FieldGroup, FieldKeyValueList, FieldLabel, FieldLegend, type FieldProps, FieldRepeater, FieldSeparator, FieldSet, FieldSimpleCheckList, FieldSlider, FieldStringValueList, FieldTextGroup, FieldTimeInput, FieldTitle, type FileConfig, FileInput, FileMultiUploadInput, Form, FormControl, FormDescription, FormErrorsAlert, FormField, FormFieldsGrid, FormItem, FormLabel, FormMessage, type FormResp, GenericFilter, type GroupedOption, GroupedSwitchInput, GroupedSwitches, Input, InputFactory, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputList, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputOption, type InputSetup, InputTypes, KeyValueListInput, Label, MultiSelectInput, NumberInput, OTPInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type Props, RadioGroup, RadioGroupInput, RadioGroupItem, RepeaterInput, RepeaterTabsInput, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SimpleCheckListInput, Slider, SliderInput, SortableListInput, StringValueListInput, Switch, SwitchInput, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, TextAreaInput, TextInput, TextInputGroup, TextInputType, Textarea, TimeInput, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WizardForm, badgeVariants, buttonGroupVariants, buttonVariants, cn, entitiesToGroupedOption, entitiesToInputOption, entityToGroupedOption, entityToInputOption, flattenFields, getDefaultValues, getDynamicSchema, getFieldLabel, handleOnChage, inputFieldComp, type inputNumberConfig, isValidField, mockFields, useDynamicForm, useFormField, useFormPersist, validationMessages };