shadcn-zod-formkit 3.0.2 → 3.2.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { ReactNode, JSX, Dispatch, SetStateAction, ChangeEventHandler } from 'react';
+import React__default, { ReactNode, JSX, Dispatch, SetStateAction, ChangeEventHandler } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { UseFormReturn, ControllerRenderProps, FieldValues, FormState, FieldPath, ControllerProps } from 'react-hook-form';
 import { ZodTypeAny, z, ZodObject } from 'zod';
@@ -118,6 +118,8 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     placeHolder?: string;
     description?: string;
     className?: string;
+    classNameInput?: string;
+    classNameGroupInput?: string;
     inputType?: InputTypes;
     keyboardType?: TextInputType;
     disabled?: boolean;
@@ -149,7 +151,19 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
         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;
+        };
     };
+    transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'trim' | ((value: any) => any);
     inputGroupConfig?: inputGroudConfig;
     helpText?: string;
     helpLink?: string;
@@ -176,6 +190,32 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     ariaLabel?: string;
     ariaDescribedBy?: string;
     ariaRequired?: boolean;
+    autoComplete?: string;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    spellCheck?: boolean;
+    inputNumberConfig?: inputNumberConfig;
+    inputDateConfig?: inputDateConfig;
+}
+interface inputDateConfig {
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    format?: string;
+    showWeekNumbers?: boolean;
+    firstDayOfWeek?: number;
+}
+interface inputNumberConfig {
+    allowDecimals?: boolean;
+    decimalPlaces?: number;
+    thousandsSeparator?: string;
+    decimalSeparator?: string;
+    prefix?: string;
+    suffix?: string;
+    allowNegative?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    formatOnInput?: boolean;
 }
 interface inputGroudConfig {
     autoValidIcons?: boolean;
@@ -183,6 +223,10 @@ interface inputGroudConfig {
     iconsRight?: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>[];
     textLeft?: string;
     textRight?: string;
+    transform?: 'uppercase' | 'lowercase' | 'capitalize';
+    debounceMs?: number;
+    copyButton?: boolean;
+    clearButton?: boolean;
 }
 interface ListConfig {
     children?: ReactNode | ((item: any, index: number) => ReactNode);
@@ -285,11 +329,12 @@ interface Props$i<T extends Record<string, any>> {
     childrenHeader?: ReactNode;
     listBtnConfig?: BtnConfig[];
     debug?: boolean;
+    submitBtnIcon?: React__default.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
     isWrapInWizard?: boolean;
     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, }: 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$i<T>) => react_jsx_runtime.JSX.Element;
 
 interface WizardRenderProps<T> {
     stepFields: FieldProps<T>[];
@@ -552,11 +597,12 @@ interface customInputGroup {
     form: UseFormReturn;
     isSubmitting?: boolean;
     isValid?: boolean;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
     setShowPassword?: Dispatch<SetStateAction<boolean>>;
     autoValidate?: boolean;
     onChange?: ChangeEventHandler<HTMLInputElement> | undefined;
 }
-declare const CustomInputGroup: ({ value, input, field, form, isSubmitting, onChange, isValid }: customInputGroup) => react_jsx_runtime.JSX.Element;
+declare const CustomInputGroup: ({ value, input, field, form, isSubmitting, onChange, isValid, autoCapitalize, }: customInputGroup) => react_jsx_runtime.JSX.Element;
 
 declare class TextInput extends BaseInput {
     render(): JSX.Element;
@@ -867,4 +913,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, 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, 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 };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { ReactNode, JSX, Dispatch, SetStateAction, ChangeEventHandler } from 'react';
+import React__default, { ReactNode, JSX, Dispatch, SetStateAction, ChangeEventHandler } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { UseFormReturn, ControllerRenderProps, FieldValues, FormState, FieldPath, ControllerProps } from 'react-hook-form';
 import { ZodTypeAny, z, ZodObject } from 'zod';
@@ -118,6 +118,8 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     placeHolder?: string;
     description?: string;
     className?: string;
+    classNameInput?: string;
+    classNameGroupInput?: string;
     inputType?: InputTypes;
     keyboardType?: TextInputType;
     disabled?: boolean;
@@ -149,7 +151,19 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
         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;
+        };
     };
+    transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'trim' | ((value: any) => any);
     inputGroupConfig?: inputGroudConfig;
     helpText?: string;
     helpLink?: string;
