@itcase/forms 1.1.61 → 1.1.63

package/dist/form/Field/RadioGroup/stories/FormFieldRadioGroup.stories.d.ts

@@ -0,0 +1,44 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormField as component };
+    export namespace args {
+        namespace config {
+            namespace FormFieldSegmented {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+                let options: {
+                    label: string;
+                    desc: string;
+                    value: string;
+                }[];
+            }
+        }
+    }
+}

package/dist/form/Field/Segmented/FormFieldSegmented.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldSegmentedProps } from './FormFieldSegmented.interface';
+declare function FormFieldSegmented(props: FormFieldSegmentedProps): import("react/jsx-runtime").JSX.Element;
+export { FormFieldSegmented };

package/dist/form/Field/Segmented/FormFieldSegmented.interface.d.ts

@@ -0,0 +1,15 @@
+import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { Segment } from '@itcase/ui-web/components/Segmented';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type SegmentedField = BaseField & {
+    options: Segment[];
+    type: Extract<FormTypes, 'segmented'>;
+};
+type FormFieldSegmentedProps = SegmentedField & {};
+type DefaultSegmentedProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceKeys;
+    width: WidthProps;
+};
+export type { DefaultSegmentedProps, FormFieldSegmentedProps, SegmentedField };

package/dist/form/Field/Segmented/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSegmentedProps } from '../FormFieldSegmented.interface';
+declare const defaultSegmentedProps: DefaultSegmentedProps;
+export { defaultSegmentedProps };

package/dist/form/Field/Segmented/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultSegmentedProps } from './appearance/default';
+import { FormFieldSegmented } from './FormFieldSegmented';
+export { FormFieldSegmented, defaultSegmentedProps };

package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts

@@ -0,0 +1,45 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSegmented as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSegmented_1 {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceKeys;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+                let options: {
+                    label: string;
+                    value: string;
+                }[];
+            }
+            export { FormFieldSegmented_1 as FormFieldSegmented };
+        }
+    }
+}
+import { FormFieldSegmented } from '../index';

package/dist/form/Field/Select/FormFieldSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldSelectProps } from './FormFieldSelect.interface';
+declare const FormFieldSelect: React.NamedExoticComponent<FormFieldSelectProps>;
+export { FormFieldSelect };

package/dist/form/Field/Select/FormFieldSelect.interface.d.ts

@@ -0,0 +1,33 @@
+import { FieldRenderProps } from 'react-final-form';
+import { SelectInstance } from 'react-select';
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { SelectProps } from '@itcase/ui-web/components/Select';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+import { UseFieldValidationStateParams } from 'src/hooks/useFieldValidationState/useFieldValidationState.interface';
+type SelectField = BaseField & {
+    onChange: SelectProps<Option>['onChange'];
+    options: Option[];
+    selectProps: BaseField['inputProps'];
+    type: Extract<FormTypes, 'select'>;
+};
+type FormFieldSelectProps = SelectField & {
+    initialValue?: object;
+    onInputChange?: SelectProps<Option>['onInputChange'];
+    selectRef?: React.ForwardedRef<SelectInstance<Option>>;
+};
+type OptionValue = number | string;
+type GetDefaultValueParams = {
+    options: Array<Option & {
+        options?: Option[];
+    }>;
+    selectValue: OptionValue | OptionValue[];
+};
+type SelectFieldRenderProps = FieldRenderProps<UseFieldValidationStateParams['meta'], HTMLElement, string[]>;
+type DefaultSelectProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultSelectProps, FormFieldSelectProps, GetDefaultValueParams, SelectField, SelectFieldRenderProps, };

package/dist/form/Field/Select/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSelectProps } from '../FormFieldSelect.interface';
+declare const defaultSelectProps: DefaultSelectProps;
+export { defaultSelectProps };

package/dist/form/Field/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultSelectProps } from './appearance/default';
+import { FormFieldSelect } from './FormFieldSelect';
+export { defaultSelectProps, FormFieldSelect };

package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts

@@ -0,0 +1,45 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSelect as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSelect_1 {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let options: {
+                    label: string;
+                    value: string;
+                }[];
+                let selectProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+            export { FormFieldSelect_1 as FormFieldSelect };
+        }
+    }
+}
+import { FormFieldSelect } from '../index';

package/dist/form/Field/Switch/FormFieldSwitch.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { defaultSwitchProps } from './appearance/default';
+import { FormFieldSwitchProps } from './FormFieldSwitch.interface';
+declare const FormFieldSwitch: React.NamedExoticComponent<FormFieldSwitchProps>;
+export { defaultSwitchProps, FormFieldSwitch };

package/dist/form/Field/Switch/FormFieldSwitch.interface.d.ts

@@ -0,0 +1,16 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type SwitchField = BaseField & {
+    type: Extract<FormTypes, 'switch'>;
+};
+type FormFieldSwitchProps = SwitchField & {
+    name: string;
+    onChange?: (isChecked: boolean, name: string) => void;
+};
+type DefaultSwitchProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultSwitchProps, FormFieldSwitchProps, SwitchField };

package/dist/form/Field/Switch/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSwitchProps } from '../FormFieldSwitch.interface';
+declare const defaultSwitchProps: DefaultSwitchProps;
+export { defaultSwitchProps };

package/dist/form/Field/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultSwitchProps } from './appearance/default';
+import { FormFieldSwitch } from './FormFieldSwitch';
+export { defaultSwitchProps, FormFieldSwitch };

package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts

@@ -0,0 +1,30 @@
+export default meta;
+export namespace Demo {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Skeleton {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSwitch as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSwitch_1 {
+                let type: any;
+                let fieldProps: any;
+                let inputProps: {
+                    title: string;
+                    desc: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+            export { FormFieldSwitch_1 as FormFieldSwitch };
+        }
+    }
+}
+import { FormFieldSwitch } from '../index';

package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts

@@ -0,0 +1,42 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSwitch as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSwitch_1 {
+                let type: any;
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    title: string;
+                    desc: string;
+                };
+            }
+            export { FormFieldSwitch_1 as FormFieldSwitch };
+        }
+    }
+}
+import { FormFieldSwitch } from '../index';

package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts

@@ -0,0 +1,42 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSwitch as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSwitch_1 {
+                let type: any;
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    title: string;
+                    desc: string;
+                };
+            }
+            export { FormFieldSwitch_1 as FormFieldSwitch };
+        }
+    }
+}
+import { FormFieldSwitch } from '../index';

package/dist/form/Field/Textarea/FormFieldTextarea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldTextareaProps } from './FormFieldTextarea.interface';
+declare const FormFieldTextarea: React.NamedExoticComponent<FormFieldTextareaProps>;
+export { FormFieldTextarea };

package/dist/form/Field/Textarea/FormFieldTextarea.interface.d.ts

@@ -0,0 +1,13 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type TextareaField = BaseField & {
+    type: Extract<FormTypes, 'textarea'>;
+};
+type FormFieldTextareaProps = TextareaField & {};
+type DefaultTextareaProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultTextareaProps, FormFieldTextareaProps, TextareaField };

package/dist/form/Field/Textarea/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTextareaProps } from '../FormFieldTextarea.interface';
+declare const defaultTextareaProps: DefaultTextareaProps;
+export { defaultTextareaProps };

package/dist/form/Field/Textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultTextareaProps } from './appearance/default';
+import { FormFieldTextarea } from './FormFieldTextarea';
+export { defaultTextareaProps, FormFieldTextarea };

package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts

@@ -0,0 +1,48 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldTextarea as component };
+    export namespace args {
+        namespace config {
+            namespace field {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+import { FormFieldTextarea } from '../index';
+import * as yup from 'yup';

package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts

@@ -0,0 +1,48 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldTextarea as component };
+    export namespace args {
+        namespace config {
+            namespace field {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+import { FormFieldTextarea } from '../index';
+import * as yup from 'yup';

package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts

@@ -0,0 +1,48 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldTextarea as component };
+    export namespace args {
+        namespace config {
+            namespace field {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+import { FormFieldTextarea } from '../index';
+import * as yup from 'yup';

package/dist/form/Field/index.d.ts

@@ -0,0 +1,20 @@
+import { Field } from 'react-final-form';
+export { Field };
+export { defaultCheckboxProps, FormFieldCheckbox } from './Checkbox';
+export { defaultChipsProps, FormFieldChips } from './Chips';
+export { defaultChoiceProps, FormFieldChoice } from './Choice';
+export { defaultCodeProps, FormFieldCode } from './Code';
+export { FormFieldCustom } from './Custom';
+export { defaultDadataInputProps, FormFieldDadataInput } from './Dadata';
+export { defaultDatepickerProps, FormFieldDatePicker } from './DatePicker';
+export { defaultDropzoneProps, FormFieldFileInput } from './FileInput';
+export { defaultGroupProps, FormGroup } from './Group';
+export { defaultInputProps, FormFieldInput } from './Input';
+export { defaultInputNumberProps, FormFieldInputNumber } from './InputNumber';
+export { FormFieldMaskedInput } from './MaskedInput';
+export { defaultPasswordProps, FormFieldPassword } from './Password';
+export { defaultRadioProps, FormFieldRadioGroup } from './RadioGroup';
+export { defaultSegmentedProps, FormFieldSegmented } from './Segmented';
+export { defaultSelectProps, FormFieldSelect } from './Select';
+export { defaultSwitchProps, FormFieldSwitch } from './Switch';
+export { defaultTextareaProps, FormFieldTextarea } from './Textarea';

package/dist/form/FieldWrapper/FieldWrapper.d.ts

@@ -0,0 +1,4 @@
+import { FieldWrapperBaseProps, FieldWrapperProps } from './FieldWrapper.interface';
+declare function FieldWrapperBase(props: FieldWrapperBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldWrapper(props: FieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+export { FieldWrapper, FieldWrapperBase };

package/dist/form/FieldWrapper/FieldWrapper.interface.d.ts

@@ -0,0 +1,77 @@
+import { DirectionProps, WidthProps } from '@itcase/types-ui';
+import { DividerProps } from '@itcase/ui-web/components/Divider';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { FormTypes } from '../generator/generator.interface';
+type FieldWrapperProps = FieldWrapperBaseProps & {
+    inputName: string;
+};
+type FieldWrapperBaseProps = {
+    id?: string;
+    after?: React.ReactNode;
+    afterItem?: React.ReactNode;
+    before?: React.ReactNode;
+    beforeItem?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    dividerDirection?: DividerProps['direction'];
+    dividerFill?: DividerProps['fill'];
+    dividerSize?: DividerProps['size'];
+    dividerWidth?: DividerProps['width'];
+    errorKey?: 'error' | 'required';
+    errorMessage?: string;
+    errorMessageTextColor?: TextProps['textColor'];
+    errorMessageTextSize?: TextProps['size'];
+    errorMessageTextWeight?: TextProps['textWeight'];
+    fieldClassName?: string;
+    helpText?: string;
+    helpTextColor?: TextProps['textColor'];
+    helpTextColorSuccess?: TextProps['textColor'];
+    helpTextSize?: TextProps['size'];
+    helpTextSizeMobile?: TextProps['size'];
+    helpTextWeight?: TextProps['textWeight'];
+    inputName?: string;
+    inputValue?: boolean | object | string;
+    isDisabled?: boolean;
+    isErrorState?: boolean;
+    isHidden?: boolean;
+    isRequired?: boolean;
+    isValidState?: boolean;
+    label?: string;
+    labelHidden?: string;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    messageTextSize?: TextProps['size'];
+    metaActive?: boolean;
+    metaError?: boolean;
+    requiredMessageTextColor?: TextProps['textColor'];
+    requiredMessageTextSize?: TextProps['size'];
+    requiredMessageTextWeight?: TextProps['textWeight'];
+    showDivider?: boolean;
+    showMessage?: boolean;
+    tag?: 'div' | 'label';
+    type?: FormTypes;
+};
+type FieldBaseProps = {
+    direction?: DirectionProps;
+    dividerFill?: DividerProps['fill'];
+    errorMessageTextColor?: TextProps['textColor'];
+    helpTextColor?: TextProps['textColor'];
+    labelTextColor?: TextProps['textColor'];
+    messageTextColor?: TextProps['textColor'];
+    requiredMessageTextColor?: TextProps['textColor'];
+    showMessage?: boolean;
+    width?: WidthProps;
+};
+type FieldProps = FieldBaseProps & FieldWrapperBaseProps & {
+    errorMessageTextSize?: TextProps['size'];
+    requiredMessageTextSize?: TextProps['size'];
+    size?: TextProps['size'];
+};
+export type { FieldBaseProps, FieldProps, FieldWrapperBaseProps, FieldWrapperProps, };