@propelinc/citrus-ui 1.0.5 → 1.3.0

package/dist/components/CPhoneField.vue.d.ts

@@ -0,0 +1,792 @@
+import { VNode, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, ComputedRef, DefineComponent, PublicProps } from 'vue';
+import { Rules } from '../composables/validations';
+import { MaskOptions, MaskTokens } from 'maska';
+import { OnCleanup } from '@vue/reactivity';
+type __VLS_Props = {
+    /** A custom data-test attribute for the input. */
+    dataTest?: string;
+    /** A unique id for the input. */
+    id?: string;
+    /** The input's label. */
+    label?: string | null;
+    /** The input's placeholder. */
+    placeholder?: string;
+    /** Additional validation rules. */
+    rules?: Rules<string>;
+    /** The value of the input. */
+    value?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: () => VNode[];
+        message?: () => VNode[];
+    }> & {
+        label?: () => VNode[];
+        message?: () => VNode[];
+    };
+    refs: {
+        field: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly counter?: number | null | undefined;
+                readonly dataTest?: string | undefined;
+                readonly id?: string | undefined;
+                readonly label?: string | null | undefined;
+                readonly mask: MaskOptions["mask"] | null;
+                readonly minlength?: number | string | null | undefined;
+                readonly maxlength?: number | string | null | undefined;
+                readonly placeholder?: string | undefined;
+                readonly rules?: Rules<string> | undefined;
+                readonly tokens?: ( MaskTokens | null) | undefined;
+                readonly unmaskRules?: boolean | undefined;
+                readonly value?: string | undefined;
+                readonly onChange?: ((value: string) => any) | undefined;
+                readonly onBlur?: ((event: Event) => any) | undefined;
+                readonly onFocus?: ((event: Event) => any) | undefined;
+                readonly onInput?: ((value: string) => any) | undefined;
+                readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                readonly "onInput:masked"?: ((value: string) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                textField: ({
+                    $: ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly id?: string | null | undefined;
+                        readonly label?: string | null | undefined;
+                        readonly ariaLabel?: string | null | undefined;
+                        readonly placeholder?: string | undefined;
+                        readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
+                        readonly clearable?: boolean | undefined;
+                        readonly size?: "medium" | "large" | undefined;
+                        readonly inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+                        readonly minlength?: number | string | undefined;
+                        readonly maxlength?: number | string | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly hideable?: boolean | undefined;
+                        readonly hideLabel?: boolean | undefined;
+                        readonly hideDetails?: boolean | "auto" | undefined;
+                        readonly value?: string | undefined;
+                        readonly dataTest?: string | undefined;
+                        readonly counter?: number | null | undefined;
+                        readonly counterValue?: number | (() => number | null) | null | undefined;
+                        readonly rules?: Rules<string> | undefined;
+                        readonly validateOnBlur?: boolean | undefined;
+                        readonly required?: boolean | undefined;
+                        readonly errorMessage?: string | undefined;
+                        readonly onChange?: ((value: string) => any) | undefined;
+                        readonly onBlur?: ((event: Event) => any) | undefined;
+                        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        readonly onFocus?: ((event: Event) => any) | undefined;
+                        readonly onInput?: ((value: string) => any) | undefined;
+                        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly "onClick:hide"?: ((hidden: boolean) => any) | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        input: HTMLInputElement;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: Slot<any> | undefined;
+                    }>;
+                    $root: ComponentPublicInstance | null;
+                    $parent: ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
+                    $el: any;
+                    $options: ComponentOptionsBase<Readonly<{
+                        id?: string | null;
+                        label?: string | null;
+                        ariaLabel?: string | null;
+                        placeholder?: string;
+                        type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                        clearable?: boolean;
+                        size?: "medium" | "large";
+                        inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                        minlength?: number | string;
+                        maxlength?: number | string;
+                        disabled?: boolean;
+                        hideable?: boolean;
+                        hideLabel?: boolean;
+                        hideDetails?: boolean | "auto";
+                        value?: string;
+                        dataTest?: string;
+                        counter?: number | null;
+                        counterValue?: number | (() => number | null) | null;
+                        rules?: Rules<string>;
+                        validateOnBlur?: boolean;
+                        required?: boolean;
+                        errorMessage?: string;
+                    }> & Readonly<{
+                        onChange?: ((value: string) => any) | undefined;
+                        onBlur?: ((event: Event) => any) | undefined;
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                        onFocus?: ((event: Event) => any) | undefined;
+                        onInput?: ((value: string) => any) | undefined;
+                        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                        onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                        "onClick:hide"?: ((hidden: boolean) => any) | undefined;
+                    }>, {
+                        input: Ref<HTMLInputElement | null>;
+                        focus: () => void;
+                        blur: () => void;
+                        startValidating: () => void;
+                    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                        change: (value: string) => any;
+                        blur: (event: Event) => any;
+                        click: (event: MouseEvent) => any;
+                        focus: (event: Event) => any;
+                        input: (value: string) => any;
+                        keydown: (event: KeyboardEvent) => any;
+                        keypress: (event: KeyboardEvent) => any;
+                        keyup: (event: KeyboardEvent) => any;
+                        "click:hide": (hidden: boolean) => any;
+                    }, string, {
+                        type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                        label: string | null;
+                        id: string | null;
+                        value: string;
+                        size: "medium" | "large";
+                        dataTest: string;
+                        placeholder: string;
+                        disabled: boolean;
+                        ariaLabel: string | null;
+                        rules: Rules<string>;
+                        required: boolean;
+                        hideDetails: boolean | "auto";
+                        counter: number | null;
+                        counterValue: number | (() => number | null) | null;
+                        clearable: boolean;
+                        inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                        minlength: number | string;
+                        maxlength: number | string;
+                        hideable: boolean;
+                        hideLabel: boolean;
+                        validateOnBlur: boolean;
+                        errorMessage: string;
+                    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                } & Readonly<{
+                    type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                    label: string | null;
+                    id: string | null;
+                    value: string;
+                    size: "medium" | "large";
+                    dataTest: string;
+                    placeholder: string;
+                    disabled: boolean;
+                    ariaLabel: string | null;
+                    rules: Rules<string>;
+                    required: boolean;
+                    hideDetails: boolean | "auto";
+                    counter: number | null;
+                    counterValue: number | (() => number | null) | null;
+                    clearable: boolean;
+                    inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                    minlength: number | string;
+                    maxlength: number | string;
+                    hideable: boolean;
+                    hideLabel: boolean;
+                    validateOnBlur: boolean;
+                    errorMessage: string;
+                }> & Omit<Readonly<{
+                    id?: string | null;
+                    label?: string | null;
+                    ariaLabel?: string | null;
+                    placeholder?: string;
+                    type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                    clearable?: boolean;
+                    size?: "medium" | "large";
+                    inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                    minlength?: number | string;
+                    maxlength?: number | string;
+                    disabled?: boolean;
+                    hideable?: boolean;
+                    hideLabel?: boolean;
+                    hideDetails?: boolean | "auto";
+                    value?: string;
+                    dataTest?: string;
+                    counter?: number | null;
+                    counterValue?: number | (() => number | null) | null;
+                    rules?: Rules<string>;
+                    validateOnBlur?: boolean;
+                    required?: boolean;
+                    errorMessage?: string;
+                }> & Readonly<{
+                    onChange?: ((value: string) => any) | undefined;
+                    onBlur?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onFocus?: ((event: Event) => any) | undefined;
+                    onInput?: ((value: string) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                    onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                    "onClick:hide"?: ((hidden: boolean) => any) | undefined;
+                }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
+                    input: Ref<HTMLInputElement | null>;
+                    focus: () => void;
+                    blur: () => void;
+                    startValidating: () => void;
+                }> & {} & ComponentCustomProperties & {} & {
+                    $slots: Readonly<{
+                        label?: () => VNode[];
+                        'prepend-inner'?: () => VNode[];
+                        append?: () => VNode[];
+                        message?: () => VNode[];
+                    }> & {
+                        label?: () => VNode[];
+                        'prepend-inner'?: () => VNode[];
+                        append?: () => VNode[];
+                        message?: () => VNode[];
+                    };
+                }) | null;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "input:masked", value: string) => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+                counter?: number | null;
+                dataTest?: string;
+                id?: string;
+                label?: string | null;
+                mask: MaskOptions["mask"] | null;
+                minlength?: number | string | null;
+                maxlength?: number | string | null;
+                placeholder?: string;
+                rules?: Rules<string>;
+                tokens?: MaskTokens | null;
+                unmaskRules?: boolean;
+                value?: string;
+            }> & Readonly<{
+                onChange?: ((value: string) => any) | undefined;
+                onBlur?: ((event: Event) => any) | undefined;
+                onFocus?: ((event: Event) => any) | undefined;
+                onInput?: ((value: string) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                "onInput:masked"?: ((value: string) => any) | undefined;
+            }>, {
+                input: ComputedRef<HTMLInputElement | null>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                change: (value: string) => any;
+                blur: (event: Event) => any;
+                focus: (event: Event) => any;
+                input: (value: string) => any;
+                keydown: (event: KeyboardEvent) => any;
+                keypress: (event: KeyboardEvent) => any;
+                keyup: (event: KeyboardEvent) => any;
+                "input:masked": (value: string) => any;
+            }, string, {
+                label: string | null;
+                id: string;
+                value: string;
+                dataTest: string;
+                placeholder: string;
+                rules: Rules<string>;
+                counter: number | null;
+                minlength: number | string | null;
+                maxlength: number | string | null;
+                tokens: MaskTokens | null;
+                unmaskRules: boolean;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            label: string | null;
+            id: string;
+            value: string;
+            dataTest: string;
+            placeholder: string;
+            rules: Rules<string>;
+            counter: number | null;
+            minlength: number | string | null;
+            maxlength: number | string | null;
+            tokens: MaskTokens | null;
+            unmaskRules: boolean;
+        }> & Omit<Readonly<{
+            counter?: number | null;
+            dataTest?: string;
+            id?: string;
+            label?: string | null;
+            mask: MaskOptions["mask"] | null;
+            minlength?: number | string | null;
+            maxlength?: number | string | null;
+            placeholder?: string;
+            rules?: Rules<string>;
+            tokens?: MaskTokens | null;
+            unmaskRules?: boolean;
+            value?: string;
+        }> & Readonly<{
+            onChange?: ((value: string) => any) | undefined;
+            onBlur?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: Event) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+            onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+            "onInput:masked"?: ((value: string) => any) | undefined;
+        }>, "input" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
+            input: ComputedRef<HTMLInputElement | null>;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                label?: () => VNode[];
+                'prepend-inner'?: () => VNode[];
+                append?: () => VNode[];
+                message?: () => VNode[];
+            }> & {
+                label?: () => VNode[];
+                'prepend-inner'?: () => VNode[];
+                append?: () => VNode[];
+                message?: () => VNode[];
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {
+    focus: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string | null;
+    id: string;
+    value: string;
+    dataTest: string;
+    placeholder: string;
+    rules: Rules<string>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    field: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly counter?: number | null | undefined;
+            readonly dataTest?: string | undefined;
+            readonly id?: string | undefined;
+            readonly label?: string | null | undefined;
+            readonly mask: MaskOptions["mask"] | null;
+            readonly minlength?: number | string | null | undefined;
+            readonly maxlength?: number | string | null | undefined;
+            readonly placeholder?: string | undefined;
+            readonly rules?: Rules<string> | undefined;
+            readonly tokens?: ( MaskTokens | null) | undefined;
+            readonly unmaskRules?: boolean | undefined;
+            readonly value?: string | undefined;
+            readonly onChange?: ((value: string) => any) | undefined;
+            readonly onBlur?: ((event: Event) => any) | undefined;
+            readonly onFocus?: ((event: Event) => any) | undefined;
+            readonly onInput?: ((value: string) => any) | undefined;
+            readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+            readonly "onInput:masked"?: ((value: string) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            textField: ({
+                $: ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly id?: string | null | undefined;
+                    readonly label?: string | null | undefined;
+                    readonly ariaLabel?: string | null | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
+                    readonly clearable?: boolean | undefined;
+                    readonly size?: "medium" | "large" | undefined;
+                    readonly inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+                    readonly minlength?: number | string | undefined;
+                    readonly maxlength?: number | string | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly hideable?: boolean | undefined;
+                    readonly hideLabel?: boolean | undefined;
+                    readonly hideDetails?: boolean | "auto" | undefined;
+                    readonly value?: string | undefined;
+                    readonly dataTest?: string | undefined;
+                    readonly counter?: number | null | undefined;
+                    readonly counterValue?: number | (() => number | null) | null | undefined;
+                    readonly rules?: Rules<string> | undefined;
+                    readonly validateOnBlur?: boolean | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly errorMessage?: string | undefined;
+                    readonly onChange?: ((value: string) => any) | undefined;
+                    readonly onBlur?: ((event: Event) => any) | undefined;
+                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                    readonly onFocus?: ((event: Event) => any) | undefined;
+                    readonly onInput?: ((value: string) => any) | undefined;
+                    readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                    readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                    readonly "onClick:hide"?: ((hidden: boolean) => any) | undefined;
+                } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    input: HTMLInputElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: Slot<any> | undefined;
+                }>;
+                $root: ComponentPublicInstance | null;
+                $parent: ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
+                $el: any;
+                $options: ComponentOptionsBase<Readonly<{
+                    id?: string | null;
+                    label?: string | null;
+                    ariaLabel?: string | null;
+                    placeholder?: string;
+                    type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                    clearable?: boolean;
+                    size?: "medium" | "large";
+                    inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                    minlength?: number | string;
+                    maxlength?: number | string;
+                    disabled?: boolean;
+                    hideable?: boolean;
+                    hideLabel?: boolean;
+                    hideDetails?: boolean | "auto";
+                    value?: string;
+                    dataTest?: string;
+                    counter?: number | null;
+                    counterValue?: number | (() => number | null) | null;
+                    rules?: Rules<string>;
+                    validateOnBlur?: boolean;
+                    required?: boolean;
+                    errorMessage?: string;
+                }> & Readonly<{
+                    onChange?: ((value: string) => any) | undefined;
+                    onBlur?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onFocus?: ((event: Event) => any) | undefined;
+                    onInput?: ((value: string) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                    onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                    "onClick:hide"?: ((hidden: boolean) => any) | undefined;
+                }>, {
+                    input: Ref<HTMLInputElement | null>;
+                    focus: () => void;
+                    blur: () => void;
+                    startValidating: () => void;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                    change: (value: string) => any;
+                    blur: (event: Event) => any;
+                    click: (event: MouseEvent) => any;
+                    focus: (event: Event) => any;
+                    input: (value: string) => any;
+                    keydown: (event: KeyboardEvent) => any;
+                    keypress: (event: KeyboardEvent) => any;
+                    keyup: (event: KeyboardEvent) => any;
+                    "click:hide": (hidden: boolean) => any;
+                }, string, {
+                    type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                    label: string | null;
+                    id: string | null;
+                    value: string;
+                    size: "medium" | "large";
+                    dataTest: string;
+                    placeholder: string;
+                    disabled: boolean;
+                    ariaLabel: string | null;
+                    rules: Rules<string>;
+                    required: boolean;
+                    hideDetails: boolean | "auto";
+                    counter: number | null;
+                    counterValue: number | (() => number | null) | null;
+                    clearable: boolean;
+                    inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                    minlength: number | string;
+                    maxlength: number | string;
+                    hideable: boolean;
+                    hideLabel: boolean;
+                    validateOnBlur: boolean;
+                    errorMessage: string;
+                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+            } & Readonly<{
+                type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                label: string | null;
+                id: string | null;
+                value: string;
+                size: "medium" | "large";
+                dataTest: string;
+                placeholder: string;
+                disabled: boolean;
+                ariaLabel: string | null;
+                rules: Rules<string>;
+                required: boolean;
+                hideDetails: boolean | "auto";
+                counter: number | null;
+                counterValue: number | (() => number | null) | null;
+                clearable: boolean;
+                inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                minlength: number | string;
+                maxlength: number | string;
+                hideable: boolean;
+                hideLabel: boolean;
+                validateOnBlur: boolean;
+                errorMessage: string;
+            }> & Omit<Readonly<{
+                id?: string | null;
+                label?: string | null;
+                ariaLabel?: string | null;
+                placeholder?: string;
+                type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
+                clearable?: boolean;
+                size?: "medium" | "large";
+                inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+                minlength?: number | string;
+                maxlength?: number | string;
+                disabled?: boolean;
+                hideable?: boolean;
+                hideLabel?: boolean;
+                hideDetails?: boolean | "auto";
+                value?: string;
+                dataTest?: string;
+                counter?: number | null;
+                counterValue?: number | (() => number | null) | null;
+                rules?: Rules<string>;
+                validateOnBlur?: boolean;
+                required?: boolean;
+                errorMessage?: string;
+            }> & Readonly<{
+                onChange?: ((value: string) => any) | undefined;
+                onBlur?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onFocus?: ((event: Event) => any) | undefined;
+                onInput?: ((value: string) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+                onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+                "onClick:hide"?: ((hidden: boolean) => any) | undefined;
+            }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
+                input: Ref<HTMLInputElement | null>;
+                focus: () => void;
+                blur: () => void;
+                startValidating: () => void;
+            }> & {} & ComponentCustomProperties & {} & {
+                $slots: Readonly<{
+                    label?: () => VNode[];
+                    'prepend-inner'?: () => VNode[];
+                    append?: () => VNode[];
+                    message?: () => VNode[];
+                }> & {
+                    label?: () => VNode[];
+                    'prepend-inner'?: () => VNode[];
+                    append?: () => VNode[];
+                    message?: () => VNode[];
+                };
+            }) | null;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "input:masked", value: string) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            counter?: number | null;
+            dataTest?: string;
+            id?: string;
+            label?: string | null;
+            mask: MaskOptions["mask"] | null;
+            minlength?: number | string | null;
+            maxlength?: number | string | null;
+            placeholder?: string;
+            rules?: Rules<string>;
+            tokens?: MaskTokens | null;
+            unmaskRules?: boolean;
+            value?: string;
+        }> & Readonly<{
+            onChange?: ((value: string) => any) | undefined;
+            onBlur?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: Event) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+            onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+            "onInput:masked"?: ((value: string) => any) | undefined;
+        }>, {
+            input: ComputedRef<HTMLInputElement | null>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            change: (value: string) => any;
+            blur: (event: Event) => any;
+            focus: (event: Event) => any;
+            input: (value: string) => any;
+            keydown: (event: KeyboardEvent) => any;
+            keypress: (event: KeyboardEvent) => any;
+            keyup: (event: KeyboardEvent) => any;
+            "input:masked": (value: string) => any;
+        }, string, {
+            label: string | null;
+            id: string;
+            value: string;
+            dataTest: string;
+            placeholder: string;
+            rules: Rules<string>;
+            counter: number | null;
+            minlength: number | string | null;
+            maxlength: number | string | null;
+            tokens: MaskTokens | null;
+            unmaskRules: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        label: string | null;
+        id: string;
+        value: string;
+        dataTest: string;
+        placeholder: string;
+        rules: Rules<string>;
+        counter: number | null;
+        minlength: number | string | null;
+        maxlength: number | string | null;
+        tokens: MaskTokens | null;
+        unmaskRules: boolean;
+    }> & Omit<Readonly<{
+        counter?: number | null;
+        dataTest?: string;
+        id?: string;
+        label?: string | null;
+        mask: MaskOptions["mask"] | null;
+        minlength?: number | string | null;
+        maxlength?: number | string | null;
+        placeholder?: string;
+        rules?: Rules<string>;
+        tokens?: MaskTokens | null;
+        unmaskRules?: boolean;
+        value?: string;
+    }> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        onBlur?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: Event) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+        onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+        "onInput:masked"?: ((value: string) => any) | undefined;
+    }>, "input" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
+        input: ComputedRef<HTMLInputElement | null>;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            label?: () => VNode[];
+            'prepend-inner'?: () => VNode[];
+            append?: () => VNode[];
+            message?: () => VNode[];
+        }> & {
+            label?: () => VNode[];
+            'prepend-inner'?: () => VNode[];
+            append?: () => VNode[];
+            message?: () => VNode[];
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};