@itcase/forms-web 0.0.0-stage → 1.1.117

package/dist/types/form/Field/Before/FormFieldBefore.d.ts

@@ -0,0 +1,3 @@
+import type { FormFieldBeforeProps } from './FormFieldBefore.interface';
+declare function FormFieldBefore(props: FormFieldBeforeProps): import("react").JSX.Element;
+export { FormFieldBefore };

package/dist/types/form/Field/Before/FormFieldBefore.interface.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { TextProps } from '@itcase/ui-web/components/Text';
+import type { TitleProps } from '@itcase/ui-web/components/Title';
+type FormFieldBeforeType = 'text' | 'title';
+interface FormFieldBeforeProps {
+    after?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    desc?: string;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    label?: string;
+    labelHidden?: string;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    title?: TitleProps['text'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TitleProps['size'];
+    titleTextWeight?: TitleProps['textWeight'];
+    type?: FormFieldBeforeType;
+}
+export type { FormFieldBeforeProps, FormFieldBeforeType };

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

@@ -0,0 +1,4 @@
+import { FormFieldBefore } from './FormFieldBefore';
+import type { FormFieldBeforeProps, FormFieldBeforeType } from './FormFieldBefore.interface';
+export { FormFieldBefore };
+export type { FormFieldBeforeProps, FormFieldBeforeType };

package/dist/types/form/Field/Checkbox/FormFieldCheckbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldCheckboxProps } from './FormFieldCheckbox.interface';
+declare const FormFieldCheckbox: React.MemoExoticComponent<(props: FormFieldCheckboxProps) => React.JSX.Element>;
+export { FormFieldCheckbox };

package/dist/types/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts

@@ -0,0 +1,22 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import type { CheckboxProps } from '@itcase/ui-web/components/Checkbox';
+import type { BaseField, FormTypes } from 'src/form';
+import { FieldWrapperBaseProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
+type DefaultCheckboxProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+type CheckboxInputProps = Partial<DefaultCheckboxProps & Pick<CheckboxProps, 'className' | 'dataTestId' | 'desc' | 'disabled' | 'indeterminate' | 'label' | 'value'>>;
+type CheckboxField = Omit<BaseField, 'inputProps'> & {
+    inputProps: CheckboxInputProps;
+    onChange?: (isChecked: boolean, name: string) => void;
+    type: Extract<FormTypes, 'checkbox'>;
+};
+type FormFieldCheckboxProps = CheckboxField & {
+    fieldProps?: FieldWrapperBaseProps;
+    initialValue?: boolean;
+};
+export type { CheckboxField, CheckboxInputProps, DefaultCheckboxProps, FormFieldCheckboxProps, };

package/dist/types/form/Field/Checkbox/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultCheckboxProps } from '../FormFieldCheckbox.interface';
+declare const defaultCheckboxProps: DefaultCheckboxProps;
+export { defaultCheckboxProps };

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

@@ -0,0 +1,4 @@
+import { defaultCheckboxProps } from './appearance/default';
+import { FormFieldCheckbox } from './FormFieldCheckbox';
+export { defaultCheckboxProps, FormFieldCheckbox };
+export type { CheckboxField, CheckboxInputProps, DefaultCheckboxProps, FormFieldCheckboxProps, } from './FormFieldCheckbox.interface';

package/dist/types/form/Field/Chips/FormFieldChips.d.ts

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

package/dist/types/form/Field/Chips/FormFieldChips.interface.d.ts

@@ -0,0 +1,28 @@
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import type { ChipsProps } from '@itcase/ui-web/components/Chips';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import type { BaseField, FormTypes } from 'src/form';
+type ChipsInputProps = Partial<ChipsProps & DefaultChipsProps>;
+type ChipsField = Omit<BaseField, 'inputProps'> & {
+    inputProps: ChipsInputProps;
+    options: Array<Option & {
+        isActive?: boolean;
+        isDisabled?: boolean;
+    }>;
+    type: Extract<FormTypes, 'chips'>;
+};
+type FormFieldChipsProps = ChipsField & {
+    emptyMessage?: string;
+    emptyMessageTextColor?: TextProps['textColor'];
+    emptyMessageTextSize?: TextProps['size'];
+    initialValue?: string[];
+    onChange?: (values: string[]) => void;
+};
+type DefaultChipsProps = {
+    appearance: CompositeAppearanceKeys;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceKeys;
+    width?: WidthProps;
+};
+export type { ChipsField, ChipsInputProps, DefaultChipsProps, FormFieldChipsProps, };

package/dist/types/form/Field/Chips/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultChipsProps } from '../FormFieldChips.interface';
+declare const defaultChipsProps: DefaultChipsProps;
+declare const defaultChipsPropsSizeXL: DefaultChipsProps;
+export { defaultChipsProps, defaultChipsPropsSizeXL };

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

@@ -0,0 +1,4 @@
+import { defaultChipsProps, defaultChipsPropsSizeXL } from './appearance/default';
+import { FormFieldChips } from './FormFieldChips';
+export { defaultChipsProps, defaultChipsPropsSizeXL, FormFieldChips };
+export type { ChipsField, ChipsInputProps, DefaultChipsProps, FormFieldChipsProps, } from './FormFieldChips.interface';

package/dist/types/form/Field/Choice/FormFieldChoice.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldChoiceProps } from './FormFieldChoice.interface';
+declare const FormFieldChoice: React.MemoExoticComponent<(props: FormFieldChoiceProps) => React.JSX.Element>;
+export { FormFieldChoice };

package/dist/types/form/Field/Choice/FormFieldChoice.interface.d.ts

@@ -0,0 +1,24 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { ChoiceProps } from '@itcase/ui-web/components/Choice';
+import type { BaseField, FormTypes } from 'src/form';
+import { FieldWrapperProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
+type ChoiceInputProps = Partial<ChoiceProps & DefaultChoiceProps>;
+type ChoiceField = Omit<BaseField, 'inputProps'> & {
+    inputProps: ChoiceInputProps;
+    onChange: (value: string, name: string, isChecked?: boolean) => void;
+    options: ChoiceProps['options'];
+    type: Extract<FormTypes, 'choice'>;
+};
+type FormFieldChoiceProps = ChoiceField & {
+    initialValue?: string;
+    isCheckbox?: boolean;
+    label?: FieldWrapperProps['label'];
+};
+type DefaultChoiceProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { ChoiceField, ChoiceInputProps, DefaultChoiceProps, FormFieldChoiceProps, };

package/dist/types/form/Field/Choice/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultChoiceProps } from '../FormFieldChoice.interface';
+declare const defaultChoiceProps: DefaultChoiceProps;
+declare const defaultChoicePropsSizeL: DefaultChoiceProps;
+export { defaultChoiceProps, defaultChoicePropsSizeL };

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

@@ -0,0 +1,4 @@
+import { defaultChoiceProps, defaultChoicePropsSizeL } from './appearance/default';
+import { FormFieldChoice } from './FormFieldChoice';
+export { defaultChoiceProps, defaultChoicePropsSizeL, FormFieldChoice };
+export type { ChoiceField, ChoiceInputProps, DefaultChoiceProps, FormFieldChoiceProps, } from './FormFieldChoice.interface';

package/dist/types/form/Field/Code/FormFieldCode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldCodeProps } from './FormFieldCode.interface';
+declare const FormFieldCode: React.MemoExoticComponent<(props: FormFieldCodeProps) => React.JSX.Element>;
+export { FormFieldCode };

package/dist/types/form/Field/Code/FormFieldCode.interface.d.ts

@@ -0,0 +1,20 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import type { CodeProps } from '@itcase/ui-web/components/Code';
+import type { BaseField, FormTypes } from 'src/form';
+type CodeInputProps = Partial<CodeProps & DefaultCodeProps>;
+type CodeField = CodeInputProps & Omit<BaseField, 'inputProps'> & {
+    inputProps?: CodeInputProps;
+    type: Extract<FormTypes, 'code'>;
+};
+type FormFieldCodeProps = CodeField & {
+    initialValue?: string;
+    label?: string;
+};
+type DefaultCodeProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { CodeField, CodeInputProps, DefaultCodeProps, FormFieldCodeProps };

package/dist/types/form/Field/Code/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultCodeProps } from '../FormFieldCode.interface';
+declare const defaultCodeProps: DefaultCodeProps;
+declare const defaultCodePropsSizeL: DefaultCodeProps;
+export { defaultCodeProps, defaultCodePropsSizeL };

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

@@ -0,0 +1,4 @@
+import { defaultCodeProps, defaultCodePropsSizeL } from './appearance/default';
+import { FormFieldCode } from './FormFieldCode';
+export { defaultCodeProps, defaultCodePropsSizeL, FormFieldCode };
+export type { CodeField, CodeInputProps, DefaultCodeProps, FormFieldCodeProps, } from './FormFieldCode.interface';

package/dist/types/form/Field/ColorInput/FormFieldColorInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FormFieldColorInputProps } from './FormFieldColorInput.interface';
+declare const FormFieldColorInput: React.MemoExoticComponent<(props: FormFieldColorInputProps) => React.JSX.Element>;
+export { FormFieldColorInput };

package/dist/types/form/Field/ColorInput/FormFieldColorInput.interface.d.ts

@@ -0,0 +1,20 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import type { ColorInputProps } from '@itcase/ui-web/components/ColorInput';
+import type { BaseField, FormTypes } from 'src/form';
+type ColorInputColorInputProps = Partial<ColorInputProps & DefaultColorInputProps>;
+type ColorInputField = Omit<BaseField, 'ColorInputProps'> & {
+    inputProps: ColorInputColorInputProps;
+    type: Extract<FormTypes, 'color'>;
+};
+type FormFieldColorInputProps = ColorInputField & {
+    initialValue?: string;
+    onChange?: (value: string, name?: string) => void;
+};
+type DefaultColorInputProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width: WidthProps;
+};
+export type { ColorInputColorInputProps, ColorInputField, DefaultColorInputProps, FormFieldColorInputProps, };

package/dist/types/form/Field/ColorInput/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultColorInputProps } from '../FormFieldColorInput.interface';
+declare const defaultColorInputProps: DefaultColorInputProps;
+declare const defaultColorInputPropsSizeXL: DefaultColorInputProps;
+export { defaultColorInputProps, defaultColorInputPropsSizeXL };

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

@@ -0,0 +1,4 @@
+import { defaultColorInputProps, defaultColorInputPropsSizeXL } from './appearance/default';
+import { FormFieldColorInput } from './FormFieldColorInput';
+export { defaultColorInputProps, defaultColorInputPropsSizeXL, FormFieldColorInput, };
+export type { ColorInputColorInputProps, ColorInputField, DefaultColorInputProps, FormFieldColorInputProps, } from './FormFieldColorInput.interface';

package/dist/types/form/Field/Custom/FormFieldCustom.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldCustomProps } from './FormFieldCustom.interface';
+declare const FormFieldCustom: React.MemoExoticComponent<(props: FormFieldCustomProps) => React.JSX.Element>;
+export { FormFieldCustom };

package/dist/types/form/Field/Custom/FormFieldCustom.interface.d.ts

@@ -0,0 +1,19 @@
+import { IconProps } from '@itcase/ui-web/components/Icon';
+import type { BaseField, FormTypes } from 'src/form';
+type CustomField = BaseField & {
+    Component: React.ComponentType<Partial<Record<string, boolean | object | string>>>;
+    type: Extract<FormTypes, 'custom'>;
+};
+type FormFieldCustomProps = CustomField & {
+    classNameGroupItem?: string;
+    clearIcon?: IconProps['SvgImage'];
+    clearIconFill?: IconProps['iconFill'];
+    clearIconFillHover?: IconProps['iconFillHover'];
+    clearIconShape?: IconProps['shape'];
+    clearIconSize?: IconProps['size'];
+    dataTestId?: string;
+    initialValue?: object;
+    isHidden?: boolean;
+    onClickClearIcon?: IconProps['onClick'];
+};
+export type { CustomField, FormFieldCustomProps };

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

