@sdata/web-vue 3.30.0 → 4.0.0

package/es/input/index.d.ts

@@ -1,9 +1,9 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _Input from './input';
 import _InputGroup from './input-group.vue';
 import _InputPassword from './input-password.vue';
-import _InputSearch from './input-search';
+import _InputSearch from './input-search.vue';
+import _Input from './input.vue';
 declare const Input: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: StringConstructor;
@@ -11,9 +11,7 @@ declare const Input: {
             type: StringConstructor;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         allowClear: {
             type: BooleanConstructor;
             default: boolean;
@@ -50,15 +48,9 @@ declare const Input: {
             type: BooleanConstructor;
             default: boolean;
         };
-        wordLength: {
-            type: import("vue").PropType<(value: string) => number>;
-        };
-        wordSlice: {
-            type: import("vue").PropType<(value: string, maxLength: number) => string>;
-        };
-        inputAttrs: {
-            type: ObjectConstructor;
-        };
+        wordLength: import("vue").PropType<(value: string) => number>;
+        wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+        inputAttrs: ObjectConstructor;
         type: {
             type: import("vue").PropType<"text" | "password">;
             default: string;
@@ -70,27 +62,25 @@ declare const Input: {
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & Readonly<{
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: string, _ev: Event) => any) | undefined;
-        onInput?: ((_value: string, _ev: Event) => any) | undefined;
+        onClear?: ((_event: MouseEvent) => any) | undefined;
+        onFocus?: ((_event: FocusEvent) => any) | undefined;
+        onBlur?: ((_event: FocusEvent) => any) | undefined;
+        onChange?: ((_value: string, _event: Event) => any) | undefined;
+        onInput?: ((_value: string, _event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-        onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+        onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        render: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {
-        focus(): void;
-        blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: string) => true;
-        input: (_value: string, _ev: Event) => true;
-        change: (_value: string, _ev: Event) => true;
-        pressEnter: (_ev: KeyboardEvent) => true;
-        clear: (_ev: MouseEvent) => true;
-        focus: (_ev: FocusEvent) => true;
-        blur: (_ev: FocusEvent) => true;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        clear: (_event: MouseEvent) => void;
+        focus: (_event: FocusEvent) => void;
+        blur: (_event: FocusEvent) => void;
+        change: (_value: string, _event: Event) => void;
+        input: (_value: string, _event: Event) => void;
+        "update:modelValue": (_value: string) => void;
+        pressEnter: (_event: KeyboardEvent) => void;
     }, import("vue").PublicProps, {
         type: "text" | "password";
         disabled: boolean;
@@ -119,9 +109,7 @@ declare const Input: {
             type: StringConstructor;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         allowClear: {
             type: BooleanConstructor;
             default: boolean;
@@ -158,15 +146,9 @@ declare const Input: {
             type: BooleanConstructor;
             default: boolean;
         };
-        wordLength: {
-            type: import("vue").PropType<(value: string) => number>;
-        };
-        wordSlice: {
-            type: import("vue").PropType<(value: string, maxLength: number) => string>;
-        };
-        inputAttrs: {
-            type: ObjectConstructor;
-        };
+        wordLength: import("vue").PropType<(value: string) => number>;
+        wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+        inputAttrs: ObjectConstructor;
         type: {
             type: import("vue").PropType<"text" | "password">;
             default: string;
@@ -178,20 +160,18 @@ declare const Input: {
         prepend: StringConstructor;
         append: StringConstructor;
     }>> & Readonly<{
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onChange?: ((_value: string, _ev: Event) => any) | undefined;
-        onInput?: ((_value: string, _ev: Event) => any) | undefined;
+        onClear?: ((_event: MouseEvent) => any) | undefined;
+        onFocus?: ((_event: FocusEvent) => any) | undefined;
+        onBlur?: ((_event: FocusEvent) => any) | undefined;
+        onChange?: ((_value: string, _event: Event) => any) | undefined;
+        onInput?: ((_value: string, _event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-        onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+        onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
     }>, {
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        render: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {
-        focus(): void;
-        blur(): void;
-    }, {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+    }, {}, {}, {}, {
         type: "text" | "password";
         disabled: boolean;
         error: boolean;
@@ -216,9 +196,7 @@ declare const Input: {
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<import("../index.ts").Size>;
-    };
+    size: import("vue").PropType<import("../index.ts").Size>;
     allowClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -255,15 +233,9 @@ declare const Input: {
         type: BooleanConstructor;
         default: boolean;
     };
-    wordLength: {
-        type: import("vue").PropType<(value: string) => number>;
-    };
-    wordSlice: {
-        type: import("vue").PropType<(value: string, maxLength: number) => string>;
-    };
-    inputAttrs: {
-        type: ObjectConstructor;
-    };
+    wordLength: import("vue").PropType<(value: string) => number>;
+    wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+    inputAttrs: ObjectConstructor;
     type: {
         type: import("vue").PropType<"text" | "password">;
         default: string;
@@ -275,27 +247,25 @@ declare const Input: {
     prepend: StringConstructor;
     append: StringConstructor;
 }>> & Readonly<{
-    onClear?: ((_ev: MouseEvent) => any) | undefined;
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
-    onBlur?: ((_ev: FocusEvent) => any) | undefined;
-    onChange?: ((_value: string, _ev: Event) => any) | undefined;
-    onInput?: ((_value: string, _ev: Event) => any) | undefined;
+    onClear?: ((_event: MouseEvent) => any) | undefined;
+    onFocus?: ((_event: FocusEvent) => any) | undefined;
+    onBlur?: ((_event: FocusEvent) => any) | undefined;
+    onChange?: ((_value: string, _event: Event) => any) | undefined;
+    onInput?: ((_value: string, _event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-    onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+    onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
 }>, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    render: () => import("vue/jsx-runtime").JSX.Element;
-}, {}, {}, {
-    focus(): void;
-    blur(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: string) => true;
-    input: (_value: string, _ev: Event) => true;
-    change: (_value: string, _ev: Event) => true;
-    pressEnter: (_ev: KeyboardEvent) => true;
-    clear: (_ev: MouseEvent) => true;
-    focus: (_ev: FocusEvent) => true;
-    blur: (_ev: FocusEvent) => true;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (_event: MouseEvent) => void;
+    focus: (_event: FocusEvent) => void;
+    blur: (_event: FocusEvent) => void;
+    change: (_value: string, _event: Event) => void;
+    input: (_value: string, _event: Event) => void;
+    "update:modelValue": (_value: string) => void;
+    pressEnter: (_event: KeyboardEvent) => void;
 }, string, {
     type: "text" | "password";
     disabled: boolean;
@@ -311,46 +281,1164 @@ declare const Input: {
     };
     showWordLimit: boolean;
     fitWidthFallback: string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    Search: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        searchButton: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
-        };
-        buttonText: {
-            type: StringConstructor;
-        };
-        buttonProps: {
-            type: import("vue").PropType<import("../index.ts").ButtonProps>;
-        };
-        fitWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxWFull: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        inputRef: import("vue").Ref<any, any>;
-        render: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {
-        focus(): void;
-        blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        search: (_value: string, _ev: MouseEvent) => true;
-    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?: (props: {}) => any;
+    } & {
+        suffix?: (props: {}) => any;
+    } & {
+        prepend?: (props: {}) => any;
+    } & {
+        append?: (props: {}) => any;
+    };
+}) & {
+    Search: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            searchButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: import("vue").PropType<import("../index.ts").Size>;
+            buttonText: StringConstructor;
+            buttonProps: import("vue").PropType<import("../index.ts").ButtonProps>;
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onSearch?: ((value: string, event: MouseEvent) => any) | undefined;
+        }>, {
+            inputRef: import("vue").Ref<({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }> & Omit<{
+                    readonly type: "text" | "password";
+                    readonly disabled: boolean;
+                    readonly error: boolean;
+                    readonly readonly: string | boolean;
+                    readonly defaultValue: string;
+                    readonly allowClear: boolean;
+                    readonly fitWidth: boolean;
+                    readonly maxWFull: boolean;
+                    readonly maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    readonly showWordLimit: boolean;
+                    readonly fitWidthFallback: string;
+                    readonly size?: "small" | "medium" | "large" | "mini" | undefined;
+                    readonly modelValue?: string | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly inputAttrs?: Record<string, any> | undefined;
+                    readonly prepend?: string | undefined;
+                    readonly append?: string | undefined;
+                    readonly wordLength?: ((value: string) => number) | undefined;
+                    readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+                    readonly onClear?: ((_event: MouseEvent) => any) | undefined;
+                    readonly onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    readonly onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback">;
+                $attrs: import("vue").Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "clear", _event: MouseEvent) => void) & ((event: "focus", _event: FocusEvent) => void) & ((event: "blur", _event: FocusEvent) => void) & ((event: "change", _value: string, _event: Event) => void) & ((event: "input", _value: string, _event: Event) => void) & ((event: "update:modelValue", _value: string) => void) & ((event: "pressEnter", _event: KeyboardEvent) => void);
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: StringConstructor;
+                    defaultValue: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: import("vue").PropType<import("../index.ts").Size>;
+                    allowClear: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    readonly: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    error: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placeholder: StringConstructor;
+                    fitWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxWFull: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLength: {
+                        type: import("vue").PropType<number | {
+                            length: number;
+                            errorOnly?: boolean;
+                        }>;
+                        default: number;
+                    };
+                    showWordLimit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wordLength: import("vue").PropType<(value: string) => number>;
+                    wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                    inputAttrs: ObjectConstructor;
+                    type: {
+                        type: import("vue").PropType<"text" | "password">;
+                        default: string;
+                    };
+                    fitWidthFallback: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    prepend: StringConstructor;
+                    append: StringConstructor;
+                }>> & Readonly<{
+                    onClear?: ((_event: MouseEvent) => any) | undefined;
+                    onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                }>, {
+                    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                    focus: () => void | undefined;
+                    blur: () => void | undefined;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    clear: (_event: MouseEvent) => void;
+                    focus: (_event: FocusEvent) => void;
+                    blur: (_event: FocusEvent) => void;
+                    change: (_value: string, _event: Event) => void;
+                    input: (_value: string, _event: Event) => void;
+                    "update:modelValue": (_value: string) => void;
+                    pressEnter: (_event: KeyboardEvent) => void;
+                }, string, {
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: StringConstructor;
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: import("vue").PropType<import("../index.ts").Size>;
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placeholder: StringConstructor;
+                fitWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxWFull: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    }>;
+                    default: number;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wordLength: import("vue").PropType<(value: string) => number>;
+                wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                inputAttrs: ObjectConstructor;
+                type: {
+                    type: import("vue").PropType<"text" | "password">;
+                    default: string;
+                };
+                fitWidthFallback: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prepend: StringConstructor;
+                append: StringConstructor;
+            }>> & Readonly<{
+                onClear?: ((_event: MouseEvent) => any) | undefined;
+                onFocus?: ((_event: FocusEvent) => any) | undefined;
+                onBlur?: ((_event: FocusEvent) => any) | undefined;
+                onChange?: ((_value: string, _event: Event) => any) | undefined;
+                onInput?: ((_value: string, _event: Event) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            }>, "focus" | "blur" | "inputRef" | ("type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback")> & {
+                inputRef: HTMLInputElement | undefined;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+            } & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    prefix?: (props: {}) => any;
+                } & {
+                    suffix?: (props: {}) => any;
+                } & {
+                    prepend?: (props: {}) => any;
+                } & {
+                    append?: (props: {}) => any;
+                };
+            }) | undefined, ({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }> & Omit<{
+                    readonly type: "text" | "password";
+                    readonly disabled: boolean;
+                    readonly error: boolean;
+                    readonly readonly: string | boolean;
+                    readonly defaultValue: string;
+                    readonly allowClear: boolean;
+                    readonly fitWidth: boolean;
+                    readonly maxWFull: boolean;
+                    readonly maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    readonly showWordLimit: boolean;
+                    readonly fitWidthFallback: string;
+                    readonly size?: "small" | "medium" | "large" | "mini" | undefined;
+                    readonly modelValue?: string | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly inputAttrs?: Record<string, any> | undefined;
+                    readonly prepend?: string | undefined;
+                    readonly append?: string | undefined;
+                    readonly wordLength?: ((value: string) => number) | undefined;
+                    readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+                    readonly onClear?: ((_event: MouseEvent) => any) | undefined;
+                    readonly onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    readonly onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback">;
+                $attrs: import("vue").Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "clear", _event: MouseEvent) => void) & ((event: "focus", _event: FocusEvent) => void) & ((event: "blur", _event: FocusEvent) => void) & ((event: "change", _value: string, _event: Event) => void) & ((event: "input", _value: string, _event: Event) => void) & ((event: "update:modelValue", _value: string) => void) & ((event: "pressEnter", _event: KeyboardEvent) => void);
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: StringConstructor;
+                    defaultValue: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: import("vue").PropType<import("../index.ts").Size>;
+                    allowClear: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    readonly: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    error: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placeholder: StringConstructor;
+                    fitWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxWFull: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLength: {
+                        type: import("vue").PropType<number | {
+                            length: number;
+                            errorOnly?: boolean;
+                        }>;
+                        default: number;
+                    };
+                    showWordLimit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wordLength: import("vue").PropType<(value: string) => number>;
+                    wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                    inputAttrs: ObjectConstructor;
+                    type: {
+                        type: import("vue").PropType<"text" | "password">;
+                        default: string;
+                    };
+                    fitWidthFallback: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    prepend: StringConstructor;
+                    append: StringConstructor;
+                }>> & Readonly<{
+                    onClear?: ((_event: MouseEvent) => any) | undefined;
+                    onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                }>, {
+                    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                    focus: () => void | undefined;
+                    blur: () => void | undefined;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    clear: (_event: MouseEvent) => void;
+                    focus: (_event: FocusEvent) => void;
+                    blur: (_event: FocusEvent) => void;
+                    change: (_value: string, _event: Event) => void;
+                    input: (_value: string, _event: Event) => void;
+                    "update:modelValue": (_value: string) => void;
+                    pressEnter: (_event: KeyboardEvent) => void;
+                }, string, {
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: StringConstructor;
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: import("vue").PropType<import("../index.ts").Size>;
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placeholder: StringConstructor;
+                fitWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxWFull: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    }>;
+                    default: number;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wordLength: import("vue").PropType<(value: string) => number>;
+                wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                inputAttrs: ObjectConstructor;
+                type: {
+                    type: import("vue").PropType<"text" | "password">;
+                    default: string;
+                };
+                fitWidthFallback: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prepend: StringConstructor;
+                append: StringConstructor;
+            }>> & Readonly<{
+                onClear?: ((_event: MouseEvent) => any) | undefined;
+                onFocus?: ((_event: FocusEvent) => any) | undefined;
+                onBlur?: ((_event: FocusEvent) => any) | undefined;
+                onChange?: ((_value: string, _event: Event) => any) | undefined;
+                onInput?: ((_value: string, _event: Event) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            }>, "focus" | "blur" | "inputRef" | ("type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback")> & {
+                inputRef: HTMLInputElement | undefined;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+            } & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    prefix?: (props: {}) => any;
+                } & {
+                    suffix?: (props: {}) => any;
+                } & {
+                    prepend?: (props: {}) => any;
+                } & {
+                    append?: (props: {}) => any;
+                };
+            }) | undefined>;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            search: (value: string, event: MouseEvent) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
+            searchButton: boolean;
+            loading: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            searchButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: import("vue").PropType<import("../index.ts").Size>;
+            buttonText: StringConstructor;
+            buttonProps: import("vue").PropType<import("../index.ts").ButtonProps>;
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onSearch?: ((value: string, event: MouseEvent) => any) | undefined;
+        }>, {
+            inputRef: import("vue").Ref<({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }> & Omit<{
+                    readonly type: "text" | "password";
+                    readonly disabled: boolean;
+                    readonly error: boolean;
+                    readonly readonly: string | boolean;
+                    readonly defaultValue: string;
+                    readonly allowClear: boolean;
+                    readonly fitWidth: boolean;
+                    readonly maxWFull: boolean;
+                    readonly maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    readonly showWordLimit: boolean;
+                    readonly fitWidthFallback: string;
+                    readonly size?: "small" | "medium" | "large" | "mini" | undefined;
+                    readonly modelValue?: string | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly inputAttrs?: Record<string, any> | undefined;
+                    readonly prepend?: string | undefined;
+                    readonly append?: string | undefined;
+                    readonly wordLength?: ((value: string) => number) | undefined;
+                    readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+                    readonly onClear?: ((_event: MouseEvent) => any) | undefined;
+                    readonly onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    readonly onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback">;
+                $attrs: import("vue").Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "clear", _event: MouseEvent) => void) & ((event: "focus", _event: FocusEvent) => void) & ((event: "blur", _event: FocusEvent) => void) & ((event: "change", _value: string, _event: Event) => void) & ((event: "input", _value: string, _event: Event) => void) & ((event: "update:modelValue", _value: string) => void) & ((event: "pressEnter", _event: KeyboardEvent) => void);
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: StringConstructor;
+                    defaultValue: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: import("vue").PropType<import("../index.ts").Size>;
+                    allowClear: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    readonly: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    error: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placeholder: StringConstructor;
+                    fitWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxWFull: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLength: {
+                        type: import("vue").PropType<number | {
+                            length: number;
+                            errorOnly?: boolean;
+                        }>;
+                        default: number;
+                    };
+                    showWordLimit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wordLength: import("vue").PropType<(value: string) => number>;
+                    wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                    inputAttrs: ObjectConstructor;
+                    type: {
+                        type: import("vue").PropType<"text" | "password">;
+                        default: string;
+                    };
+                    fitWidthFallback: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    prepend: StringConstructor;
+                    append: StringConstructor;
+                }>> & Readonly<{
+                    onClear?: ((_event: MouseEvent) => any) | undefined;
+                    onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                }>, {
+                    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                    focus: () => void | undefined;
+                    blur: () => void | undefined;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    clear: (_event: MouseEvent) => void;
+                    focus: (_event: FocusEvent) => void;
+                    blur: (_event: FocusEvent) => void;
+                    change: (_value: string, _event: Event) => void;
+                    input: (_value: string, _event: Event) => void;
+                    "update:modelValue": (_value: string) => void;
+                    pressEnter: (_event: KeyboardEvent) => void;
+                }, string, {
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: StringConstructor;
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: import("vue").PropType<import("../index.ts").Size>;
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placeholder: StringConstructor;
+                fitWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxWFull: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    }>;
+                    default: number;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wordLength: import("vue").PropType<(value: string) => number>;
+                wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                inputAttrs: ObjectConstructor;
+                type: {
+                    type: import("vue").PropType<"text" | "password">;
+                    default: string;
+                };
+                fitWidthFallback: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prepend: StringConstructor;
+                append: StringConstructor;
+            }>> & Readonly<{
+                onClear?: ((_event: MouseEvent) => any) | undefined;
+                onFocus?: ((_event: FocusEvent) => any) | undefined;
+                onBlur?: ((_event: FocusEvent) => any) | undefined;
+                onChange?: ((_value: string, _event: Event) => any) | undefined;
+                onInput?: ((_value: string, _event: Event) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            }>, "focus" | "blur" | "inputRef" | ("type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback")> & {
+                inputRef: HTMLInputElement | undefined;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+            } & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    prefix?: (props: {}) => any;
+                } & {
+                    suffix?: (props: {}) => any;
+                } & {
+                    prepend?: (props: {}) => any;
+                } & {
+                    append?: (props: {}) => any;
+                };
+            }) | undefined, ({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }> & Omit<{
+                    readonly type: "text" | "password";
+                    readonly disabled: boolean;
+                    readonly error: boolean;
+                    readonly readonly: string | boolean;
+                    readonly defaultValue: string;
+                    readonly allowClear: boolean;
+                    readonly fitWidth: boolean;
+                    readonly maxWFull: boolean;
+                    readonly maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    readonly showWordLimit: boolean;
+                    readonly fitWidthFallback: string;
+                    readonly size?: "small" | "medium" | "large" | "mini" | undefined;
+                    readonly modelValue?: string | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly inputAttrs?: Record<string, any> | undefined;
+                    readonly prepend?: string | undefined;
+                    readonly append?: string | undefined;
+                    readonly wordLength?: ((value: string) => number) | undefined;
+                    readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+                    readonly onClear?: ((_event: MouseEvent) => any) | undefined;
+                    readonly onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    readonly onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    readonly onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback">;
+                $attrs: import("vue").Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "clear", _event: MouseEvent) => void) & ((event: "focus", _event: FocusEvent) => void) & ((event: "blur", _event: FocusEvent) => void) & ((event: "change", _value: string, _event: Event) => void) & ((event: "input", _value: string, _event: Event) => void) & ((event: "update:modelValue", _value: string) => void) & ((event: "pressEnter", _event: KeyboardEvent) => void);
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: StringConstructor;
+                    defaultValue: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: import("vue").PropType<import("../index.ts").Size>;
+                    allowClear: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    readonly: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    error: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placeholder: StringConstructor;
+                    fitWidth: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxWFull: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLength: {
+                        type: import("vue").PropType<number | {
+                            length: number;
+                            errorOnly?: boolean;
+                        }>;
+                        default: number;
+                    };
+                    showWordLimit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wordLength: import("vue").PropType<(value: string) => number>;
+                    wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                    inputAttrs: ObjectConstructor;
+                    type: {
+                        type: import("vue").PropType<"text" | "password">;
+                        default: string;
+                    };
+                    fitWidthFallback: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    prepend: StringConstructor;
+                    append: StringConstructor;
+                }>> & Readonly<{
+                    onClear?: ((_event: MouseEvent) => any) | undefined;
+                    onFocus?: ((_event: FocusEvent) => any) | undefined;
+                    onBlur?: ((_event: FocusEvent) => any) | undefined;
+                    onChange?: ((_value: string, _event: Event) => any) | undefined;
+                    onInput?: ((_value: string, _event: Event) => any) | undefined;
+                    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                    onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+                }>, {
+                    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                    focus: () => void | undefined;
+                    blur: () => void | undefined;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    clear: (_event: MouseEvent) => void;
+                    focus: (_event: FocusEvent) => void;
+                    blur: (_event: FocusEvent) => void;
+                    change: (_value: string, _event: Event) => void;
+                    input: (_value: string, _event: Event) => void;
+                    "update:modelValue": (_value: string) => void;
+                    pressEnter: (_event: KeyboardEvent) => void;
+                }, string, {
+                    type: "text" | "password";
+                    disabled: boolean;
+                    error: boolean;
+                    readonly: string | boolean;
+                    defaultValue: string;
+                    allowClear: boolean;
+                    fitWidth: boolean;
+                    maxWFull: boolean;
+                    maxLength: number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    };
+                    showWordLimit: boolean;
+                    fitWidthFallback: string;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: StringConstructor;
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: import("vue").PropType<import("../index.ts").Size>;
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placeholder: StringConstructor;
+                fitWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxWFull: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    }>;
+                    default: number;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wordLength: import("vue").PropType<(value: string) => number>;
+                wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                inputAttrs: ObjectConstructor;
+                type: {
+                    type: import("vue").PropType<"text" | "password">;
+                    default: string;
+                };
+                fitWidthFallback: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prepend: StringConstructor;
+                append: StringConstructor;
+            }>> & Readonly<{
+                onClear?: ((_event: MouseEvent) => any) | undefined;
+                onFocus?: ((_event: FocusEvent) => any) | undefined;
+                onBlur?: ((_event: FocusEvent) => any) | undefined;
+                onChange?: ((_value: string, _event: Event) => any) | undefined;
+                onInput?: ((_value: string, _event: Event) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            }>, "focus" | "blur" | "inputRef" | ("type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback")> & {
+                inputRef: HTMLInputElement | undefined;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+            } & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    prefix?: (props: {}) => any;
+                } & {
+                    suffix?: (props: {}) => any;
+                } & {
+                    prepend?: (props: {}) => any;
+                } & {
+                    append?: (props: {}) => any;
+                };
+            }) | undefined>;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
+            searchButton: boolean;
+            loading: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         searchButton: {
             type: BooleanConstructor;
             default: boolean;
@@ -363,15 +1451,9 @@ declare const Input: {
             type: BooleanConstructor;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
-        };
-        buttonText: {
-            type: StringConstructor;
-        };
-        buttonProps: {
-            type: import("vue").PropType<import("../index.ts").ButtonProps>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
+        buttonText: StringConstructor;
+        buttonProps: import("vue").PropType<import("../index.ts").ButtonProps>;
         fitWidth: {
             type: BooleanConstructor;
             default: boolean;
@@ -381,14 +1463,566 @@ declare const Input: {
             default: boolean;
         };
     }>> & Readonly<{
-        onSearch?: ((_value: string, _ev: MouseEvent) => any) | undefined;
+        onSearch?: ((value: string, event: MouseEvent) => any) | undefined;
     }>, {
+        inputRef: import("vue").Ref<({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }> & Omit<{
+                readonly type: "text" | "password";
+                readonly disabled: boolean;
+                readonly error: boolean;
+                readonly readonly: string | boolean;
+                readonly defaultValue: string;
+                readonly allowClear: boolean;
+                readonly fitWidth: boolean;
+                readonly maxWFull: boolean;
+                readonly maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                readonly showWordLimit: boolean;
+                readonly fitWidthFallback: string;
+                readonly size?: "small" | "medium" | "large" | "mini" | undefined;
+                readonly modelValue?: string | undefined;
+                readonly placeholder?: string | undefined;
+                readonly inputAttrs?: Record<string, any> | undefined;
+                readonly prepend?: string | undefined;
+                readonly append?: string | undefined;
+                readonly wordLength?: ((value: string) => number) | undefined;
+                readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+                readonly onClear?: ((_event: MouseEvent) => any) | undefined;
+                readonly onFocus?: ((_event: FocusEvent) => any) | undefined;
+                readonly onBlur?: ((_event: FocusEvent) => any) | undefined;
+                readonly onChange?: ((_value: string, _event: Event) => any) | undefined;
+                readonly onInput?: ((_value: string, _event: Event) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                readonly onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback">;
+            $attrs: import("vue").Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "clear", _event: MouseEvent) => void) & ((event: "focus", _event: FocusEvent) => void) & ((event: "blur", _event: FocusEvent) => void) & ((event: "change", _value: string, _event: Event) => void) & ((event: "input", _value: string, _event: Event) => void) & ((event: "update:modelValue", _value: string) => void) & ((event: "pressEnter", _event: KeyboardEvent) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: StringConstructor;
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: import("vue").PropType<import("../index.ts").Size>;
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placeholder: StringConstructor;
+                fitWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxWFull: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    }>;
+                    default: number;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wordLength: import("vue").PropType<(value: string) => number>;
+                wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                inputAttrs: ObjectConstructor;
+                type: {
+                    type: import("vue").PropType<"text" | "password">;
+                    default: string;
+                };
+                fitWidthFallback: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prepend: StringConstructor;
+                append: StringConstructor;
+            }>> & Readonly<{
+                onClear?: ((_event: MouseEvent) => any) | undefined;
+                onFocus?: ((_event: FocusEvent) => any) | undefined;
+                onBlur?: ((_event: FocusEvent) => any) | undefined;
+                onChange?: ((_value: string, _event: Event) => any) | undefined;
+                onInput?: ((_value: string, _event: Event) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            }>, {
+                inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                clear: (_event: MouseEvent) => void;
+                focus: (_event: FocusEvent) => void;
+                blur: (_event: FocusEvent) => void;
+                change: (_value: string, _event: Event) => void;
+                input: (_value: string, _event: Event) => void;
+                "update:modelValue": (_value: string) => void;
+                pressEnter: (_event: KeyboardEvent) => void;
+            }, string, {
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<{
+            type: "text" | "password";
+            disabled: boolean;
+            error: boolean;
+            readonly: string | boolean;
+            defaultValue: string;
+            allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            showWordLimit: boolean;
+            fitWidthFallback: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: StringConstructor;
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: import("vue").PropType<import("../index.ts").Size>;
+            allowClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            error: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            placeholder: StringConstructor;
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLength: {
+                type: import("vue").PropType<number | {
+                    length: number;
+                    errorOnly?: boolean;
+                }>;
+                default: number;
+            };
+            showWordLimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wordLength: import("vue").PropType<(value: string) => number>;
+            wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+            inputAttrs: ObjectConstructor;
+            type: {
+                type: import("vue").PropType<"text" | "password">;
+                default: string;
+            };
+            fitWidthFallback: {
+                type: StringConstructor;
+                default: string;
+            };
+            prepend: StringConstructor;
+            append: StringConstructor;
+        }>> & Readonly<{
+            onClear?: ((_event: MouseEvent) => any) | undefined;
+            onFocus?: ((_event: FocusEvent) => any) | undefined;
+            onBlur?: ((_event: FocusEvent) => any) | undefined;
+            onChange?: ((_value: string, _event: Event) => any) | undefined;
+            onInput?: ((_value: string, _event: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+        }>, "focus" | "blur" | "inputRef" | ("type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback")> & {
+            inputRef: HTMLInputElement | undefined;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+        } & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                prefix?: (props: {}) => any;
+            } & {
+                suffix?: (props: {}) => any;
+            } & {
+                prepend?: (props: {}) => any;
+            } & {
+                append?: (props: {}) => any;
+            };
+        }) | undefined, ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }> & Omit<{
+                readonly type: "text" | "password";
+                readonly disabled: boolean;
+                readonly error: boolean;
+                readonly readonly: string | boolean;
+                readonly defaultValue: string;
+                readonly allowClear: boolean;
+                readonly fitWidth: boolean;
+                readonly maxWFull: boolean;
+                readonly maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                readonly showWordLimit: boolean;
+                readonly fitWidthFallback: string;
+                readonly size?: "small" | "medium" | "large" | "mini" | undefined;
+                readonly modelValue?: string | undefined;
+                readonly placeholder?: string | undefined;
+                readonly inputAttrs?: Record<string, any> | undefined;
+                readonly prepend?: string | undefined;
+                readonly append?: string | undefined;
+                readonly wordLength?: ((value: string) => number) | undefined;
+                readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+                readonly onClear?: ((_event: MouseEvent) => any) | undefined;
+                readonly onFocus?: ((_event: FocusEvent) => any) | undefined;
+                readonly onBlur?: ((_event: FocusEvent) => any) | undefined;
+                readonly onChange?: ((_value: string, _event: Event) => any) | undefined;
+                readonly onInput?: ((_value: string, _event: Event) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                readonly onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback">;
+            $attrs: import("vue").Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "clear", _event: MouseEvent) => void) & ((event: "focus", _event: FocusEvent) => void) & ((event: "blur", _event: FocusEvent) => void) & ((event: "change", _value: string, _event: Event) => void) & ((event: "input", _value: string, _event: Event) => void) & ((event: "update:modelValue", _value: string) => void) & ((event: "pressEnter", _event: KeyboardEvent) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: StringConstructor;
+                defaultValue: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: import("vue").PropType<import("../index.ts").Size>;
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                error: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placeholder: StringConstructor;
+                fitWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxWFull: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number | {
+                        length: number;
+                        errorOnly?: boolean;
+                    }>;
+                    default: number;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wordLength: import("vue").PropType<(value: string) => number>;
+                wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+                inputAttrs: ObjectConstructor;
+                type: {
+                    type: import("vue").PropType<"text" | "password">;
+                    default: string;
+                };
+                fitWidthFallback: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prepend: StringConstructor;
+                append: StringConstructor;
+            }>> & Readonly<{
+                onClear?: ((_event: MouseEvent) => any) | undefined;
+                onFocus?: ((_event: FocusEvent) => any) | undefined;
+                onBlur?: ((_event: FocusEvent) => any) | undefined;
+                onChange?: ((_value: string, _event: Event) => any) | undefined;
+                onInput?: ((_value: string, _event: Event) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+                onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+            }>, {
+                inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                clear: (_event: MouseEvent) => void;
+                focus: (_event: FocusEvent) => void;
+                blur: (_event: FocusEvent) => void;
+                change: (_value: string, _event: Event) => void;
+                input: (_value: string, _event: Event) => void;
+                "update:modelValue": (_value: string) => void;
+                pressEnter: (_event: KeyboardEvent) => void;
+            }, string, {
+                type: "text" | "password";
+                disabled: boolean;
+                error: boolean;
+                readonly: string | boolean;
+                defaultValue: string;
+                allowClear: boolean;
+                fitWidth: boolean;
+                maxWFull: boolean;
+                maxLength: number | {
+                    length: number;
+                    errorOnly?: boolean;
+                };
+                showWordLimit: boolean;
+                fitWidthFallback: string;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<{
+            type: "text" | "password";
+            disabled: boolean;
+            error: boolean;
+            readonly: string | boolean;
+            defaultValue: string;
+            allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            showWordLimit: boolean;
+            fitWidthFallback: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: StringConstructor;
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: import("vue").PropType<import("../index.ts").Size>;
+            allowClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            error: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            placeholder: StringConstructor;
+            fitWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxWFull: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLength: {
+                type: import("vue").PropType<number | {
+                    length: number;
+                    errorOnly?: boolean;
+                }>;
+                default: number;
+            };
+            showWordLimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wordLength: import("vue").PropType<(value: string) => number>;
+            wordSlice: import("vue").PropType<(value: string, maxLength: number) => string>;
+            inputAttrs: ObjectConstructor;
+            type: {
+                type: import("vue").PropType<"text" | "password">;
+                default: string;
+            };
+            fitWidthFallback: {
+                type: StringConstructor;
+                default: string;
+            };
+            prepend: StringConstructor;
+            append: StringConstructor;
+        }>> & Readonly<{
+            onClear?: ((_event: MouseEvent) => any) | undefined;
+            onFocus?: ((_event: FocusEvent) => any) | undefined;
+            onBlur?: ((_event: FocusEvent) => any) | undefined;
+            onChange?: ((_value: string, _event: Event) => any) | undefined;
+            onInput?: ((_value: string, _event: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            onPressEnter?: ((_event: KeyboardEvent) => any) | undefined;
+        }>, "focus" | "blur" | "inputRef" | ("type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback")> & {
+            inputRef: HTMLInputElement | undefined;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+        } & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                prefix?: (props: {}) => any;
+            } & {
+                suffix?: (props: {}) => any;
+            } & {
+                prepend?: (props: {}) => any;
+            } & {
+                append?: (props: {}) => any;
+            };
+        }) | undefined>;
+        focus: () => void;
+        blur: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        search: (value: string, event: MouseEvent) => any;
+    }, string, {
         disabled: boolean;
         fitWidth: boolean;
         maxWFull: boolean;
         searchButton: boolean;
         loading: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'button-default'?: (props: {}) => any;
+        } & {
+            'button-icon'?: (props: {}) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    });
     Password: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             visibility: {