@react-solutions/inputs 0.2.5 → 0.2.8

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import { DateCalendarProps, TimeClockProps, TimeView, TimePickerProps, DatePicke
 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, 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 */
@@ -609,6 +609,8 @@ interface ITimePickerFieldProps extends Omit<TimePickerProps, "value" | "onChang
     disabled?: boolean;
     /** Full width of the field */
     fullWidth?: boolean;
+    /** Whether to show title */
+    title?: boolean;
     /** Required field indicator */
     required?: boolean;
     /** Minimum selectable time */
@@ -616,13 +618,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 +638,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 +662,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,11 +688,12 @@ 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 */
     label?: string;
+    title?: boolean;
     /** Current selected date value */
     value: Date | null;
     /** Default date value */
@@ -716,11 +719,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 +737,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 +759,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 +769,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 +791,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 +823,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 +835,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 +853,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 +876,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 +896,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 +928,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 +953,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 +971,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 +1000,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 +1024,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>>;
 
@@ -1568,8 +1571,6 @@ interface IFormInputFields<TFieldValues extends FieldValues = FieldValues> {
     label?: string;
     /** React Hook Form control object */
     control?: any;
-    /** React Hook Form errors object */
-    errors: FieldErrors<TFieldValues>;
     /** Default value for the field */
     defaultValue?: any;
     /** Placeholder text */
@@ -1600,7 +1601,7 @@ interface IFormInputFields<TFieldValues extends FieldValues = FieldValues> {
  */
 interface IFormInputFieldsWithOptions<TFieldValues extends FieldValues = FieldValues> extends IFormInputFields<TFieldValues> {
     /** Options array for dropdown fields */
-    options?: Option[];
+    options?: any[];
     /** Limit number of tags displayed (for multi-select) */
     limitTags?: number;
     /** Custom render function for options */
@@ -1694,80 +1695,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, errors, rows, minRows, maxRows, resize, defaultValue, onChange, ...props }: IFormInputTextAreaFields) => 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, errors, size, defaultValue, onChange, ...props }: IFormInputFields) => 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 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 FormInputNumberField: React__default.MemoExoticComponent<({ name, label, control, pattern, min, max, step, allowDecimals, decimalPlaces, defaultValue, onChange, ...props }: IFormInputNumberFields) => 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 FormInputTelField: 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 FormInputSearchField: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => 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 FormInputOTPField: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => 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 FormInputSelect: React__default.MemoExoticComponent<({ name, label, control, options, 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 FormInputMultiSelect: React__default.MemoExoticComponent<({ name, label, control, options, 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 FormInputAutoComplete: React__default.MemoExoticComponent<({ name, label, control, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => 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 FormInputMultiAutoComplete: React__default.MemoExoticComponent<({ name, label, control, options, disabled, placeholder, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => 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 FormInputColorPicker: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => 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 FormInputFileUpload: React__default.MemoExoticComponent<({ name, label, control, size, defaultValue, onChange, ...props }: IFormInputFields) => 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 FormInputDatePicker: React__default.MemoExoticComponent<({ name, label, control, size, readOnly, shouldDisableDate, disabled, placeholder, 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 FormInputTimePicker: React__default.MemoExoticComponent<({ name, label, control, ampm, timezone, 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 FormInputTimeClock: React__default.MemoExoticComponent<({ name, label, control, readOnly, disabled, ampm, views, ampmInClock, disablePast, defaultValue, onChange, ...props }: IFormInputDateFields) => 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 FormInputCalendar: React__default.MemoExoticComponent<({ name, label, control, readOnly, disabled, defaultValue, onChange, ...props }: IFormInputDateFields) => 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 FormInputCheckBox: 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 FormInputCheckBoxGroup: React__default.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, row, color, labelPlacement, ...props }: IFormInputCheckBoxGroupFields) => 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 FormInputSwitch: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => 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 FormInputSlider: React__default.MemoExoticComponent<({ name, label, control, defaultValue, onChange, ...props }: IFormInputFields) => 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 FormInputRadioButton: React__default.MemoExoticComponent<({ name, label, control, checked, defaultValue, onChange, color, labelPlacement, ...props }: IFormInputRadioFields) => 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 FormInputRadioButtonGroup: React__default.MemoExoticComponent<({ name, label, control, options, defaultValue, onChange, ...props }: IFormInputFieldsWithOptions) => react_jsx_runtime.JSX.Element>;
 
 declare const NormalForm: () => 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>>;