@itcase/forms 1.1.62 → 1.1.64

package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts

@@ -0,0 +1,296 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export namespace args {
+        let validationSchema: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+    }
+    export namespace parameters {
+        let error: boolean;
+    }
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export namespace args_1 {
+        let config: {
+            field: {
+                type: "text";
+                name: string;
+                fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    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?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type: string;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                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;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    value: string;
+                };
+            };
+        };
+    }
+    export { args_1 as args };
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export namespace args_2 {
+        let validationSchema_1: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+        export { validationSchema_1 as validationSchema };
+    }
+    export { args_2 as args };
+    export namespace parameters_1 {
+        let require: boolean;
+    }
+    export { parameters_1 as parameters };
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export namespace args_3 {
+        let config_1: {
+            field: {
+                type: "text";
+                name: string;
+                fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    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?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type: string;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                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;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    isDisabled: boolean;
+                };
+            };
+        };
+        export { config_1 as config };
+    }
+    export { args_3 as args };
+    export namespace parameters_2 {
+        let disabled: boolean;
+    }
+    export { parameters_2 as parameters };
+    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 { FormFieldInput as component };
+    export namespace args_4 {
+        export namespace config_2 {
+            namespace field {
+                let type: "text";
+                let name: string;
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    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?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type: string;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                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;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+        export { config_2 as config };
+        export function onSubmit(): void;
+    }
+    export { args_4 as args };
+    export namespace parameters_3 {
+        let maxWidth: string;
+        let layout: string;
+        let formUrl: string;
+    }
+    export { parameters_3 as parameters };
+}
+import * as yup from 'yup';
+import { FormFieldInput } from '../index';

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

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

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

@@ -0,0 +1,20 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { InputNumberProps } from '@itcase/ui-web/components/InputNumber';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type InputNumberField = BaseField & {
+    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, };

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { IconProps } from '@itcase/ui-web/components/Icon';
+import { InputNumberProps } from '@itcase/ui-web/components/InputNumber';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type MaskedInputField = BaseField & {
+    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, };

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

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

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

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

package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputClassic.stories.d.ts

@@ -0,0 +1,127 @@
+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 namespace args {
+        namespace config {
+            namespace field {
+                let initialValue: string;
+                let type: "maskedInput";
+                let name: string;
+                let fieldProps: {
+                    label: string;
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    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?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                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;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+                namespace optionsMask {
+                    let lazy: boolean;
+                    let mask: string;
+                }
+                let unmasked: string;
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+    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 {
+    let validationSchema_1: yup.ObjectSchema<{
+        input: string;
+    }, yup.AnyObject, {
+        input: undefined;
+    }, "">;
+    export { validationSchema_1 as validationSchema };
+    export let title: string;
+    export { FormFieldMaskedInput as component };
+    export { args };
+    export function onSubmit_1(): void;
+    export { onSubmit_1 as onSubmit };
+}
+import * as yup from 'yup';
+import { FormFieldMaskedInput } from '../index';
+declare namespace args_1 {
+    export namespace config_1 {
+        export namespace field_1 { }
+        export { field_1 as field };
+    }
+    export { config_1 as config };
+}

package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFTA.stories.d.ts

@@ -0,0 +1,119 @@
+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 namespace args {
+        namespace config {
+            namespace field {
+                let initialValue: string;
+                let type: "maskedInput";
+                let name: string;
+                let fieldProps: {
+                    type: string;
+                    label: string;
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    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?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                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;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+                namespace optionsMask {
+                    let lazy: boolean;
+                    let mask: string;
+                }
+                let unmasked: string;
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+    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 { FormFieldMaskedInput as component };
+    export { args };
+}
+import * as yup from 'yup';
+import { FormFieldMaskedInput } from '../index';
+declare namespace args_1 {
+    export namespace config_1 {
+        export namespace field_1 { }
+        export { field_1 as field };
+    }
+    export { config_1 as config };
+}