@eaera-com/eaera-widgets-v2 0.1.62

package/dist/src/stories/Input/EaeraInput.stories.d.ts

@@ -0,0 +1,1528 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            value: {
+                type: import("vue").PropType<string>;
+            };
+            type: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            color: {
+                type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                default: string;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+            controls: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            border: {
+                type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
+            borderThin: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<number>;
+            };
+            formatter: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            parser: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            underlineInput: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefixLabel: {
+                type: import("vue").PropType<boolean>;
+            };
+            prepend: {
+                type: import("vue").PropType<boolean>;
+            };
+            showPassword: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            otherProps: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onHandleChange?: ((payload: string) => any) | undefined;
+        }, {
+            inputRef: import("vue").Ref<HTMLElement | null>;
+            focus: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            handleChange: (payload: string) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            value: {
+                type: import("vue").PropType<string>;
+            };
+            type: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            color: {
+                type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                default: string;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+            controls: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            border: {
+                type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
+            borderThin: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<number>;
+            };
+            formatter: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            parser: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            underlineInput: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefixLabel: {
+                type: import("vue").PropType<boolean>;
+            };
+            prepend: {
+                type: import("vue").PropType<boolean>;
+            };
+            showPassword: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            otherProps: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onHandleChange?: ((payload: string) => any) | undefined;
+        }, {
+            type: string;
+            color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+            size: "" | "lg" | "md" | "sm" | "xs";
+            controls: boolean;
+            border: "" | "box" | "round" | "shadow-box";
+            borderThin: boolean;
+            loading: boolean;
+            showPassword: boolean;
+            otherProps: {
+                [key: string]: any;
+            };
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            value: {
+                type: import("vue").PropType<string>;
+            };
+            type: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            color: {
+                type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                default: string;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+            controls: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            border: {
+                type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
+            borderThin: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<number>;
+            };
+            formatter: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            parser: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            underlineInput: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefixLabel: {
+                type: import("vue").PropType<boolean>;
+            };
+            prepend: {
+                type: import("vue").PropType<boolean>;
+            };
+            showPassword: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            otherProps: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onHandleChange?: ((payload: string) => any) | undefined;
+        }, {
+            inputRef: import("vue").Ref<HTMLElement | null>;
+            focus: () => void;
+        }, {}, {}, {}, {
+            type: string;
+            color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+            size: "" | "lg" | "md" | "sm" | "xs";
+            controls: boolean;
+            border: "" | "box" | "round" | "shadow-box";
+            borderThin: boolean;
+            loading: boolean;
+            showPassword: boolean;
+            otherProps: {
+                [key: string]: any;
+            };
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        value: {
+            type: import("vue").PropType<string>;
+        };
+        type: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        color: {
+            type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+            default: string;
+        };
+        className: {
+            type: import("vue").PropType<string>;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        };
+        size: {
+            type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+            default: string;
+        };
+        controls: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        border: {
+            type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        borderThin: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rows: {
+            type: import("vue").PropType<number>;
+        };
+        formatter: {
+            type: import("vue").PropType<(value: any) => any>;
+        };
+        parser: {
+            type: import("vue").PropType<(value: any) => any>;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        underlineInput: {
+            type: import("vue").PropType<boolean>;
+        };
+        prefixLabel: {
+            type: import("vue").PropType<boolean>;
+        };
+        prepend: {
+            type: import("vue").PropType<boolean>;
+        };
+        showPassword: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        otherProps: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+    }>> & {
+        onHandleChange?: ((payload: string) => any) | undefined;
+    }, {
+        inputRef: import("vue").Ref<HTMLElement | null>;
+        focus: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        handleChange: (payload: string) => void;
+    }, string, {
+        type: string;
+        color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+        size: "" | "lg" | "md" | "sm" | "xs";
+        controls: boolean;
+        border: "" | "box" | "round" | "shadow-box";
+        borderThin: boolean;
+        loading: boolean;
+        showPassword: boolean;
+        otherProps: {
+            [key: string]: any;
+        };
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            suffix?(_: {}): any;
+            suffix?(_: {}): any;
+            prefix?(_: {}): any;
+            prefix?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {};
+    args: {
+        type: string;
+        placeholder: string;
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            value: {
+                type: import("vue").PropType<string>;
+            };
+            type: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            color: {
+                type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                default: string;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+            controls: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            border: {
+                type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
+            borderThin: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<number>;
+            };
+            formatter: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            parser: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            underlineInput: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefixLabel: {
+                type: import("vue").PropType<boolean>;
+            };
+            prepend: {
+                type: import("vue").PropType<boolean>;
+            };
+            showPassword: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            otherProps: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onHandleChange?: ((payload: string) => any) | undefined;
+        }, {
+            inputRef: import("vue").Ref<HTMLElement | null>;
+            focus: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            handleChange: (payload: string) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            value: {
+                type: import("vue").PropType<string>;
+            };
+            type: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            color: {
+                type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                default: string;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+            controls: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            border: {
+                type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
+            borderThin: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<number>;
+            };
+            formatter: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            parser: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            underlineInput: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefixLabel: {
+                type: import("vue").PropType<boolean>;
+            };
+            prepend: {
+                type: import("vue").PropType<boolean>;
+            };
+            showPassword: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            otherProps: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onHandleChange?: ((payload: string) => any) | undefined;
+        }, {
+            type: string;
+            color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+            size: "" | "lg" | "md" | "sm" | "xs";
+            controls: boolean;
+            border: "" | "box" | "round" | "shadow-box";
+            borderThin: boolean;
+            loading: boolean;
+            showPassword: boolean;
+            otherProps: {
+                [key: string]: any;
+            };
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            value: {
+                type: import("vue").PropType<string>;
+            };
+            type: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            color: {
+                type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                default: string;
+            };
+            className: {
+                type: import("vue").PropType<string>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                default: string;
+            };
+            controls: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            border: {
+                type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
+            borderThin: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rows: {
+                type: import("vue").PropType<number>;
+            };
+            formatter: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            parser: {
+                type: import("vue").PropType<(value: any) => any>;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            underlineInput: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefixLabel: {
+                type: import("vue").PropType<boolean>;
+            };
+            prepend: {
+                type: import("vue").PropType<boolean>;
+            };
+            showPassword: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            otherProps: {
+                type: import("vue").PropType<{
+                    [key: string]: any;
+                }>;
+                default: () => {};
+            };
+        }>> & {
+            onHandleChange?: ((payload: string) => any) | undefined;
+        }, {
+            inputRef: import("vue").Ref<HTMLElement | null>;
+            focus: () => void;
+        }, {}, {}, {}, {
+            type: string;
+            color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+            size: "" | "lg" | "md" | "sm" | "xs";
+            controls: boolean;
+            border: "" | "box" | "round" | "shadow-box";
+            borderThin: boolean;
+            loading: boolean;
+            showPassword: boolean;
+            otherProps: {
+                [key: string]: any;
+            };
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        value: {
+            type: import("vue").PropType<string>;
+        };
+        type: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        color: {
+            type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+            default: string;
+        };
+        className: {
+            type: import("vue").PropType<string>;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        };
+        size: {
+            type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+            default: string;
+        };
+        controls: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        border: {
+            type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        borderThin: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rows: {
+            type: import("vue").PropType<number>;
+        };
+        formatter: {
+            type: import("vue").PropType<(value: any) => any>;
+        };
+        parser: {
+            type: import("vue").PropType<(value: any) => any>;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        underlineInput: {
+            type: import("vue").PropType<boolean>;
+        };
+        prefixLabel: {
+            type: import("vue").PropType<boolean>;
+        };
+        prepend: {
+            type: import("vue").PropType<boolean>;
+        };
+        showPassword: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        otherProps: {
+            type: import("vue").PropType<{
+                [key: string]: any;
+            }>;
+            default: () => {};
+        };
+    }>> & {
+        onHandleChange?: ((payload: string) => any) | undefined;
+    }, {
+        inputRef: import("vue").Ref<HTMLElement | null>;
+        focus: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        handleChange: (payload: string) => void;
+    }, string, {
+        type: string;
+        color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+        size: "" | "lg" | "md" | "sm" | "xs";
+        controls: boolean;
+        border: "" | "box" | "round" | "shadow-box";
+        borderThin: boolean;
+        loading: boolean;
+        showPassword: boolean;
+        otherProps: {
+            [key: string]: any;
+        };
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            suffix?(_: {}): any;
+            suffix?(_: {}): any;
+            prefix?(_: {}): any;
+            prefix?(_: {}): any;
+        };
+    })>) => {
+        components: {
+            EaeraInput: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    value: {
+                        type: import("vue").PropType<string>;
+                    };
+                    type: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    id: {
+                        type: import("vue").PropType<string>;
+                    };
+                    color: {
+                        type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    controls: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    border: {
+                        type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    borderThin: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: import("vue").PropType<number>;
+                    };
+                    formatter: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    parser: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    underlineInput: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefixLabel: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prepend: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    showPassword: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    otherProps: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                }>> & {
+                    onHandleChange?: ((payload: string) => any) | undefined;
+                }, {
+                    inputRef: import("vue").Ref<HTMLElement | null>;
+                    focus: () => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    handleChange: (payload: string) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    value: {
+                        type: import("vue").PropType<string>;
+                    };
+                    type: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    id: {
+                        type: import("vue").PropType<string>;
+                    };
+                    color: {
+                        type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    controls: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    border: {
+                        type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    borderThin: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: import("vue").PropType<number>;
+                    };
+                    formatter: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    parser: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    underlineInput: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefixLabel: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prepend: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    showPassword: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    otherProps: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                }>> & {
+                    onHandleChange?: ((payload: string) => any) | undefined;
+                }, {
+                    type: string;
+                    color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    controls: boolean;
+                    border: "" | "box" | "round" | "shadow-box";
+                    borderThin: boolean;
+                    loading: boolean;
+                    showPassword: boolean;
+                    otherProps: {
+                        [key: string]: any;
+                    };
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    value: {
+                        type: import("vue").PropType<string>;
+                    };
+                    type: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    id: {
+                        type: import("vue").PropType<string>;
+                    };
+                    color: {
+                        type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    controls: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    border: {
+                        type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    borderThin: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: import("vue").PropType<number>;
+                    };
+                    formatter: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    parser: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    underlineInput: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefixLabel: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prepend: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    showPassword: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    otherProps: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                }>> & {
+                    onHandleChange?: ((payload: string) => any) | undefined;
+                }, {
+                    inputRef: import("vue").Ref<HTMLElement | null>;
+                    focus: () => void;
+                }, {}, {}, {}, {
+                    type: string;
+                    color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    controls: boolean;
+                    border: "" | "box" | "round" | "shadow-box";
+                    borderThin: boolean;
+                    loading: boolean;
+                    showPassword: boolean;
+                    otherProps: {
+                        [key: string]: any;
+                    };
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                };
+                value: {
+                    type: import("vue").PropType<string>;
+                };
+                type: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                };
+                color: {
+                    type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                    default: string;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                required: {
+                    type: import("vue").PropType<boolean>;
+                };
+                size: {
+                    type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                    default: string;
+                };
+                controls: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                border: {
+                    type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                };
+                borderThin: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                rows: {
+                    type: import("vue").PropType<number>;
+                };
+                formatter: {
+                    type: import("vue").PropType<(value: any) => any>;
+                };
+                parser: {
+                    type: import("vue").PropType<(value: any) => any>;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                underlineInput: {
+                    type: import("vue").PropType<boolean>;
+                };
+                prefixLabel: {
+                    type: import("vue").PropType<boolean>;
+                };
+                prepend: {
+                    type: import("vue").PropType<boolean>;
+                };
+                showPassword: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                otherProps: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+            }>> & {
+                onHandleChange?: ((payload: string) => any) | undefined;
+            }, {
+                inputRef: import("vue").Ref<HTMLElement | null>;
+                focus: () => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                handleChange: (payload: string) => void;
+            }, string, {
+                type: string;
+                color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+                size: "" | "lg" | "md" | "sm" | "xs";
+                controls: boolean;
+                border: "" | "box" | "round" | "shadow-box";
+                borderThin: boolean;
+                loading: boolean;
+                showPassword: boolean;
+                otherProps: {
+                    [key: string]: any;
+                };
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    suffix?(_: {}): any;
+                    suffix?(_: {}): any;
+                    prefix?(_: {}): any;
+                    prefix?(_: {}): any;
+                };
+            });
+        };
+        setup: () => {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<{
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    value: {
+                        type: import("vue").PropType<string>;
+                    };
+                    type: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    id: {
+                        type: import("vue").PropType<string>;
+                    };
+                    color: {
+                        type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    controls: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    border: {
+                        type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    borderThin: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: import("vue").PropType<number>;
+                    };
+                    formatter: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    parser: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    underlineInput: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefixLabel: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prepend: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    showPassword: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    otherProps: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                }>> & {
+                    onHandleChange?: ((payload: string) => any) | undefined;
+                }, {
+                    inputRef: import("vue").Ref<HTMLElement | null>;
+                    focus: () => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    handleChange: (payload: string) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    value: {
+                        type: import("vue").PropType<string>;
+                    };
+                    type: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    id: {
+                        type: import("vue").PropType<string>;
+                    };
+                    color: {
+                        type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    controls: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    border: {
+                        type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    borderThin: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: import("vue").PropType<number>;
+                    };
+                    formatter: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    parser: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    underlineInput: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefixLabel: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prepend: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    showPassword: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    otherProps: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                }>> & {
+                    onHandleChange?: ((payload: string) => any) | undefined;
+                }, {
+                    type: string;
+                    color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    controls: boolean;
+                    border: "" | "box" | "round" | "shadow-box";
+                    borderThin: boolean;
+                    loading: boolean;
+                    showPassword: boolean;
+                    otherProps: {
+                        [key: string]: any;
+                    };
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    label: {
+                        type: import("vue").PropType<string>;
+                    };
+                    value: {
+                        type: import("vue").PropType<string>;
+                    };
+                    type: {
+                        type: import("vue").PropType<string>;
+                        default: string;
+                    };
+                    id: {
+                        type: import("vue").PropType<string>;
+                    };
+                    color: {
+                        type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                        default: string;
+                    };
+                    className: {
+                        type: import("vue").PropType<string>;
+                    };
+                    required: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    size: {
+                        type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                        default: string;
+                    };
+                    controls: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    border: {
+                        type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: import("vue").PropType<string>;
+                    };
+                    borderThin: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: import("vue").PropType<number>;
+                    };
+                    formatter: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    parser: {
+                        type: import("vue").PropType<(value: any) => any>;
+                    };
+                    loading: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    underlineInput: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prefixLabel: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    prepend: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    showPassword: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    otherProps: {
+                        type: import("vue").PropType<{
+                            [key: string]: any;
+                        }>;
+                        default: () => {};
+                    };
+                }>> & {
+                    onHandleChange?: ((payload: string) => any) | undefined;
+                }, {
+                    inputRef: import("vue").Ref<HTMLElement | null>;
+                    focus: () => void;
+                }, {}, {}, {}, {
+                    type: string;
+                    color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+                    size: "" | "lg" | "md" | "sm" | "xs";
+                    controls: boolean;
+                    border: "" | "box" | "round" | "shadow-box";
+                    borderThin: boolean;
+                    loading: boolean;
+                    showPassword: boolean;
+                    otherProps: {
+                        [key: string]: any;
+                    };
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                };
+                value: {
+                    type: import("vue").PropType<string>;
+                };
+                type: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                };
+                color: {
+                    type: import("vue").PropType<"" | "error" | "info" | "primary" | "success" | "warning" | "danger">;
+                    default: string;
+                };
+                className: {
+                    type: import("vue").PropType<string>;
+                };
+                required: {
+                    type: import("vue").PropType<boolean>;
+                };
+                size: {
+                    type: import("vue").PropType<"" | "lg" | "md" | "sm" | "xs">;
+                    default: string;
+                };
+                controls: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                border: {
+                    type: import("vue").PropType<"" | "box" | "round" | "shadow-box">;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                };
+                borderThin: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                rows: {
+                    type: import("vue").PropType<number>;
+                };
+                formatter: {
+                    type: import("vue").PropType<(value: any) => any>;
+                };
+                parser: {
+                    type: import("vue").PropType<(value: any) => any>;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                underlineInput: {
+                    type: import("vue").PropType<boolean>;
+                };
+                prefixLabel: {
+                    type: import("vue").PropType<boolean>;
+                };
+                prepend: {
+                    type: import("vue").PropType<boolean>;
+                };
+                showPassword: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                otherProps: {
+                    type: import("vue").PropType<{
+                        [key: string]: any;
+                    }>;
+                    default: () => {};
+                };
+            }>> & {
+                onHandleChange?: ((payload: string) => any) | undefined;
+            }, {
+                inputRef: import("vue").Ref<HTMLElement | null>;
+                focus: () => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                handleChange: (payload: string) => void;
+            }, string, {
+                type: string;
+                color: "" | "error" | "info" | "primary" | "success" | "warning" | "danger";
+                size: "" | "lg" | "md" | "sm" | "xs";
+                controls: boolean;
+                border: "" | "box" | "round" | "shadow-box";
+                borderThin: boolean;
+                loading: boolean;
+                showPassword: boolean;
+                otherProps: {
+                    [key: string]: any;
+                };
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    suffix?(_: {}): any;
+                    suffix?(_: {}): any;
+                    prefix?(_: {}): any;
+                    prefix?(_: {}): any;
+                };
+            })>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const basic: () => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;