sprintify-ui 0.10.63 → 0.10.65

package/dist/types/components/BaseAutocomplete.vue.d.ts

@@ -1,677 +1,467 @@
 import { PropType, ComputedRef } from 'vue';
 import { NormalizedOption, RawOption, OptionValue } from '@/types';
-import { Icon as BaseIcon } from '@iconify/vue';
-import BaseAutocompleteDrawer from './BaseAutocompleteDrawer.vue';
 import { SelectConfiguration } from '@/types';
-import { t } from '@/i18n';
 import { Size } from '@/utils/sizes';
-import BaseInput from './BaseInput.vue';
-import BaseSelect from './BaseSelect.vue';
-declare const emit: (event: "close" | "select" | "open" | "clear" | "update:modelValue" | "scrollBottom" | "typing", ...args: any[]) => void;
-declare const hasErrorInternal: ComputedRef<boolean>, sizeInternal: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl">;
-declare const inputRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-declare const dropdownRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-declare const drawer: import("vue").Ref<({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        options: NormalizedOption[];
-        loading: boolean;
-        selected: NormalizedOption | NormalizedOption[] | null | undefined;
-        keywords: string;
-        loadingBottom: boolean;
-        twDrawer: string;
-    }> & Omit<{
-        readonly size: "xs" | "sm" | "md" | "lg" | "xl";
-        readonly options: NormalizedOption[];
-        readonly loading: boolean;
-        readonly keywords: string;
-        readonly loadingBottom: boolean;
-        readonly twDrawer: string;
-        readonly selected?: NormalizedOption | NormalizedOption[] | null | undefined;
-        readonly onSelect?: ((...args: any[]) => any) | undefined;
-        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $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: "select", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void);
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        selected: {
-            type: PropType<NormalizedOption[] | NormalizedOption | null | undefined>;
-            default: undefined;
-        };
-        options: {
-            type: PropType<NormalizedOption[]>;
-            default(): never[];
-        };
-        keywords: {
-            type: StringConstructor;
-            default: string;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loadingBottom: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<Size>;
-            default: string;
-        };
-        twDrawer: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onScrollBottom?: ((...args: any[]) => any) | undefined;
-    }>, {
-        onKeydown: (event: KeyboardEvent) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        select: (...args: any[]) => void;
-        scrollBottom: (...args: any[]) => void;
-    }, string, {
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        options: NormalizedOption[];
-        loading: boolean;
-        selected: NormalizedOption | NormalizedOption[] | null | undefined;
-        keywords: string;
-        loadingBottom: boolean;
-        twDrawer: 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<{
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    options: NormalizedOption[];
-    loading: boolean;
-    selected: NormalizedOption | NormalizedOption[] | null | undefined;
-    keywords: string;
-    loadingBottom: boolean;
-    twDrawer: string;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    selected: {
-        type: PropType<NormalizedOption[] | NormalizedOption | null | undefined>;
-        default: undefined;
-    };
-    options: {
-        type: PropType<NormalizedOption[]>;
-        default(): never[];
-    };
-    keywords: {
-        type: StringConstructor;
-        default: string;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadingBottom: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-    };
-    twDrawer: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-}>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
-    onKeydown: (event: KeyboardEvent) => void;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        empty?: ((props: {}) => any) | undefined;
-        option?: ((props: {
+declare function open(): void;
+declare function close(): void;
+declare function setKeywords(input: string): void;
+declare function focus(): void;
+declare function blur(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {
+            focus: typeof focus;
+            blur: typeof blur;
+            open: typeof open;
+            close: typeof close;
+            keywords: ComputedRef<string>;
+        }): any;
+        option?(_: {
+            focus: typeof focus;
+            blur: typeof blur;
+            open: typeof open;
+            close: typeof close;
+            keywords: ComputedRef<string>;
             option: RawOption | null;
             value: OptionValue;
             label: string;
             selected: boolean;
             active: boolean;
-        }) => any) | undefined;
-        footer?: ((props: {
+        }): any;
+        footer?(_: {
+            focus: typeof focus;
+            blur: typeof blur;
+            open: typeof open;
+            close: typeof close;
+            keywords: ComputedRef<string>;
             options: NormalizedOption[];
-        }) => any) | undefined;
-    };
-}) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        options: NormalizedOption[];
-        loading: boolean;
-        selected: NormalizedOption | NormalizedOption[] | null | undefined;
-        keywords: string;
-        loadingBottom: boolean;
-        twDrawer: string;
-    }> & Omit<{
-        readonly size: "xs" | "sm" | "md" | "lg" | "xl";
-        readonly options: NormalizedOption[];
-        readonly loading: boolean;
-        readonly keywords: string;
-        readonly loadingBottom: boolean;
-        readonly twDrawer: string;
-        readonly selected?: NormalizedOption | NormalizedOption[] | null | undefined;
-        readonly onSelect?: ((...args: any[]) => any) | undefined;
-        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $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: "select", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void);
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        selected: {
-            type: PropType<NormalizedOption[] | NormalizedOption | null | undefined>;
-            default: undefined;
-        };
-        options: {
-            type: PropType<NormalizedOption[]>;
-            default(): never[];
-        };
-        keywords: {
-            type: StringConstructor;
-            default: string;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loadingBottom: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<Size>;
-            default: string;
-        };
-        twDrawer: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onScrollBottom?: ((...args: any[]) => any) | undefined;
-    }>, {
-        onKeydown: (event: KeyboardEvent) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        select: (...args: any[]) => void;
-        scrollBottom: (...args: any[]) => void;
-    }, string, {
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        options: NormalizedOption[];
-        loading: boolean;
-        selected: NormalizedOption | NormalizedOption[] | null | undefined;
-        keywords: string;
-        loadingBottom: boolean;
-        twDrawer: 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<{
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    options: NormalizedOption[];
-    loading: boolean;
-    selected: NormalizedOption | NormalizedOption[] | null | undefined;
-    keywords: string;
-    loadingBottom: boolean;
-    twDrawer: string;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    selected: {
-        type: PropType<NormalizedOption[] | NormalizedOption | null | undefined>;
-        default: undefined;
-    };
-    options: {
-        type: PropType<NormalizedOption[]>;
-        default(): never[];
-    };
-    keywords: {
-        type: StringConstructor;
-        default: string;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadingBottom: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-    };
-    twDrawer: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-}>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
-    onKeydown: (event: KeyboardEvent) => void;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        empty?: ((props: {}) => any) | undefined;
-        option?: ((props: {
-            option: RawOption | null;
-            value: OptionValue;
-            label: string;
-            selected: boolean;
-            active: boolean;
-        }) => any) | undefined;
-        footer?: ((props: {
+        }): any;
+    };
+    refs: {
+        autocomplete: HTMLDivElement;
+        inputRef: HTMLDivElement;
+        inputElement: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                default: string;
+                type: PropType<string | number | null>;
+            };
+            class: {
+                default: string;
+                type: PropType<string | string[]>;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            step: {
+                default: undefined;
+                type: PropType<undefined | null | number>;
+            };
+            autocomplete: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            preventSubmit: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            name: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            placeholder: {
+                default: string;
+                type: StringConstructor;
+            };
+            disabled: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            required: {
+                default: undefined;
+                type: BooleanConstructor;
+            };
+            iconLeft: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            iconRight: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            prefix: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            suffix: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            hasError: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            size: {
+                default: undefined;
+                type: PropType<Size>;
+            };
+            min: {
+                default: undefined;
+                type: PropType<undefined | null | number>;
+            };
+            max: {
+                default: undefined;
+                type: PropType<undefined | null | number>;
+            };
+            mask: {
+                type: PropType<string | string[] | import("maska").MaskType>;
+                default(): null;
+            };
+            visibleFocus: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            onIconLeftClick: {
+                default: undefined;
+                type: PropType<() => void>;
+            };
+            onIconRightClick: {
+                default: undefined;
+                type: PropType<() => void>;
+            };
+        }>> & Readonly<{
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+            select: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            blur: (...args: any[]) => void;
+            click: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
+            keydown: (...args: any[]) => void;
+            "update:modelValue": (...args: any[]) => void;
+        }, import("vue").PublicProps, {
+            class: string | string[];
+            type: string;
+            mask: import("maska").MaskType;
+            step: number | null | undefined;
+            size: "xs" | "sm" | "md" | "lg" | "xl";
+            required: boolean;
+            disabled: boolean;
+            name: string | null | undefined;
+            modelValue: string | number | null;
+            autocomplete: boolean;
+            preventSubmit: boolean;
+            placeholder: string;
+            iconLeft: string | null | undefined;
+            iconRight: string | null | undefined;
+            prefix: string | null | undefined;
+            suffix: string | null | undefined;
+            hasError: boolean;
+            min: number | null | undefined;
+            max: number | null | undefined;
+            visibleFocus: boolean;
+            onIconLeftClick: () => void;
+            onIconRightClick: () => void;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                default: string;
+                type: PropType<string | number | null>;
+            };
+            class: {
+                default: string;
+                type: PropType<string | string[]>;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            step: {
+                default: undefined;
+                type: PropType<undefined | null | number>;
+            };
+            autocomplete: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            preventSubmit: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            name: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            placeholder: {
+                default: string;
+                type: StringConstructor;
+            };
+            disabled: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            required: {
+                default: undefined;
+                type: BooleanConstructor;
+            };
+            iconLeft: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            iconRight: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            prefix: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            suffix: {
+                default: undefined;
+                type: PropType<undefined | null | string>;
+            };
+            hasError: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            size: {
+                default: undefined;
+                type: PropType<Size>;
+            };
+            min: {
+                default: undefined;
+                type: PropType<undefined | null | number>;
+            };
+            max: {
+                default: undefined;
+                type: PropType<undefined | null | number>;
+            };
+            mask: {
+                type: PropType<string | string[] | import("maska").MaskType>;
+                default(): null;
+            };
+            visibleFocus: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            onIconLeftClick: {
+                default: undefined;
+                type: PropType<() => void>;
+            };
+            onIconRightClick: {
+                default: undefined;
+                type: PropType<() => void>;
+            };
+        }>> & Readonly<{
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            focus: () => void;
+            blur: () => void;
+            select: () => void;
+        }, {}, {}, {}, {
+            class: string | string[];
+            type: string;
+            mask: import("maska").MaskType;
+            step: number | null | undefined;
+            size: "xs" | "sm" | "md" | "lg" | "xl";
+            required: boolean;
+            disabled: boolean;
+            name: string | null | undefined;
+            modelValue: string | number | null;
+            autocomplete: boolean;
+            preventSubmit: boolean;
+            placeholder: string;
+            iconLeft: string | null | undefined;
+            iconRight: string | null | undefined;
+            prefix: string | null | undefined;
+            suffix: string | null | undefined;
+            hasError: boolean;
+            min: number | null | undefined;
+            max: number | null | undefined;
+            visibleFocus: boolean;
+            onIconLeftClick: () => void;
+            onIconRightClick: () => void;
+        }> | null;
+        dropdownRef: HTMLDivElement;
+        drawer: ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                options: NormalizedOption[];
+                loading: boolean;
+                selected: NormalizedOption | NormalizedOption[] | null | undefined;
+                keywords: string;
+                loadingBottom: boolean;
+                twDrawer: string;
+            }> & Omit<{
+                readonly size: "xs" | "sm" | "md" | "lg" | "xl";
+                readonly options: NormalizedOption[];
+                readonly loading: boolean;
+                readonly keywords: string;
+                readonly loadingBottom: boolean;
+                readonly twDrawer: string;
+                readonly selected?: NormalizedOption | NormalizedOption[] | null | undefined;
+                readonly onSelect?: ((...args: any[]) => any) | undefined;
+                readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $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: "select", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void);
+            $el: HTMLDivElement;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                selected: {
+                    type: PropType<NormalizedOption[] | NormalizedOption | null | undefined>;
+                    default: undefined;
+                };
+                options: {
+                    type: PropType<NormalizedOption[]>;
+                    default(): never[];
+                };
+                keywords: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loadingBottom: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: PropType<Size>;
+                    default: string;
+                };
+                twDrawer: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onSelect?: ((...args: any[]) => any) | undefined;
+                onScrollBottom?: ((...args: any[]) => any) | undefined;
+            }>, {
+                onKeydown: (event: KeyboardEvent) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                select: (...args: any[]) => void;
+                scrollBottom: (...args: any[]) => void;
+            }, string, {
+                size: "xs" | "sm" | "md" | "lg" | "xl";
+                options: NormalizedOption[];
+                loading: boolean;
+                selected: NormalizedOption | NormalizedOption[] | null | undefined;
+                keywords: string;
+                loadingBottom: boolean;
+                twDrawer: 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<{
+            size: "xs" | "sm" | "md" | "lg" | "xl";
             options: NormalizedOption[];
-        }) => any) | undefined;
-    };
-}) | null>;
-declare const keywords: import("vue").Ref<string, string>;
-declare const autocomplete: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-declare const inputElement: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
-declare const dropdownOpened: ComputedRef<boolean>;
-declare const normalizedModelValue: ComputedRef<NormalizedOption | null>;
-declare const filteredNormalizedOptions: ComputedRef<NormalizedOption[]>;
-declare function open(): void;
-declare function close(): void;
-declare const onTextInput: (text: string) => void;
-declare const onTextKeydown: (event: KeyboardEvent) => void;
-declare const clear: () => void;
-declare function onSelect(normalizedModelValue: RawOption | null | undefined): void;
-declare function setKeywords(input: string): void;
-declare function focus(): void;
-declare function blur(): void;
-declare function highlight(): void;
-declare const selection: import("vue").Ref<OptionValue, OptionValue>;
-declare function onSelectChange(value: string | number | null | undefined): void;
-declare const slotProps: {
-    focus: typeof focus;
-    blur: typeof blur;
-    open: typeof open;
-    close: typeof close;
-    keywords: ComputedRef<string>;
+            loading: boolean;
+            selected: NormalizedOption | NormalizedOption[] | null | undefined;
+            keywords: string;
+            loadingBottom: boolean;
+            twDrawer: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: PropType<NormalizedOption[] | NormalizedOption | null | undefined>;
+                default: undefined;
+            };
+            options: {
+                type: PropType<NormalizedOption[]>;
+                default(): never[];
+            };
+            keywords: {
+                type: StringConstructor;
+                default: string;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            loadingBottom: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<Size>;
+                default: string;
+            };
+            twDrawer: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            onSelect?: ((...args: any[]) => any) | undefined;
+            onScrollBottom?: ((...args: any[]) => any) | undefined;
+        }>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
+            onKeydown: (event: KeyboardEvent) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                empty?(_: {}): any;
+                option?(_: {
+                    option: RawOption | null;
+                    value: OptionValue;
+                    label: string;
+                    selected: boolean;
+                    active: boolean;
+                }): any;
+                footer?(_: {
+                    options: NormalizedOption[];
+                }): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
 };