@@ -176,6 +190,32 @@ interface FieldProps<T = Record<string, any>, RT = Record<string, any>> {
     ariaLabel?: string;
     ariaDescribedBy?: string;
     ariaRequired?: boolean;
+    autoComplete?: string;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    spellCheck?: boolean;
+    inputNumberConfig?: inputNumberConfig;
+    inputDateConfig?: inputDateConfig;
+}
+interface inputDateConfig {
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    format?: string;
+    showWeekNumbers?: boolean;
+    firstDayOfWeek?: number;
+}
+interface inputNumberConfig {
+    allowDecimals?: boolean;
+    decimalPlaces?: number;
+    thousandsSeparator?: string;
+    decimalSeparator?: string;
+    prefix?: string;
+    suffix?: string;
+    allowNegative?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    formatOnInput?: boolean;
 }
 interface inputGroudConfig {
     autoValidIcons?: boolean;
@@ -183,6 +223,10 @@ interface inputGroudConfig {
     iconsRight?: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>[];
     textLeft?: string;
     textRight?: string;
+    transform?: 'uppercase' | 'lowercase' | 'capitalize';
+    debounceMs?: number;
+    copyButton?: boolean;
+    clearButton?: boolean;
 }
 interface ListConfig {
     children?: ReactNode | ((item: any, index: number) => ReactNode);
@@ -285,11 +329,12 @@ interface Props$i<T extends Record<string, any>> {
     childrenHeader?: ReactNode;
     listBtnConfig?: BtnConfig[];
     debug?: boolean;
+    submitBtnIcon?: React__default.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
     isWrapInWizard?: boolean;
     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, }: 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$i<T>) => react_jsx_runtime.JSX.Element;
 
 interface WizardRenderProps<T> {
     stepFields: FieldProps<T>[];
@@ -552,11 +597,12 @@ interface customInputGroup {
     form: UseFormReturn;
     isSubmitting?: boolean;
     isValid?: boolean;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
     setShowPassword?: Dispatch<SetStateAction<boolean>>;
     autoValidate?: boolean;
     onChange?: ChangeEventHandler<HTMLInputElement> | undefined;
 }
-declare const CustomInputGroup: ({ value, input, field, form, isSubmitting, onChange, isValid }: customInputGroup) => react_jsx_runtime.JSX.Element;
+declare const CustomInputGroup: ({ value, input, field, form, isSubmitting, onChange, isValid, autoCapitalize, }: customInputGroup) => react_jsx_runtime.JSX.Element;
 
 declare class TextInput extends BaseInput {
     render(): JSX.Element;
@@ -867,4 +913,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, 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, 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 };

package/dist/index.mjs

@@ -12726,7 +12726,8 @@ var FieldTextGroup = ({ form, input, isSubmitting }) => {
             isSubmitting,
             field,
             form,
-            isValid
+            isValid,
+            autoCapitalize: input.autoCapitalize
           }) }),
           input.description && /* @__PURE__ */ jsx(FormDescription, { children: input.description }),
           /* @__PURE__ */ jsx(FormMessage, {})