@@ -0,0 +1,4 @@
+import { FormFieldCustom } from './FormFieldCustom';
+import type { CustomField, FormFieldCustomProps } from './FormFieldCustom.interface';
+export { FormFieldCustom };
+export type { CustomField, FormFieldCustomProps };

package/dist/types/form/Field/Dadata/FormFieldDadataInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldDadataInputProps } from './FormFieldDadataInput.interface';
+declare const FormFieldDadataInput: React.MemoExoticComponent<(props: FormFieldDadataInputProps) => React.JSX.Element>;
+export { FormFieldDadataInput };

package/dist/types/form/Field/Dadata/FormFieldDadataInput.interface.d.ts

@@ -0,0 +1,21 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { DadataProps } from '@itcase/ui-web/components/Dadata';
+import type { BaseField, FormTypes } from 'src/form';
+type DadataInputProps = Partial<DadataProps['inputProps'] & DefaultDadataProps>;
+type DadataField = Omit<BaseField, 'inputProps'> & {
+    inputProps: DadataInputProps;
+    token: DadataProps['token'];
+    type: Extract<FormTypes, 'dadataInput'>;
+};
+type FormFieldDadataInputProps = DadataField & {
+    initialValue?: string;
+    onDadataAutocomplete?: DadataProps['setValue'];
+    parse?: (value: number, name: string) => string;
+};
+type DefaultDadataProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DadataField, DadataInputProps, DefaultDadataProps, FormFieldDadataInputProps, };

package/dist/types/form/Field/Dadata/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultDadataProps } from '../FormFieldDadataInput.interface';
+declare const defaultDadataInputProps: DefaultDadataProps;
+export { defaultDadataInputProps };

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

@@ -0,0 +1,4 @@
+import { defaultDadataInputProps } from './appearance/default';
+import { FormFieldDadataInput } from './FormFieldDadataInput';
+export { defaultDadataInputProps, FormFieldDadataInput };
+export type { DadataField, DadataInputProps, DefaultDadataProps, FormFieldDadataInputProps, } from './FormFieldDadataInput.interface';

package/dist/types/form/Field/DatePicker/FormFieldDatePicker.d.ts

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

package/dist/types/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts

@@ -0,0 +1,20 @@
+import type { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import type { DatePickerInputProps } from '@itcase/ui-web/components/DatePicker';
+import type { BaseField, FormTypes } from 'src/form';
+type DefaultDatepickerInputProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+type DatePickerFieldInputProps = Partial<DatePickerInputProps['inputProps'] & DefaultDatepickerInputProps>;
+type DatePickerField = Omit<BaseField, 'inputProps'> & {
+    inputProps: DatePickerFieldInputProps;
+    type: Extract<FormTypes, 'datePicker'>;
+};
+type FormFieldDatePickerProps = DatePickerField & {
+    datePickerProps?: DatePickerInputProps['datePickerProps'];
+    onChange?: DatePickerInputProps['onChange'];
+};
+export type { DatePickerField, DatePickerFieldInputProps, DefaultDatepickerInputProps, FormFieldDatePickerProps, };

package/dist/types/form/Field/DatePicker/appearance/default.d.ts

@@ -0,0 +1,15 @@
+import { DefaultDatepickerInputProps } from '../FormFieldDatePicker.interface';
+declare const defaultDatepickerProps: {
+    appearance: string;
+    dateFormat: string;
+    readOnly: boolean;
+    selectsRange: boolean;
+    showTimeSelect: boolean;
+    timeCaption: string;
+    timeFormat: string;
+    timeIntervals: number;
+    isClearable: boolean;
+    isStartDefaultNull: boolean;
+};
+declare const defaultDatepickerInputProps: DefaultDatepickerInputProps;
+export { defaultDatepickerInputProps, defaultDatepickerProps };

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

@@ -0,0 +1,4 @@
+import { defaultDatepickerInputProps, defaultDatepickerProps } from './appearance/default';
+import { FormFieldDatePicker } from './FormFieldDatePicker';
+export { defaultDatepickerInputProps, defaultDatepickerProps, FormFieldDatePicker, };
+export type { DatePickerField, DatePickerFieldInputProps, DefaultDatepickerInputProps, FormFieldDatePickerProps, } from './FormFieldDatePicker.interface';

package/dist/types/form/Field/FileInput/FormFieldFileInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FormFieldFileInputProps } from './FormFieldFileInput.interface';
+declare const FormFieldFileInput: React.MemoExoticComponent<(props: FormFieldFileInputProps) => React.JSX.Element>;
+export { FormFieldFileInput };