-declare const inputRefWidth: ComputedRef<number>;
-declare const floatingStyles: Readonly<import("vue").Ref<{
-    position: import("@floating-ui/utils").Strategy;
-    top: string;
-    left: string;
-    transform?: string;
-    willChange?: string;
-}, {
-    position: import("@floating-ui/utils").Strategy;
-    top: string;
-    left: string;
-    transform?: string;
-    willChange?: string;
-}>>;
-declare const deleteButtonIconClasses: ComputedRef<string[]>;
-declare const inputClasses: ComputedRef<string | string[]>;
-declare const selectClasses: ComputedRef<string | string[]>;
-declare const showRemoveButtonInternal: ComputedRef<boolean | null>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_37: {
-    focus: typeof focus;
-    blur: typeof blur;
-    open: typeof open;
-    close: typeof close;
-    keywords: ComputedRef<string>;
-}, __VLS_39: {
-    focus: typeof focus;
-    blur: typeof blur;
-    open: typeof open;
-    close: typeof close;
-    keywords: ComputedRef<string>;
-    option: RawOption | null;
-    value: OptionValue;
-    label: string;
-    selected: boolean;
-    active: boolean;
-}, __VLS_41: {
-    focus: typeof focus;
-    blur: typeof blur;
-    open: typeof open;
-    close: typeof close;
-    keywords: ComputedRef<string>;
-    options: NormalizedOption[];
-};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    empty?: (props: typeof __VLS_37) => any;
-} & {
-    option?: (props: typeof __VLS_39) => any;
-} & {
-    footer?: (props: typeof __VLS_41) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: PropType<RawOption | null | undefined>;
-    };
-    options: {
-        required: true;
-        type: PropType<RawOption[]>;
-    };
-    labelKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    valueKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    size: {
-        default: undefined;
-        type: PropType<Size>;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    loading: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    loadingBottom: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    required: {
-        default: undefined;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    filter: {
-        default: undefined;
-        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /** Inline dropdown. This is useful for BaseDropdownAutocomplete */
-    inline: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    dropdownShow: {
-        default: string;
-        type: PropType<"focus" | "always">;
-    };
-    showModelValue: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    visibleFocus: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    focusOnMount: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /** Show an 'empty option', should use with showModelValue = true for better UX  */
-    showEmptyOption: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showRemoveButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    emptyOptionLabel: {
-        default(): string;
-        type: StringConstructor;
-    };
-    select: {
-        default: undefined;
-        type: PropType<SelectConfiguration | undefined>;
-    };
-    twInput: {
-        default: undefined;
-        type: PropType<string | string[]>;
-    };
-    twSelect: {
-        default: undefined;
-        type: PropType<string | string[]>;
-    };
-}>, {
-    BaseIcon: typeof BaseIcon;
-    BaseAutocompleteDrawer: typeof BaseAutocompleteDrawer;
-    t: typeof t;
-    BaseInput: typeof BaseInput;
-    BaseSelect: typeof BaseSelect;
-    emit: typeof emit;
-    hasErrorInternal: typeof hasErrorInternal;
-    sizeInternal: typeof sizeInternal;
-    inputRef: typeof inputRef;
-    dropdownRef: typeof dropdownRef;
-    drawer: typeof drawer;
-    keywords: typeof keywords;
-    autocomplete: typeof autocomplete;
-    inputElement: typeof inputElement;
-    dropdownOpened: typeof dropdownOpened;
-    normalizedModelValue: typeof normalizedModelValue;
-    filteredNormalizedOptions: typeof filteredNormalizedOptions;
-    open: typeof open;
-    onTextInput: typeof onTextInput;
-    onTextKeydown: typeof onTextKeydown;
-    clear: typeof clear;
-    onSelect: typeof onSelect;
-    highlight: typeof highlight;
-    selection: typeof selection;
-    onSelectChange: typeof onSelectChange;
-    slotProps: typeof slotProps;
-    inputRefWidth: typeof inputRefWidth;
-    floatingStyles: typeof floatingStyles;
-    deleteButtonIconClasses: typeof deleteButtonIconClasses;
-    inputClasses: typeof inputClasses;
-    selectClasses: typeof selectClasses;
-    showRemoveButtonInternal: typeof showRemoveButtonInternal;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    select: (...args: any[]) => void;
-    open: (...args: any[]) => void;
-    clear: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-    scrollBottom: (...args: any[]) => void;
-    typing: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: PropType<RawOption | null | undefined>;
-    };
-    options: {
-        required: true;
-        type: PropType<RawOption[]>;
-    };
-    labelKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    valueKey: {
-        required: true;
-        type: PropType<string | ((option: RawOption) => string)>;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    size: {
-        default: undefined;
-        type: PropType<Size>;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    loading: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    loadingBottom: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    required: {
-        default: undefined;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    filter: {
-        default: undefined;
-        type: PropType<(option: NormalizedOption, keywords: string) => boolean>;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /** Inline dropdown. This is useful for BaseDropdownAutocomplete */
-    inline: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    dropdownShow: {
-        default: string;
-        type: PropType<"focus" | "always">;
-    };
-    showModelValue: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    visibleFocus: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    focusOnMount: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    /** Show an 'empty option', should use with showModelValue = true for better UX  */
-    showEmptyOption: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showRemoveButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    emptyOptionLabel: {
-        default(): string;
-        type: StringConstructor;
-    };
-    select: {
-        default: undefined;
-        type: PropType<SelectConfiguration | undefined>;
-    };
-    twInput: {
-        default: undefined;
-        type: PropType<string | string[]>;
-    };
-    twSelect: {
-        default: undefined;
-        type: PropType<string | string[]>;
-    };
-}>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-    onTyping?: ((...args: any[]) => any) | undefined;
-}>, {
-    filter: (option: NormalizedOption, keywords: string) => boolean;
-    select: SelectConfiguration | undefined;
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    required: boolean;
-    inline: boolean;
-    disabled: boolean;
-    name: string;
-    modelValue: RawOption | null | undefined;
-    placeholder: string;
-    hasError: boolean;
-    visibleFocus: boolean;
-    loading: boolean;
-    loadingBottom: boolean;
-    dropdownShow: "always" | "focus";
-    showModelValue: boolean;
-    focusOnMount: boolean;
-    showEmptyOption: boolean;
-    showRemoveButton: boolean;
-    emptyOptionLabel: string;
-    twInput: string | string[];
-    twSelect: string | string[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
@@ -914,10 +704,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     emptyOptionLabel: string;
     twInput: string | string[];
     twSelect: string | string[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };