@react-solutions/inputs 0.2.4 → 0.2.7

package/dist/index.d.mts

@@ -1,11 +1,11 @@
 import { SliderProps, FormControlProps, FormLabelProps, SwitchProps, FormControlLabelProps, RadioGroupProps, RadioProps, FormControl, CheckboxProps, Box, Stack, ButtonProps, TextFieldProps, AutocompleteProps, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteCloseReason, SelectProps, MenuItemProps, InputLabel, SelectChangeEvent, IconButtonProps, TextFieldPropsSizeOverrides, SxProps, Theme } from '@mui/material';
 import * as React from 'react';
 import React__default, { SyntheticEvent, FocusEvent, ChangeEvent } from 'react';
-import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns/index';
 import { DateCalendarProps, TimeClockProps, TimeView, TimePickerProps, DatePickerProps } from '@mui/x-date-pickers';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { FilterOptionsState } from '@mui/material/useAutocomplete';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Control, FieldErrors } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
 
 /**
  * Error object type
@@ -438,7 +438,7 @@ type FieldError$d = {
  * Extended Date Calendar Field Props
  * Extends MUI DateCalendarProps with custom form field props
  */
-interface IDateCalendarFieldProps extends Omit<DateCalendarProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps"> {
+interface IDateCalendarFieldProps extends Omit<DateCalendarProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the calendar */
@@ -468,25 +468,25 @@ interface IDateCalendarFieldProps extends Omit<DateCalendarProps, "value" | "onC
     /** Function to disable specific years */
     shouldDisableYear?: (year: Date) => boolean;
     /** Custom styles for the DateCalendar */
-    calendarStyles?: DateCalendarProps["sx"];
+    calendarStyles?: DateCalendarProps['sx'];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
     /** Custom styles for FormLabel */
-    formLabelStyles?: FormLabelProps["sx"];
+    formLabelStyles?: FormLabelProps['sx'];
     /** Custom styles for the container Box */
-    containerStyles?: React__default.ComponentProps<typeof Box>["sx"];
+    containerStyles?: React__default.ComponentProps<typeof Box>['sx'];
     /** Callback fired when the date changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when a view change is requested */
-    onViewChange?: (view: "day" | "month" | "year") => void;
+    onViewChange?: (view: 'day' | 'month' | 'year') => void;
     /** Callback fired when a month change is requested */
     onMonthChange?: (month: Date) => void;
     /** Callback fired when a year change is requested */
     onYearChange?: (year: Date) => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: DateCalendarProps["slotProps"];
+    slotProps?: DateCalendarProps['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: DateCalendarProps["slots"];
+    slots?: DateCalendarProps['slots'];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Whether to show days outside current month */
@@ -498,7 +498,7 @@ interface IDateCalendarFieldProps extends Omit<DateCalendarProps, "value" | "onC
     /** Reference date for the calendar */
     referenceDate?: Date;
     /** Controlled view state */
-    view?: "day" | "month" | "year";
+    view?: 'day' | 'month' | 'year';
 }
 declare const DateCalendarField: React__default.ForwardRefExoticComponent<IDateCalendarFieldProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -512,7 +512,7 @@ type FieldError$c = {
  * Extended Time Clock Field Props
  * Extends MUI TimeClockProps with custom form field props
  */
-interface ITimeClockFieldProps extends Omit<TimeClockProps<TimeView>, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "view" | "onViewChange"> {
+interface ITimeClockFieldProps extends Omit<TimeClockProps<TimeView>, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'view' | 'onViewChange'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the time clock */
@@ -548,19 +548,19 @@ interface ITimeClockFieldProps extends Omit<TimeClockProps<TimeView>, "value" |
     /** Function to disable specific times */
     shouldDisableTime?: (time: Date, view: TimeView) => boolean;
     /** Custom styles for the TimeClock */
-    clockStyles?: TimeClockProps<TimeView>["sx"];
+    clockStyles?: TimeClockProps<TimeView>['sx'];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
     /** Custom styles for FormLabel */
-    formLabelStyles?: FormLabelProps["sx"];
+    formLabelStyles?: FormLabelProps['sx'];
     /** Custom styles for the container Box */
-    containerStyles?: React__default.ComponentProps<typeof Box>["sx"];
+    containerStyles?: React__default.ComponentProps<typeof Box>['sx'];
     /** Custom styles for the view buttons Stack */
-    buttonsStackStyles?: React__default.ComponentProps<typeof Stack>["sx"];
+    buttonsStackStyles?: React__default.ComponentProps<typeof Stack>['sx'];
     /** Custom styles for view buttons */
-    buttonStyles?: ButtonProps["sx"];
+    buttonStyles?: ButtonProps['sx'];
     /** Custom styles for active view button */
-    activeButtonStyles?: ButtonProps["sx"];
+    activeButtonStyles?: ButtonProps['sx'];
     /** Whether to show view selector buttons */
     showViewButtons?: boolean;
     /** Initial view */
@@ -572,9 +572,9 @@ interface ITimeClockFieldProps extends Omit<TimeClockProps<TimeView>, "value" |
     /** Callback fired when a view change is requested */
     onViewChange?: (view: TimeView) => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: TimeClockProps<TimeView>["slotProps"];
+    slotProps?: TimeClockProps<TimeView>['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: TimeClockProps<TimeView>["slots"];
+    slots?: TimeClockProps<TimeView>['slots'];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Auto focus */
@@ -592,7 +592,7 @@ type FieldError$b = {
  * Extended Time Picker Field Props
  * Extends MUI TimePickerProps with custom form field props
  */
-interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "renderInput" | "onViewChange"> {
+interface ITimePickerFieldProps extends Omit<TimePickerProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'renderInput' | 'onViewChange'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the time picker */
@@ -616,13 +616,13 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChang
     /** Maximum selectable time */
     maxTime?: Date;
     /** Function to disable specific times */
-    shouldDisableTime?: (time: Date, view: "hours" | "minutes" | "seconds") => boolean;
+    shouldDisableTime?: (time: Date, view: 'hours' | 'minutes' | 'seconds') => boolean;
     /** TextField size */
-    size?: TextFieldProps["size"];
+    size?: TextFieldProps['size'];
     /** TextField variant */
-    variant?: TextFieldProps["variant"];
+    variant?: TextFieldProps['variant'];
     /** TextField color */
-    color?: TextFieldProps["color"];
+    color?: TextFieldProps['color'];
     /** Placeholder text */
     placeholder?: string;
     /** Whether the field is read-only */
@@ -636,23 +636,23 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChang
     /** Whether to use 12-hour format */
     ampm?: boolean;
     /** Available views (hours, minutes, seconds) */
-    views?: ("hours" | "minutes" | "seconds")[];
+    views?: ('hours' | 'minutes' | 'seconds')[];
     /** Controlled view state */
-    view?: "hours" | "minutes" | "seconds";
+    view?: 'hours' | 'minutes' | 'seconds';
     /** Default view */
-    openTo?: "hours" | "minutes" | "seconds";
+    openTo?: 'hours' | 'minutes' | 'seconds';
     /** Format for displaying the time */
     format?: string;
     /** Custom styles for the TimePicker */
-    pickerStyles?: TimePickerProps["sx"];
+    pickerStyles?: TimePickerProps['sx'];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
     /** Custom styles for FormLabel */
-    formLabelStyles?: FormLabelProps["sx"];
+    formLabelStyles?: FormLabelProps['sx'];
     /** Custom styles for the container Box */
-    containerStyles?: React__default.ComponentProps<typeof Box>["sx"];
+    containerStyles?: React__default.ComponentProps<typeof Box>['sx'];
     /** Custom styles for the TextField */
-    textFieldStyles?: TextFieldProps["sx"];
+    textFieldStyles?: TextFieldProps['sx'];
     /** Callback fired when the time changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when the field receives focus */
@@ -660,15 +660,15 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChang
     /** Callback fired when the field loses focus */
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
     /** Callback fired when a view change is requested */
-    onViewChange?: (view: "hours" | "minutes" | "seconds" | "meridiem") => void;
+    onViewChange?: (view: 'hours' | 'minutes' | 'seconds' | 'meridiem') => void;
     /** Callback fired when the picker opens */
     onOpen?: () => void;
     /** Callback fired when the picker closes */
     onClose?: () => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: TimePickerProps["slotProps"];
+    slotProps?: TimePickerProps['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: TimePickerProps["slots"];
+    slots?: TimePickerProps['slots'];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Auto focus the input */
@@ -686,7 +686,7 @@ type FieldError$a = {
  * Extended Date Picker Field Props
  * Extends MUI DatePickerProps with custom form field props
  */
-interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChange" | "defaultValue" | "slots" | "slotProps" | "renderInput"> {
+interface IDatePickerFieldProps extends Omit<DatePickerProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'renderInput'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the date picker */
@@ -716,11 +716,11 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChang
     /** Function to disable specific years */
     shouldDisableYear?: (year: Date) => boolean;
     /** TextField size */
-    size?: TextFieldProps["size"];
+    size?: TextFieldProps['size'];
     /** TextField variant */
-    variant?: TextFieldProps["variant"];
+    variant?: TextFieldProps['variant'];
     /** TextField color */
-    color?: TextFieldProps["color"];
+    color?: TextFieldProps['color'];
     /** Placeholder text */
     placeholder?: string;
     /** Whether the field is read-only */
@@ -734,21 +734,21 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChang
     /** Reference date for the calendar */
     referenceDate?: Date;
     /** Controlled view state */
-    view?: "day" | "month" | "year";
+    view?: 'day' | 'month' | 'year';
     /** Format for displaying the date */
     format?: string;
     /** Whether to open the calendar on focus */
-    openTo?: "day" | "month" | "year";
+    openTo?: 'day' | 'month' | 'year';
     /** Custom styles for the DatePicker */
-    pickerStyles?: DatePickerProps["sx"];
+    pickerStyles?: DatePickerProps['sx'];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
     /** Custom styles for FormLabel */
-    formLabelStyles?: FormLabelProps["sx"];
+    formLabelStyles?: FormLabelProps['sx'];
     /** Custom styles for the container Box */
-    containerStyles?: React__default.ComponentProps<typeof Box>["sx"];
+    containerStyles?: React__default.ComponentProps<typeof Box>['sx'];
     /** Custom styles for the TextField */
-    textFieldStyles?: TextFieldProps["sx"];
+    textFieldStyles?: TextFieldProps['sx'];
     /** Callback fired when the date changes */
     onChange?: (value: Date | null) => void;
     /** Callback fired when the field receives focus */
@@ -756,7 +756,7 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChang
     /** Callback fired when the field loses focus */
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
     /** Callback fired when a view change is requested */
-    onViewChange?: (view: "day" | "month" | "year") => void;
+    onViewChange?: (view: 'day' | 'month' | 'year') => void;
     /** Callback fired when a month change is requested */
     onMonthChange?: (month: Date) => void;
     /** Callback fired when a year change is requested */
@@ -766,9 +766,9 @@ interface IDatePickerFieldProps extends Omit<DatePickerProps, "value" | "onChang
     /** Callback fired when the calendar closes */
     onClose?: () => void;
     /** Custom slot props for MUI v7 */
-    slotProps?: DatePickerProps["slotProps"];
+    slotProps?: DatePickerProps['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: DatePickerProps["slots"];
+    slots?: DatePickerProps['slots'];
     /** Date adapter to use (defaults to AdapterDateFns) */
     dateAdapter?: typeof AdapterDateFns;
     /** Whether to reduce animations */
@@ -788,7 +788,7 @@ type FieldError$9 = {
  * Extended File Upload Field Props
  * Extends MUI TextFieldProps with custom file upload props
  */
-interface IFileUploadFieldProps extends Omit<TextFieldProps, "value" | "onChange" | "name" | "type" | "error" | "onDrop"> {
+interface IFileUploadFieldProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'type' | 'error' | 'onDrop'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the file upload field */
@@ -820,11 +820,11 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, "value" | "onChange
     /** Placeholder text */
     placeholder?: string;
     /** TextField variant */
-    variant?: TextFieldProps["variant"];
+    variant?: TextFieldProps['variant'];
     /** TextField size */
-    size?: TextFieldProps["size"];
+    size?: TextFieldProps['size'];
     /** TextField color */
-    color?: TextFieldProps["color"];
+    color?: TextFieldProps['color'];
     /** Full width of the field */
     fullWidth?: boolean;
     /** Required field indicator */
@@ -832,11 +832,11 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, "value" | "onChange
     /** Upload button text */
     buttonText?: string;
     /** Upload button variant */
-    buttonVariant?: ButtonProps["variant"];
+    buttonVariant?: ButtonProps['variant'];
     /** Upload button color */
-    buttonColor?: ButtonProps["color"];
+    buttonColor?: ButtonProps['color'];
     /** Upload button size */
-    buttonSize?: ButtonProps["size"];
+    buttonSize?: ButtonProps['size'];
     /** Custom upload icon */
     uploadIcon?: React__default.ReactNode;
     /** Callback fired when file(s) change */
@@ -850,17 +850,17 @@ interface IFileUploadFieldProps extends Omit<TextFieldProps, "value" | "onChange
     /** Callback fired when file is dropped (drag and drop) */
     onDrop?: (files: FileList) => void;
     /** Custom styles for the TextField */
-    inputStyles?: TextFieldProps["sx"];
+    inputStyles?: TextFieldProps['sx'];
     /** Custom styles for the Button */
-    buttonStyles?: ButtonProps["sx"];
+    buttonStyles?: ButtonProps['sx'];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
     /** Custom styles for the container */
     containerStyles?: React__default.CSSProperties;
     /** Custom slot props for MUI v7 */
-    slotProps?: TextFieldProps["slotProps"];
+    slotProps?: TextFieldProps['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: TextFieldProps["slots"];
+    slots?: TextFieldProps['slots'];
 }
 declare const FileUploadField: React__default.ForwardRefExoticComponent<Omit<IFileUploadFieldProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
@@ -873,11 +873,11 @@ type FieldError$8 = {
 /**
  * Color format types
  */
-type ColorFormat = "hex" | "rgb" | "rgba" | "hsl" | "hsla";
+type ColorFormat = 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla';
 /**
  * Extended Color Picker Field Props
  */
-interface IColorPickerFieldProps extends Omit<TextFieldProps, "value" | "onChange" | "name" | "type" | "error" | "inputRef" | "multiline" | "variant" | "size"> {
+interface IColorPickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'name' | 'type' | 'error' | 'inputRef' | 'multiline' | 'variant' | 'size'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the color picker field */
@@ -893,11 +893,11 @@ interface IColorPickerFieldProps extends Omit<TextFieldProps, "value" | "onChang
     /** Placeholder text */
     placeholder?: string;
     /** TextField variant */
-    variant?: TextFieldProps["variant"];
+    variant?: TextFieldProps['variant'];
     /** TextField size */
-    size?: TextFieldProps["size"];
+    size?: TextFieldProps['size'];
     /** TextField color */
-    color?: TextFieldProps["color"];
+    color?: TextFieldProps['color'];
     /** Full width of the field */
     fullWidth?: boolean;
     /** Required field indicator */
@@ -925,13 +925,13 @@ interface IColorPickerFieldProps extends Omit<TextFieldProps, "value" | "onChang
     /** Custom styles for the color preview swatch */
     previewStyles?: React__default.CSSProperties;
     /** Custom styles for FormControl */
-    formControlStyles?: FormControlProps["sx"];
+    formControlStyles?: FormControlProps['sx'];
     /** Custom styles for TextField */
-    inputStyles?: TextFieldProps["sx"];
+    inputStyles?: TextFieldProps['sx'];
     /** Custom slot props for MUI v7 */
-    slotProps?: TextFieldProps["slotProps"];
+    slotProps?: TextFieldProps['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: TextFieldProps["slots"];
+    slots?: TextFieldProps['slots'];
 }
 declare const ColorPickerField: React__default.NamedExoticComponent<Omit<IColorPickerFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -950,7 +950,7 @@ type FieldError$7 = {
  * Extended Autocomplete Input Props
  * Extends MUI AutocompleteProps with custom form field props
  */
-interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOption, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "options" | "value" | "onChange" | "getOptionLabel" | "isOptionEqualToValue" | "renderOption"> {
+interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOption, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options' | 'value' | 'onChange' | 'getOptionLabel' | 'isOptionEqualToValue' | 'renderOption'> {
     /** Field name for form identification */
     name?: string;
     /** Label text for the input field */
@@ -968,11 +968,11 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Placeholder text */
     placeholder?: string;
     /** TextField variant */
-    variant?: TextFieldProps["variant"];
+    variant?: TextFieldProps['variant'];
     /** TextField size */
-    size?: TextFieldProps["size"];
+    size?: TextFieldProps['size'];
     /** TextField color */
-    color?: TextFieldProps["color"];
+    color?: TextFieldProps['color'];
     /** Full width of the field */
     fullWidth?: boolean;
     /** Required field indicator */
@@ -997,11 +997,11 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Custom icon for popup indicator */
     popupIcon?: React__default.ReactNode;
     /** Custom styles for the TextField */
-    inputStyles?: TextFieldProps["sx"];
+    inputStyles?: TextFieldProps['sx'];
     /** Custom styles for the Autocomplete */
-    autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["sx"];
+    autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['sx'];
     /** Custom styles for FormControl */
-    formControlStyles?: React__default.ComponentProps<typeof FormControl>["sx"];
+    formControlStyles?: React__default.ComponentProps<typeof FormControl>['sx'];
     /** Whether to show loading state */
     loading?: boolean;
     /** Text to show when loading */
@@ -1021,9 +1021,9 @@ interface IAutoCompleteInputProps<T extends AutoCompleteOption = AutoCompleteOpt
     /** Whether to disable list wrapping */
     disableListWrap?: boolean;
     /** Custom slot props for MUI v7 */
-    slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["slotProps"];
+    slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['slotProps'];
     /** Custom slots for MUI v7 */
-    slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>["slots"];
+    slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['slots'];
 }
 declare const AutoCompleteField: React__default.NamedExoticComponent<Omit<IAutoCompleteInputProps<AutoCompleteOption, boolean, boolean, boolean>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -1567,9 +1567,7 @@ interface IFormInputFields<TFieldValues extends FieldValues = FieldValues> {
     /** Label text for the field */
     label?: string;
     /** React Hook Form control object */
-    control: Control<TFieldValues>;
-    /** React Hook Form errors object */
-    errors: FieldErrors<TFieldValues>;
+    control?: any;
     /** Default value for the field */
     defaultValue?: any;
     /** Placeholder text */
@@ -1694,76 +1692,80 @@ interface IFormInputCheckBoxGroupFields<TFieldValues extends FieldValues = Field
     labelPlacement?: "end" | "start" | "top" | "bottom";
 }
 
-declare const FormInputTextField: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputTextField: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+
+declare const FormInputTextArea: React__default.MemoExoticComponent<({ name, label, control, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => react_jsx_runtime.JSX.Element>;
+
+declare const FormInputPasswordField: React__default.MemoExoticComponent<({ name, label, control, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputTextArea: React__default.MemoExoticComponent<({ name, label, control, errors, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputNumberField: React__default.MemoExoticComponent<({ name, label, control, pattern, min, max, step, allowDecimals, decimalPlaces, defaultValue, onChange, ...props }: IFormInputNumberFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputPasswordField: React__default.MemoExoticComponent<({ name, label, control, errors, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputTelField: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputNumberField: React__default.MemoExoticComponent<({ name, label, control, errors, pattern, min, max, step, allowDecimals, decimalPlaces, defaultValue, onChange, ...props }: IFormInputNumberFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputSearchField: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputTelField: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputOTPField: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputSearchField: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputSelect: React__default.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputOTPField: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputMultiSelect: React__default.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputSelect: React__default.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+declare const FormInputAutoComplete: React__default.MemoExoticComponent<({ name, label, control, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputMultiSelect: React__default.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+declare const FormInputMultiAutoComplete: React__default.MemoExoticComponent<({ name, label, control, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputAutoComplete: React__default.MemoExoticComponent<({ name, label, control, errors, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+declare const FormInputColorPicker: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputMultiAutoComplete: React__default.MemoExoticComponent<({ name, label, control, errors, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+declare const FormInputFileUpload: React__default.MemoExoticComponent<({ name, label, control, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputColorPicker: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputDatePicker: React__default.MemoExoticComponent<({ name, label, control, size, readOnly, shouldDisableDate, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputFileUpload: React__default.MemoExoticComponent<({ name, label, control, errors, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputTimePicker: React__default.MemoExoticComponent<({ name, label, control, ampm, timezone, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputDatePicker: React__default.MemoExoticComponent<({ name, label, control, errors, size, readOnly, shouldDisableDate, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputTimeClock: React__default.MemoExoticComponent<({ name, label, control, readOnly, disabled, ampm, views, ampmInClock, disablePast, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputTimePicker: React__default.MemoExoticComponent<({ name, label, control, errors, ampm, timezone, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputCalendar: React__default.MemoExoticComponent<({ name, label, control, readOnly, disabled, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputTimeClock: React__default.MemoExoticComponent<({ name, label, control, errors, readOnly, disabled, ampm, views, ampmInClock, disablePast, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputCheckBox: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputCalendar: React__default.MemoExoticComponent<({ name, label, control, errors, readOnly, disabled, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputCheckBoxGroup: React__default.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, row, color, labelPlacement, ...props }: IFormInputCheckBoxGroupFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputCheckBox: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputSwitch: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputCheckBoxGroup: React__default.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, row, color, labelPlacement, ...props }: IFormInputCheckBoxGroupFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputSlider: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputSwitch: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputRadioButton: React__default.MemoExoticComponent<({ name, label, control, checked, defaultValue, onChange, color, labelPlacement, ...props }: IFormInputRadioFields) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputSlider: React__default.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+declare const FormInputRadioButtonGroup: React__default.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
-declare const FormInputRadioButton: React__default.MemoExoticComponent<({ name, label, control, errors, checked, defaultValue, onChange, color, labelPlacement, ...props }: IFormInputRadioFields) => react_jsx_runtime.JSX.Element>;
+declare const NormalForm: () => react_jsx_runtime.JSX.Element;
 
-declare const FormInputRadioButtonGroup: React__default.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+declare const ReactHookForm: () => react_jsx_runtime.JSX.Element;
 
 declare const FormFields: {
-    FormInputTextField: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputTextArea: React.MemoExoticComponent<({ name, label, control, errors, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => react_jsx_runtime.JSX.Element>;
-    FormInputPasswordField: React.MemoExoticComponent<({ name, label, control, errors, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputNumberField: React.MemoExoticComponent<({ name, label, control, errors, pattern, min, max, step, allowDecimals, decimalPlaces, defaultValue, onChange, ...props }: IFormInputNumberFields) => react_jsx_runtime.JSX.Element>;
-    FormInputTelField: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputSearchField: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputOTPField: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputSelect: React.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
-    FormInputMultiSelect: React.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
-    FormInputAutoComplete: React.MemoExoticComponent<({ name, label, control, errors, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
-    FormInputMultiAutoComplete: React.MemoExoticComponent<({ name, label, control, errors, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
-    FormInputColorPicker: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputFileUpload: React.MemoExoticComponent<({ name, label, control, errors, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputDatePicker: React.MemoExoticComponent<({ name, label, control, errors, size, readOnly, shouldDisableDate, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
-    FormInputTimePicker: React.MemoExoticComponent<({ name, label, control, errors, ampm, timezone, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
-    FormInputTimeClock: React.MemoExoticComponent<({ name, label, control, errors, readOnly, disabled, ampm, views, ampmInClock, disablePast, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
-    FormInputCalendar: React.MemoExoticComponent<({ name, label, control, errors, readOnly, disabled, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
-    FormInputCheckBox: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputCheckBoxGroup: React.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, row, color, labelPlacement, ...props }: IFormInputCheckBoxGroupFields) => react_jsx_runtime.JSX.Element>;
-    FormInputSwitch: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputSlider: React.MemoExoticComponent<({ name, label, control, errors, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
-    FormInputSingleRadio: React.MemoExoticComponent<({ name, label, control, errors, checked, defaultValue, onChange, color, labelPlacement, ...props }: IFormInputRadioFields) => react_jsx_runtime.JSX.Element>;
-    FormInputRadioButtonGroup: React.MemoExoticComponent<({ name, label, control, errors, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+    FormInputTextField: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputTextArea: React.MemoExoticComponent<({ name, label, control, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => react_jsx_runtime.JSX.Element>;
+    FormInputPasswordField: React.MemoExoticComponent<({ name, label, control, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputNumberField: React.MemoExoticComponent<({ name, label, control, pattern, min, max, step, allowDecimals, decimalPlaces, defaultValue, onChange, ...props }: IFormInputNumberFields) => react_jsx_runtime.JSX.Element>;
+    FormInputTelField: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputSearchField: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputOTPField: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputSelect: React.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+    FormInputMultiSelect: React.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+    FormInputAutoComplete: React.MemoExoticComponent<({ name, label, control, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+    FormInputMultiAutoComplete: React.MemoExoticComponent<({ name, label, control, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
+    FormInputColorPicker: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputFileUpload: React.MemoExoticComponent<({ name, label, control, size, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputDatePicker: React.MemoExoticComponent<({ name, label, control, size, readOnly, shouldDisableDate, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+    FormInputTimePicker: React.MemoExoticComponent<({ name, label, control, ampm, timezone, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+    FormInputTimeClock: React.MemoExoticComponent<({ name, label, control, readOnly, disabled, ampm, views, ampmInClock, disablePast, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+    FormInputCalendar: React.MemoExoticComponent<({ name, label, control, readOnly, disabled, defaultValue, onChange, ...props }: IFormInputDateFields) => react_jsx_runtime.JSX.Element>;
+    FormInputCheckBox: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputCheckBoxGroup: React.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, row, color, labelPlacement, ...props }: IFormInputCheckBoxGroupFields) => react_jsx_runtime.JSX.Element>;
+    FormInputSwitch: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputSlider: React.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => react_jsx_runtime.JSX.Element>;
+    FormInputSingleRadio: React.MemoExoticComponent<({ name, label, control, checked, defaultValue, onChange, color, labelPlacement, ...props }: IFormInputRadioFields) => react_jsx_runtime.JSX.Element>;
+    FormInputRadioButtonGroup: React.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
     TextInputField: React.NamedExoticComponent<Omit<ITextInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     PasswordField: React.NamedExoticComponent<Omit<IPasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
     NumberField: React.NamedExoticComponent<Omit<INumberInputFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1786,4 +1788,4 @@ declare const FormFields: {
     SliderField: React.ForwardRefExoticComponent<Omit<ISliderFieldProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 };
 
-export { AutoCompleteField, CheckboxField as CheckBoxField, CheckboxFieldGroup as CheckBoxFieldGroup, ColorPickerField, DateCalendarField, DatePickerField, FileUploadField, FormInputAutoComplete, FormInputCalendar, FormInputCheckBox, FormInputCheckBoxGroup, FormInputColorPicker, FormInputDatePicker, FormInputFileUpload, FormInputMultiAutoComplete, FormInputMultiSelect, FormInputNumberField, FormInputOTPField, FormInputPasswordField, FormInputRadioButtonGroup, FormInputSearchField, FormInputSelect, FormInputRadioButton as FormInputSingleRadio, FormInputSlider, FormInputSwitch, FormInputTelField, FormInputTextArea, FormInputTextField, FormInputTimeClock, FormInputTimePicker, type IFormInputCheckBoxGroupFields, type IFormInputDateFields, type IFormInputFields, type IFormInputFieldsWithOptions, type IFormInputNumberFields, type IFormInputRadioFields, type IFormInputTextAreaFields, NumberField, OTPField, type Option, PasswordField, RadioButtonField, RadioButtonFieldGroup, SearchField as SearchInputField, SelectInputField, SliderField, SwitchField, TeliField as TelInputField, TextInputField, TimeClockField, TimePickerField, FormFields as default };
+export { AutoCompleteField, CheckboxField as CheckBoxField, CheckboxFieldGroup as CheckBoxFieldGroup, ColorPickerField, DateCalendarField, DatePickerField, NormalForm as DemoForm, ReactHookForm as DemoHookForm, FileUploadField, FormInputAutoComplete, FormInputCalendar, FormInputCheckBox, FormInputCheckBoxGroup, FormInputColorPicker, FormInputDatePicker, FormInputFileUpload, FormInputMultiAutoComplete, FormInputMultiSelect, FormInputNumberField, FormInputOTPField, FormInputPasswordField, FormInputRadioButtonGroup, FormInputSearchField, FormInputSelect, FormInputRadioButton as FormInputSingleRadio, FormInputSlider, FormInputSwitch, FormInputTelField, FormInputTextArea, FormInputTextField, FormInputTimeClock, FormInputTimePicker, type IFormInputCheckBoxGroupFields, type IFormInputDateFields, type IFormInputFields, type IFormInputFieldsWithOptions, type IFormInputNumberFields, type IFormInputRadioFields, type IFormInputTextAreaFields, NumberField, OTPField, type Option, PasswordField, RadioButtonField, RadioButtonFieldGroup, SearchField as SearchInputField, SelectInputField, SliderField, SwitchField, TeliField as TelInputField, TextInputField, TimeClockField, TimePickerField, FormFields as default };