@@ -12744,7 +12745,8 @@ var CustomInputGroup = ({
   form,
   isSubmitting,
   onChange,
-  isValid
+  isValid,
+  autoCapitalize = "none"
 }) => {
   const groupConfig = input.inputGroupConfig;
   const infoTooltip = input?.infoTooltip;
@@ -12760,7 +12762,64 @@ var CustomInputGroup = ({
   const isPasswordField = input.keyboardType === "password" /* PASSWORD */;
   const isNumberField = input.keyboardType === "number" /* NUMBER */;
   const showInputGroupAddons = iconsRight.length > 0 || textRight || autoValidate || infoTooltip || isPasswordField;
-  return /* @__PURE__ */ jsxs(InputGroup, { children: [
+  const applyMask = (value2, mask) => {
+    if (!mask) return value2;
+    if (typeof mask === "string") {
+      let result = "";
+      let valueIndex = 0;
+      for (let i = 0; i < mask.length && valueIndex < value2.length; i++) {
+        if (mask[i] === "#") {
+          result += value2[valueIndex++];
+        } else {
+          result += mask[i];
+        }
+      }
+      return result;
+    } else if (mask instanceof RegExp) {
+      const matches = value2.match(mask);
+      return matches ? matches.join("") : value2;
+    }
+    return value2;
+  };
+  const formatNumber = (value2, config) => {
+    if (!config || value2 === "") return value2;
+    let numValue = parseFloat(value2);
+    if (isNaN(numValue)) return value2;
+    if (config.min !== void 0 && numValue < config.min) return config.min.toString();
+    if (config.max !== void 0 && numValue > config.max) return config.max.toString();
+    if (!config.allowDecimals) numValue = Math.floor(numValue);
+    const options = {
+      minimumFractionDigits: config.allowDecimals ? config.decimalPlaces || 2 : 0,
+      maximumFractionDigits: config.allowDecimals ? config.decimalPlaces || 2 : 0
+    };
+    let formatted = numValue.toLocaleString("en-US", options);
+    if (config.thousandsSeparator) {
+      formatted = formatted.replace(/,/g, config.thousandsSeparator);
+    }
+    if (config.decimalSeparator && config.decimalSeparator !== ".") {
+      formatted = formatted.replace(".", config.decimalSeparator);
+    }
+    return `${config.prefix || ""}${formatted}${config.suffix || ""}`;
+  };
+  const applyTransform = (value2, transform) => {
+    if (!transform) return value2;
+    if (typeof transform === "function") {
+      return transform(value2);
+    }
+    switch (transform) {
+      case "uppercase":
+        return value2.toUpperCase();
+      case "lowercase":
+        return value2.toLowerCase();
+      case "capitalize":
+        return value2.charAt(0).toUpperCase() + value2.slice(1).toLowerCase();
+      case "trim":
+        return value2.trim();
+      default:
+        return value2;
+    }
+  };
+  return /* @__PURE__ */ jsxs(InputGroup, { className: input.classNameGroupInput ?? "h-10", children: [
     (iconsLeft.length > 0 || textLeft) && /* @__PURE__ */ jsxs(InputGroupAddon, { children: [
       textLeft && /* @__PURE__ */ jsx(InputGroupText, { children: textLeft }),
       iconsLeft.map((IconComponent, index) => /* @__PURE__ */ jsx(IconComponent, { size: 20 }, index))
@@ -12768,6 +12827,7 @@ var CustomInputGroup = ({
     /* @__PURE__ */ jsx(
       InputGroupInput,
       {
+        className: input.classNameInput ?? "h-full text-xl font-semibold",
         placeholder: input.placeHolder,
         disabled: input.disabled || isSubmitting,
         onBlur: field?.onBlur,
@@ -12781,7 +12841,18 @@ var CustomInputGroup = ({
           }
           let value2 = e.target.value;
           if (isNumberField) {
-            value2 = e.target.value === "" ? "" : Number(e.target.value);
+            const numConfig = input.inputNumberConfig;
+            const cleanValue = value2.replace(/[^\d.-]/g, "");
+            const numValue = cleanValue === "" ? "" : Number(cleanValue);
+            if (numConfig?.formatOnInput) {
+              value2 = formatNumber(cleanValue, numConfig);
+            } else {
+              value2 = numValue;
+            }
+          } else {
+            let processedValue = e.target.value;
+            processedValue = applyMask(processedValue, input.mask);
+            value2 = applyTransform(processedValue, input.transform);
           }
           field?.onChange(value2);
           isValidField(input, form);
@@ -14060,6 +14131,44 @@ var TextInput = class extends BaseInput {
 var FieldText = ({ input, form, isSubmitting }) => {
   const hidden = input.hidden ?? input.inputType === "hidden" /* HIDDEN */;
   const type = hidden ? "hidden" : input.keyboardType || "text";
+  const applyMask = (value, mask) => {
+    if (!mask) return value;
+    if (typeof mask === "string") {
+      let result = "";
+      let valueIndex = 0;
+      for (let i = 0; i < mask.length && valueIndex < value.length; i++) {
+        if (mask[i] === "#") {
+          result += value[valueIndex++];
+        } else {
+          result += mask[i];
+        }
+      }
+      return result;
+    } else if (mask instanceof RegExp) {
+      const matches = value.match(mask);
+      return matches ? matches.join("") : value;
+    }
+    return value;
+  };
+  const applyTransform = (value) => {
+    input.inputGroupConfig?.transform || input.transform;
+    if (!input.inputGroupConfig?.transform) return value;
+    if (typeof input.transform === "function") {
+      return input.transform(value);
+    }
+    switch (input.transform) {
+      case "uppercase":
+        return value.toUpperCase();
+      case "lowercase":
+        return value.toLowerCase();
+      case "capitalize":
+        return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
+      case "trim":
+        return value.trim();
+      default:
+        return value;
+    }
+  };
   return /* @__PURE__ */ jsx(
     FormField,
     {
@@ -14071,10 +14180,17 @@ var FieldText = ({ input, form, isSubmitting }) => {
           Input,
           {
             className: "min-w-[180px]",
+            autoCapitalize: input.autoCapitalize,
             placeholder: input.placeHolder,
             ...field,
             type,
-            onChange: (e) => handleOnChage(e, input, field),
+            onChange: (e) => {
+              let processedValue = e.target.value;
+              processedValue = applyMask(processedValue, input.mask);
+              const transformedValue = applyTransform(processedValue);
+              field.onChange(transformedValue);
+              handleOnChage(e, input, field);
+            },
             disabled: input.disabled || isSubmitting
           }
         ) }),
@@ -15191,7 +15307,8 @@ var DynamicForm = ({
   debug = false,
   isWrapInWizard = false,
   totalSteps = 0,
-  currentStep = 1
+  currentStep = 1,
+  submitBtnIcon = Save
 }) => {
   const [isPending, startTransition] = useTransition();
   const schema = useMemo(() => {
@@ -15266,7 +15383,7 @@ var DynamicForm = ({
             /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 mr-2 animate-spin" })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             submitBtnLabel,
-            (totalSteps == 0 || totalSteps == currentStep) && /* @__PURE__ */ jsx(Save, { className: "h-5 w-5 mr-2" })
+            (totalSteps == 0 || totalSteps == currentStep) && submitBtnIcon && React3__default.createElement(submitBtnIcon, { className: "h-5 w-5 mr-2" })
           ] })
         }
       )