package/dist/types/form/Field/FileInput/FormFieldFileInput.interface.d.ts

@@ -0,0 +1,20 @@
+import type { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import type { DropzoneProps } from '@itcase/ui-web/components/Dropzone';
+import type { BaseField, FormTypes } from 'src/form';
+type DefaultDropzoneProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    isPreviews: boolean;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    showFilename: boolean;
+    showFileSize: boolean;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+type FileInputField = Omit<BaseField, 'inputProps'> & Partial<Omit<DropzoneProps, 'fieldValuesList' | 'inputName' | 'onChangeFiles'>> & {
+    inputProps?: Partial<DropzoneProps>;
+    label?: string;
+    type: Extract<FormTypes, 'fileInput'>;
+    width?: WidthProps;
+};
+type FormFieldFileInputProps = FileInputField;
+export type { DefaultDropzoneProps, FileInputField, FormFieldFileInputProps };

package/dist/types/form/Field/FileInput/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultDropzoneProps } from '../FormFieldFileInput.interface';
+declare const defaultDropzoneProps: DefaultDropzoneProps;
+export { defaultDropzoneProps };

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

@@ -0,0 +1,4 @@
+import { defaultDropzoneProps } from './appearance/default';
+import { FormFieldFileInput } from './FormFieldFileInput';
+export { defaultDropzoneProps, FormFieldFileInput };
+export type { FileInputField, FormFieldFileInputProps, } from './FormFieldFileInput.interface';

package/dist/types/form/Field/Group/FormGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormGroupProps } from './FormGroup.interface';
+declare const FormGroup: React.MemoExoticComponent<(props: FormGroupProps) => React.JSX.Element>;
+export { FormGroup };

package/dist/types/form/Field/Group/FormGroup.interface.d.ts

@@ -0,0 +1,53 @@
+import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { TitleProps } from '@itcase/ui-web/components/Title';
+import type { BaseField, ButtonFields, FormTypes, GeneratorField } from 'src/form';
+type GroupField = BaseField & {
+    group: Record<string, Exclude<GeneratorField, ButtonFields>>;
+    type: Extract<FormTypes, 'group'>;
+};
+type FormGroupProps = GroupField & {
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    column?: number;
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    isActive?: boolean;
+    isHidden?: boolean;
+    label?: string;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    message?: string;
+    messageTextColor?: TextProps['textColor'];
+    messageTextSize?: TextProps['size'];
+    messageTextWeight?: TextProps['textWeight'];
+    name: string;
+    shape?: ShapeProps;
+    showGroupMessage?: string;
+    title?: TitleProps['text'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TitleProps['size'];
+    titleTextWeight?: TitleProps['textWeight'];
+};
+type DefaultAppearanceProps = {
+    appearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    errorAppearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    errorMessageTextColor?: TextProps['textColor'];
+    errorMessageTextSize?: TextProps['size'];
+    helpTextSize?: TextProps['size'];
+    labelTextSize?: TextProps['size'];
+    messageTextColor?: TextProps['textColor'];
+    messageTextSize?: TextProps['size'];
+    requiredAppearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    requiredMessageTextColor?: TextProps['textColor'];
+    requiredMessageTextSize?: TextProps['size'];
+    successAppearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { DefaultAppearanceProps, FormGroupProps, GroupField };

package/dist/types/form/Field/Group/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultAppearanceProps } from '../FormGroup.interface';
+declare const defaultGroupProps: DefaultAppearanceProps;
+export { defaultGroupProps };

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

@@ -0,0 +1,5 @@
+import { defaultGroupProps } from './appearance/default';
+import { FormGroup } from './FormGroup';
+import type { DefaultAppearanceProps, FormGroupProps, GroupField } from './FormGroup.interface';
+export { defaultGroupProps, FormGroup };
+export type { DefaultAppearanceProps, FormGroupProps, GroupField };

package/dist/types/form/Field/Input/FormFieldInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldInputProps } from './FormFieldInput.interface';
+declare const FormFieldInput: React.MemoExoticComponent<(props: FormFieldInputProps) => React.JSX.Element>;
+export { FormFieldInput };

package/dist/types/form/Field/Input/FormFieldInput.interface.d.ts

@@ -0,0 +1,28 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { IconProps } from '@itcase/ui-web/components/Icon';
+import type { InputProps } from '@itcase/ui-web/components/Input';
+import type { BaseField, FormTypes } from 'src/form';
+type InputInputProps = Partial<DefaultInputProps & InputProps>;
+type InputField = Omit<BaseField, 'inputProps'> & {
+    inputProps: InputInputProps;
+    type: Extract<FormTypes, 'text'>;
+};
+type FormFieldInputProps = InputField & {
+    clearIcon?: IconProps['SvgImage'];
+    clearIconFill?: IconProps['iconFill'];
+    clearIconFillHover?: IconProps['iconFillHover'];
+    clearIconShape?: IconProps['shape'];
+    clearIconSize?: IconProps['size'];
+    initialValue?: string;
+    onChange?: (value: string, name?: string) => void;
+    onClickClearIcon?: IconProps['onClick'];
+    parse?: (value: string, name: string) => string;
+};
+type DefaultInputProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width: WidthProps;
+};
+export type { DefaultInputProps, FormFieldInputProps, InputField, InputInputProps, };

package/dist/types/form/Field/Input/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultInputProps } from '../FormFieldInput.interface';
+declare const defaultInputProps: DefaultInputProps;
+declare const defaultInputPropsSizeXL: DefaultInputProps;
+export { defaultInputProps, defaultInputPropsSizeXL };

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

@@ -0,0 +1,4 @@
+import { defaultInputProps, defaultInputPropsSizeXL } from './appearance/default';
+import { FormFieldInput } from './FormFieldInput';
+export { defaultInputProps, defaultInputPropsSizeXL, FormFieldInput };
+export type { DefaultInputProps, FormFieldInputProps, InputField, InputInputProps, } from './FormFieldInput.interface';

package/dist/types/form/Field/InputNumber/FormFieldInputNumber.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldInputNumberProps } from './FormFieldInputNumber.interface';
+declare const FormFieldInputNumber: React.MemoExoticComponent<(props: FormFieldInputNumberProps) => React.JSX.Element>;
+export { FormFieldInputNumber };

package/dist/types/form/Field/InputNumber/FormFieldInputNumber.interface.d.ts

@@ -0,0 +1,22 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { InputNumberProps } from '@itcase/ui-web/components/InputNumber';
+import type { BaseField, FormTypes } from 'src/form';
+type InputNumberInputProps = Partial<DefaultInputNumberProps & InputNumberProps>;
+type InputNumberField = Omit<BaseField, 'inputProps'> & {
+    inputProps: InputNumberInputProps;
+    inputType: InputNumberProps['type'];
+    type: Extract<FormTypes, 'inputNumber'>;
+};
+type FormFieldInputNumberProps = InputNumberField & {
+    initialValue?: number | string;
+    onChange?: (value: string) => void;
+    parse?: (value: number, name: string) => number;
+};
+type DefaultInputNumberProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width: WidthProps;
+};
+export type { DefaultInputNumberProps, FormFieldInputNumberProps, InputNumberField, InputNumberInputProps, };

package/dist/types/form/Field/InputNumber/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultInputNumberProps } from '../FormFieldInputNumber.interface';
+declare const defaultInputNumberProps: DefaultInputNumberProps;
+declare const defaultInputNumberPropsSizeXL: DefaultInputNumberProps;
+export { defaultInputNumberProps, defaultInputNumberPropsSizeXL };

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

@@ -0,0 +1,4 @@
+import { defaultInputNumberProps, defaultInputNumberPropsSizeXL } from './appearance/default';
+import { FormFieldInputNumber } from './FormFieldInputNumber';
+export { defaultInputNumberProps, defaultInputNumberPropsSizeXL, FormFieldInputNumber, };
+export type { DefaultInputNumberProps, FormFieldInputNumberProps, InputNumberField, InputNumberInputProps, } from './FormFieldInputNumber.interface';

package/dist/types/form/Field/MaskedInput/FormFieldMaskedInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldMaskedInputProps } from './FormFieldMaskedInput.interface';
+declare const FormFieldMaskedInput: React.MemoExoticComponent<(props: FormFieldMaskedInputProps) => React.JSX.Element>;
+export { FormFieldMaskedInput };

package/dist/types/form/Field/MaskedInput/FormFieldMaskedInput.interface.d.ts

@@ -0,0 +1,30 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { IconProps } from '@itcase/ui-web/components/Icon';
+import type { InputProps } from '@itcase/ui-web/components/Input';
+import { InputNumberProps } from '@itcase/ui-web/components/InputNumber';
+import type { BaseField, FormTypes } from 'src/form';
+type MaskedInputInputProps = Partial<DefaultMaskedInputProps & InputProps>;
+type MaskedInputField = Omit<BaseField, 'inputProps'> & {
+    inputProps: MaskedInputInputProps;
+    inputType: InputNumberProps['type'];
+    type: Extract<FormTypes, 'maskedInput'>;
+};
+type FormFieldMaskedInputProps = MaskedInputField & {
+    clearIcon?: IconProps['SvgImage'];
+    clearIconFill?: IconProps['iconFill'];
+    clearIconFillHover?: IconProps['iconFillHover'];
+    clearIconShape?: IconProps['shape'];
+    clearIconSize?: IconProps['size'];
+    initialValue?: string;
+    onClickClearIcon?: IconProps['onClick'];
+    optionsMask?: object;
+    unmasked?: string;
+};
+type DefaultMaskedInputProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width: WidthProps;
+};
+export type { DefaultMaskedInputProps, FormFieldMaskedInputProps, MaskedInputField, MaskedInputInputProps, };

package/dist/types/form/Field/MaskedInput/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultMaskedInputProps } from '../FormFieldMaskedInput.interface';
+declare const defaultMaskedInputProps: DefaultMaskedInputProps;
+declare const defaultMaskedInputPropsSizeXL: DefaultMaskedInputProps;
+export { defaultMaskedInputProps, defaultMaskedInputPropsSizeXL };

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

@@ -0,0 +1,4 @@
+import { defaultMaskedInputProps, defaultMaskedInputPropsSizeXL } from './appearance/default';
+import { FormFieldMaskedInput } from './FormFieldMaskedInput';
+export { defaultMaskedInputProps, defaultMaskedInputPropsSizeXL, FormFieldMaskedInput, };
+export type { DefaultMaskedInputProps, FormFieldMaskedInputProps, MaskedInputField, MaskedInputInputProps, } from './FormFieldMaskedInput.interface';