sprintify-ui 0.10.65 → 0.10.66

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

@@ -1,467 +1,677 @@
 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';
-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>;
+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: {
             option: RawOption | null;
             value: OptionValue;
             label: string;
             selected: boolean;
             active: boolean;
-        }): any;
-        footer?(_: {
-            focus: typeof focus;
-            blur: typeof blur;
-            open: typeof open;
-            close: typeof close;
-            keywords: ComputedRef<string>;
+        }) => any) | undefined;
+        footer?: ((props: {
             options: NormalizedOption[];
-        }): 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";
+        }) => 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: {
             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?(_: {}): any;
-                option?(_: {
-                    option: RawOption | null;
-                    value: OptionValue;
-                    label: string;
-                    selected: boolean;
-                    active: boolean;
-                }): any;
-                footer?(_: {
-                    options: NormalizedOption[];
-                }): any;
-            };
-        }) | null;
-    };
-    rootEl: HTMLDivElement;
+        }) => 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>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
@@ -704,10 +914,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     emptyOptionLabel: string;
     twInput: string | string[];
     twSelect: string | string[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };