vft 0.0.239 → 0.0.241

package/es/components/autocomplete/index.d.ts

@@ -1,5 +1,5 @@
 export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         valueKey: {
             type: import("vue").PropType<string>;
         };
@@ -48,19 +48,19 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         name: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
-        onChange?: ((value: string) => any) | undefined;
+    }>> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    }, {
-        highlightedIndex: import("vue").Ref<number>;
-        activated: import("vue").Ref<boolean>;
-        loading: import("vue").Ref<boolean>;
-        inputRef: import("vue").Ref<any>;
+    }>, {
+        highlightedIndex: import("vue").Ref<number, number>;
+        activated: import("vue").Ref<boolean, boolean>;
+        loading: import("vue").Ref<boolean, boolean>;
+        inputRef: import("vue").Ref<any, any>;
         popperRef: import("vue").Ref<({
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -80,18 +80,17 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly className?: import("../types").ClassType | undefined;
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
-                readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+                readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly showAfter?: number | undefined;
                 readonly hideAfter?: number | undefined;
                 readonly open?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly trigger?: import("..").TooltipTriggerType | undefined;
-                readonly appendTo?: string | HTMLElement | undefined;
+                readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly appendTo?: (HTMLElement | string) | undefined;
                 readonly visible?: boolean | undefined;
-                readonly teleported?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -107,18 +106,34 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly triggerTargetEl?: HTMLElement | undefined;
                 readonly stopPopperMouseEvent?: boolean | undefined;
                 readonly virtualTriggering?: boolean | undefined;
-                readonly virtualRef?: import("..").Measurable | undefined;
+                readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
                 readonly rawContent?: boolean | undefined;
                 readonly persistent?: boolean | undefined;
+                readonly teleported?: boolean | undefined;
                 readonly triggerKeys?: string[] | undefined;
                 readonly showArrow?: boolean | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onBefore-show"?: ((...args: any[]) => any) | undefined;
-                "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                readonly onClose?: ((...args: any[]) => any) | undefined;
+                readonly onOpen?: ((...args: any[]) => any) | undefined;
+                readonly onHide?: ((...args: any[]) => any) | undefined;
+                readonly onShow?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            $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: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
                     type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
                 };
@@ -129,7 +144,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<number>;
                 };
                 virtualRef: {
-                    type: import("vue").PropType<import("..").Measurable>;
+                    type: import("vue").PropType<import("vft/es/vft").Measurable>;
                 };
                 virtualTriggering: {
                     type: import("vue").PropType<boolean>;
@@ -255,19 +270,273 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<boolean>;
                 };
                 trigger: {
-                    type: import("vue").PropType<import("..").TooltipTriggerType>;
+                    type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
                 };
                 triggerKeys: {
                     type: import("vue").PropType<string[]>;
                 };
-            }>> & {
+            }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
+                onHide?: ((...args: any[]) => any) | undefined;
+                onShow?: ((...args: any[]) => any) | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            }, never>;
+            }>, {
+                popperRef: import("vue").Ref<any, any>;
+                contentRef: import("vue").Ref<any, any>;
+                isFocusInsideContent: () => boolean | undefined;
+                updatePopper: () => void;
+                onOpen: (event?: Event) => void;
+                onClose: (event?: Event) => void;
+                hide: (event?: Event) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+                open: (...args: any[]) => void;
+                hide: (...args: any[]) => void;
+                show: (...args: any[]) => void;
+                "before-show": (...args: any[]) => void;
+                "before-hide": (...args: any[]) => void;
+            }, 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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            role: {
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: import("vue").PropType<boolean>;
+            };
+            arrowOffset: {
+                type: import("vue").PropType<number>;
+            };
+            virtualRef: {
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
+            };
+            virtualTriggering: {
+                type: import("vue").PropType<boolean>;
+            };
+            onMouseenter: {
+                type: import("vue").PropType<Function>;
+            };
+            onMouseleave: {
+                type: import("vue").PropType<Function>;
+            };
+            onClick: {
+                type: import("vue").PropType<Function>;
+            };
+            onKeydown: {
+                type: import("vue").PropType<Function>;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+            };
+            onContextmenu: {
+                type: import("vue").PropType<Function>;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: import("vue").PropType<number>;
+            };
+            fallbackPlacements: {
+                type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+            };
+            gpuAcceleration: {
+                type: import("vue").PropType<boolean>;
+            };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
+            placement: {
+                type: import("vue").PropType<import("@popperjs/core").Placement>;
+            };
+            popperOptions: {
+                type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+            };
+            strategy: {
+                type: import("vue").PropType<"fixed" | "absolute">;
+            };
+            style: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: import("vue").PropType<"light" | "dark">;
+            };
+            visible: {
+                type: import("vue").PropType<boolean>;
+            };
+            enterable: {
+                type: import("vue").PropType<boolean>;
+            };
+            pure: {
+                type: import("vue").PropType<boolean>;
+            };
+            focusOnShow: {
+                type: import("vue").PropType<boolean>;
+            };
+            trapping: {
+                type: import("vue").PropType<boolean>;
+            };
+            popperClass: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaLabel: {
+                type: import("vue").PropType<string>;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            showAfter: {
+                type: import("vue").PropType<number>;
+            };
+            hideAfter: {
+                type: import("vue").PropType<number>;
+            };
+            appendTo: {
+                type: import("vue").PropType<string | HTMLElement>;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+            };
+            rawContent: {
+                type: import("vue").PropType<boolean>;
+            };
+            persistent: {
+                type: import("vue").PropType<boolean>;
+            };
+            transition: {
+                type: import("vue").PropType<string>;
+            };
+            teleported: {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            trigger: {
+                type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: import("vue").PropType<string[]>;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
+            isFocusInsideContent: () => boolean | undefined;
+            updatePopper: () => void;
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                content?(_: {}): any;
+            };
+        }) | undefined, ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{
+                readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly content?: string | undefined;
+                readonly zIndex?: number | undefined;
+                readonly offset?: number | undefined;
+                readonly transition?: string | undefined;
+                readonly onBlur?: Function | undefined;
+                readonly onClick?: Function | undefined;
+                readonly onContextmenu?: Function | undefined;
+                readonly onFocus?: Function | undefined;
+                readonly onKeydown?: Function | undefined;
+                readonly onMouseenter?: Function | undefined;
+                readonly onMouseleave?: Function | undefined;
+                readonly className?: import("../types").ClassType | undefined;
+                readonly id?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly showAfter?: number | undefined;
+                readonly hideAfter?: number | undefined;
+                readonly open?: boolean | undefined;
+                readonly placement?: import("@popperjs/core").Placement | undefined;
+                readonly strategy?: "fixed" | "absolute" | undefined;
+                readonly effect?: "light" | "dark" | undefined;
+                readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly appendTo?: (HTMLElement | string) | undefined;
+                readonly visible?: boolean | undefined;
+                readonly arrowOffset?: number | undefined;
+                readonly gpuAcceleration?: boolean | undefined;
+                readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
+                readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
+                readonly pure?: boolean | undefined;
+                readonly boundariesPadding?: number | undefined;
+                readonly enterable?: boolean | undefined;
+                readonly focusOnShow?: boolean | undefined;
+                readonly trapping?: boolean | undefined;
+                readonly popperClass?: import("../types").ClassType | undefined;
+                readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly referenceEl?: HTMLElement | undefined;
+                readonly triggerTargetEl?: HTMLElement | undefined;
+                readonly stopPopperMouseEvent?: boolean | undefined;
+                readonly virtualTriggering?: boolean | undefined;
+                readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+                readonly rawContent?: boolean | undefined;
+                readonly persistent?: boolean | undefined;
+                readonly teleported?: boolean | undefined;
+                readonly triggerKeys?: string[] | undefined;
+                readonly showArrow?: boolean | undefined;
+                readonly onClose?: ((...args: any[]) => any) | undefined;
+                readonly onOpen?: ((...args: any[]) => any) | undefined;
+                readonly onHide?: ((...args: any[]) => any) | undefined;
+                readonly onShow?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -277,8 +546,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $slots: Readonly<{
                 [name: string]: import("vue").Slot<any> | undefined;
             }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -292,7 +562,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<number>;
                 };
                 virtualRef: {
-                    type: import("vue").PropType<import("..").Measurable>;
+                    type: import("vue").PropType<import("vft/es/vft").Measurable>;
                 };
                 virtualTriggering: {
                     type: import("vue").PropType<boolean>;
@@ -418,54 +688,54 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<boolean>;
                 };
                 trigger: {
-                    type: import("vue").PropType<import("..").TooltipTriggerType>;
+                    type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
                 };
                 triggerKeys: {
                     type: import("vue").PropType<string[]>;
                 };
-            }>> & {
+            }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
+                onHide?: ((...args: any[]) => any) | undefined;
+                onShow?: ((...args: any[]) => any) | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            }, {
-                popperRef: import("vue").Ref<any>;
-                contentRef: import("vue").Ref<any>;
+            }>, {
+                popperRef: import("vue").Ref<any, any>;
+                contentRef: import("vue").Ref<any, any>;
                 isFocusInsideContent: () => boolean | undefined;
                 updatePopper: () => void;
-                onOpen: (event?: Event | undefined) => void;
-                onClose: (event?: Event | undefined) => void;
-                hide: (event?: Event | undefined) => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                onOpen: (event?: Event) => void;
+                onClose: (event?: Event) => void;
+                hide: (event?: Event) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 close: (...args: any[]) => void;
                 open: (...args: any[]) => void;
                 hide: (...args: any[]) => void;
                 show: (...args: any[]) => void;
                 "before-show": (...args: any[]) => void;
                 "before-hide": (...args: any[]) => void;
-            }, string, {}, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            }, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Omit<Readonly<import("vue").ExtractPropTypes<{
+            $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
                 type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
@@ -476,7 +746,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<number>;
             };
             virtualRef: {
-                type: import("vue").PropType<import("..").Measurable>;
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
             };
             virtualTriggering: {
                 type: import("vue").PropType<boolean>;
@@ -602,105 +872,48 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
             };
             trigger: {
-                type: import("vue").PropType<import("..").TooltipTriggerType>;
+                type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
             };
             triggerKeys: {
                 type: import("vue").PropType<string[]>;
             };
-        }>> & {
+        }>> & Readonly<{
             onClose?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
-            popperRef: import("vue").Ref<any>;
-            contentRef: import("vue").Ref<any>;
+        }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
             isFocusInsideContent: () => boolean | undefined;
             updatePopper: () => void;
-            onOpen: (event?: Event | undefined) => void;
-            onClose: (event?: Event | undefined) => void;
-            hide: (event?: Event | undefined) => void;
-        }> & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 content?(_: {}): any;
             };
         }) | undefined>;
-        suggestions: import("vue").Ref<Record<string, any>[]>;
+        suggestions: import("vue").Ref<Record<string, any>[], Record<string, any>[] | import("./types").AutocompleteData>;
         handleSelect: (item: any) => Promise<void>;
         handleKeyEnter: () => Promise<void>;
         focus: () => void;
         blur: () => void;
         close: () => void;
         highlight: (index: number) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: string) => void;
-        change: (value: string) => void;
-        input: (value: string) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         select: (item: Record<string, any>) => void;
         clear: () => void;
         blur: (evt: FocusEvent) => void;
         focus: (evt: FocusEvent) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        valueKey: {
-            type: import("vue").PropType<string>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        };
-        debounce: {
-            type: import("vue").PropType<number>;
-        };
-        placement: {
-            type: import("vue").PropType<import("./types").Placement>;
-        };
-        fetchSuggestions: {
-            type: import("vue").PropType<import("./types").AutocompleteFetchSuggestions>;
-        };
-        popperClass: {
-            type: import("vue").PropType<string>;
-        };
-        triggerOnFocus: {
-            type: import("vue").PropType<boolean>;
-        };
-        selectWhenUnmatched: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideLoading: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-        };
-        highlightFirstItem: {
-            type: import("vue").PropType<boolean>;
-        };
-        fitInputWidth: {
-            type: import("vue").PropType<boolean>;
-        };
-        clearable: {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        name: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        onChange?: ((value: string) => any) | undefined;
-        onInput?: ((value: string) => any) | undefined;
-        onSelect?: ((item: Record<string, any>) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    }, {}, true, {}, {}, {
+        "update:modelValue": (value: string) => void;
+        change: (value: string) => void;
+        input: (value: string) => void;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -756,19 +969,19 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         name: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
-        onChange?: ((value: string) => any) | undefined;
+    }>> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onSelect?: ((item: Record<string, any>) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    }, {
-        highlightedIndex: import("vue").Ref<number>;
-        activated: import("vue").Ref<boolean>;
-        loading: import("vue").Ref<boolean>;
-        inputRef: import("vue").Ref<any>;
+    }>, {
+        highlightedIndex: import("vue").Ref<number, number>;
+        activated: import("vue").Ref<boolean, boolean>;
+        loading: import("vue").Ref<boolean, boolean>;
+        inputRef: import("vue").Ref<any, any>;
         popperRef: import("vue").Ref<({
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -788,18 +1001,17 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly className?: import("../types").ClassType | undefined;
                 readonly id?: string | undefined;
                 readonly ariaLabel?: string | undefined;
-                readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+                readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly showAfter?: number | undefined;
                 readonly hideAfter?: number | undefined;
                 readonly open?: boolean | undefined;
                 readonly placement?: import("@popperjs/core").Placement | undefined;
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly trigger?: import("..").TooltipTriggerType | undefined;
-                readonly appendTo?: string | HTMLElement | undefined;
+                readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly appendTo?: (HTMLElement | string) | undefined;
                 readonly visible?: boolean | undefined;
-                readonly teleported?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -815,18 +1027,34 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly triggerTargetEl?: HTMLElement | undefined;
                 readonly stopPopperMouseEvent?: boolean | undefined;
                 readonly virtualTriggering?: boolean | undefined;
-                readonly virtualRef?: import("..").Measurable | undefined;
+                readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
                 readonly rawContent?: boolean | undefined;
                 readonly persistent?: boolean | undefined;
+                readonly teleported?: boolean | undefined;
                 readonly triggerKeys?: string[] | undefined;
                 readonly showArrow?: boolean | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onBefore-show"?: ((...args: any[]) => any) | undefined;
-                "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                readonly onClose?: ((...args: any[]) => any) | undefined;
+                readonly onOpen?: ((...args: any[]) => any) | undefined;
+                readonly onHide?: ((...args: any[]) => any) | undefined;
+                readonly onShow?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            $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: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 role: {
                     type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
                 };
@@ -837,7 +1065,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<number>;
                 };
                 virtualRef: {
-                    type: import("vue").PropType<import("..").Measurable>;
+                    type: import("vue").PropType<import("vft/es/vft").Measurable>;
                 };
                 virtualTriggering: {
                     type: import("vue").PropType<boolean>;
@@ -963,19 +1191,273 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<boolean>;
                 };
                 trigger: {
-                    type: import("vue").PropType<import("..").TooltipTriggerType>;
+                    type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
                 };
                 triggerKeys: {
                     type: import("vue").PropType<string[]>;
                 };
-            }>> & {
+            }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
+                onHide?: ((...args: any[]) => any) | undefined;
+                onShow?: ((...args: any[]) => any) | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            }, never>;
+            }>, {
+                popperRef: import("vue").Ref<any, any>;
+                contentRef: import("vue").Ref<any, any>;
+                isFocusInsideContent: () => boolean | undefined;
+                updatePopper: () => void;
+                onOpen: (event?: Event) => void;
+                onClose: (event?: Event) => void;
+                hide: (event?: Event) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                close: (...args: any[]) => void;
+                open: (...args: any[]) => void;
+                hide: (...args: any[]) => void;
+                show: (...args: any[]) => void;
+                "before-show": (...args: any[]) => void;
+                "before-hide": (...args: any[]) => void;
+            }, 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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            role: {
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: import("vue").PropType<boolean>;
+            };
+            arrowOffset: {
+                type: import("vue").PropType<number>;
+            };
+            virtualRef: {
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
+            };
+            virtualTriggering: {
+                type: import("vue").PropType<boolean>;
+            };
+            onMouseenter: {
+                type: import("vue").PropType<Function>;
+            };
+            onMouseleave: {
+                type: import("vue").PropType<Function>;
+            };
+            onClick: {
+                type: import("vue").PropType<Function>;
+            };
+            onKeydown: {
+                type: import("vue").PropType<Function>;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+            };
+            onContextmenu: {
+                type: import("vue").PropType<Function>;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: import("vue").PropType<number>;
+            };
+            fallbackPlacements: {
+                type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+            };
+            gpuAcceleration: {
+                type: import("vue").PropType<boolean>;
+            };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
+            placement: {
+                type: import("vue").PropType<import("@popperjs/core").Placement>;
+            };
+            popperOptions: {
+                type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+            };
+            strategy: {
+                type: import("vue").PropType<"fixed" | "absolute">;
+            };
+            style: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: import("vue").PropType<"light" | "dark">;
+            };
+            visible: {
+                type: import("vue").PropType<boolean>;
+            };
+            enterable: {
+                type: import("vue").PropType<boolean>;
+            };
+            pure: {
+                type: import("vue").PropType<boolean>;
+            };
+            focusOnShow: {
+                type: import("vue").PropType<boolean>;
+            };
+            trapping: {
+                type: import("vue").PropType<boolean>;
+            };
+            popperClass: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaLabel: {
+                type: import("vue").PropType<string>;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            showAfter: {
+                type: import("vue").PropType<number>;
+            };
+            hideAfter: {
+                type: import("vue").PropType<number>;
+            };
+            appendTo: {
+                type: import("vue").PropType<string | HTMLElement>;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+            };
+            rawContent: {
+                type: import("vue").PropType<boolean>;
+            };
+            persistent: {
+                type: import("vue").PropType<boolean>;
+            };
+            transition: {
+                type: import("vue").PropType<string>;
+            };
+            teleported: {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            trigger: {
+                type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: import("vue").PropType<string[]>;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
+            isFocusInsideContent: () => boolean | undefined;
+            updatePopper: () => void;
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                content?(_: {}): any;
+            };
+        }) | undefined, ({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{
+                readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly content?: string | undefined;
+                readonly zIndex?: number | undefined;
+                readonly offset?: number | undefined;
+                readonly transition?: string | undefined;
+                readonly onBlur?: Function | undefined;
+                readonly onClick?: Function | undefined;
+                readonly onContextmenu?: Function | undefined;
+                readonly onFocus?: Function | undefined;
+                readonly onKeydown?: Function | undefined;
+                readonly onMouseenter?: Function | undefined;
+                readonly onMouseleave?: Function | undefined;
+                readonly className?: import("../types").ClassType | undefined;
+                readonly id?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly showAfter?: number | undefined;
+                readonly hideAfter?: number | undefined;
+                readonly open?: boolean | undefined;
+                readonly placement?: import("@popperjs/core").Placement | undefined;
+                readonly strategy?: "fixed" | "absolute" | undefined;
+                readonly effect?: "light" | "dark" | undefined;
+                readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly appendTo?: (HTMLElement | string) | undefined;
+                readonly visible?: boolean | undefined;
+                readonly arrowOffset?: number | undefined;
+                readonly gpuAcceleration?: boolean | undefined;
+                readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
+                readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
+                readonly pure?: boolean | undefined;
+                readonly boundariesPadding?: number | undefined;
+                readonly enterable?: boolean | undefined;
+                readonly focusOnShow?: boolean | undefined;
+                readonly trapping?: boolean | undefined;
+                readonly popperClass?: import("../types").ClassType | undefined;
+                readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+                readonly referenceEl?: HTMLElement | undefined;
+                readonly triggerTargetEl?: HTMLElement | undefined;
+                readonly stopPopperMouseEvent?: boolean | undefined;
+                readonly virtualTriggering?: boolean | undefined;
+                readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+                readonly rawContent?: boolean | undefined;
+                readonly persistent?: boolean | undefined;
+                readonly teleported?: boolean | undefined;
+                readonly triggerKeys?: string[] | undefined;
+                readonly showArrow?: boolean | undefined;
+                readonly onClose?: ((...args: any[]) => any) | undefined;
+                readonly onOpen?: ((...args: any[]) => any) | undefined;
+                readonly onHide?: ((...args: any[]) => any) | undefined;
+                readonly onShow?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+                readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -985,8 +1467,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $slots: Readonly<{
                 [name: string]: import("vue").Slot<any> | undefined;
             }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -1000,7 +1483,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<number>;
                 };
                 virtualRef: {
-                    type: import("vue").PropType<import("..").Measurable>;
+                    type: import("vue").PropType<import("vft/es/vft").Measurable>;
                 };
                 virtualTriggering: {
                     type: import("vue").PropType<boolean>;
@@ -1126,54 +1609,54 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: import("vue").PropType<boolean>;
                 };
                 trigger: {
-                    type: import("vue").PropType<import("..").TooltipTriggerType>;
+                    type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
                 };
                 triggerKeys: {
                     type: import("vue").PropType<string[]>;
                 };
-            }>> & {
+            }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
+                onHide?: ((...args: any[]) => any) | undefined;
+                onShow?: ((...args: any[]) => any) | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            }, {
-                popperRef: import("vue").Ref<any>;
-                contentRef: import("vue").Ref<any>;
+            }>, {
+                popperRef: import("vue").Ref<any, any>;
+                contentRef: import("vue").Ref<any, any>;
                 isFocusInsideContent: () => boolean | undefined;
                 updatePopper: () => void;
-                onOpen: (event?: Event | undefined) => void;
-                onClose: (event?: Event | undefined) => void;
-                hide: (event?: Event | undefined) => void;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                onOpen: (event?: Event) => void;
+                onClose: (event?: Event) => void;
+                hide: (event?: Event) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 close: (...args: any[]) => void;
                 open: (...args: any[]) => void;
                 hide: (...args: any[]) => void;
                 show: (...args: any[]) => void;
                 "before-show": (...args: any[]) => void;
                 "before-hide": (...args: any[]) => void;
-            }, string, {}, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            }, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Omit<Readonly<import("vue").ExtractPropTypes<{
+            $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
                 type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
@@ -1184,7 +1667,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<number>;
             };
             virtualRef: {
-                type: import("vue").PropType<import("..").Measurable>;
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
             };
             virtualTriggering: {
                 type: import("vue").PropType<boolean>;
@@ -1310,33 +1793,33 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
             };
             trigger: {
-                type: import("vue").PropType<import("..").TooltipTriggerType>;
+                type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
             };
             triggerKeys: {
                 type: import("vue").PropType<string[]>;
             };
-        }>> & {
+        }>> & Readonly<{
             onClose?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
-            popperRef: import("vue").Ref<any>;
-            contentRef: import("vue").Ref<any>;
+        }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
             isFocusInsideContent: () => boolean | undefined;
             updatePopper: () => void;
-            onOpen: (event?: Event | undefined) => void;
-            onClose: (event?: Event | undefined) => void;
-            hide: (event?: Event | undefined) => void;
-        }> & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 content?(_: {}): any;
             };
         }) | undefined>;
-        suggestions: import("vue").Ref<Record<string, any>[]>;
+        suggestions: import("vue").Ref<Record<string, any>[], Record<string, any>[] | import("./types").AutocompleteData>;
         handleSelect: (item: any) => Promise<void>;
         handleKeyEnter: () => Promise<void>;
         focus: () => void;
@@ -1344,9 +1827,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         close: () => void;
         highlight: (index: number) => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     valueKey: {
         type: import("vue").PropType<string>;
@@ -1396,19 +1879,19 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
     name: {
         type: import("vue").PropType<string>;
     };
-}>> & {
-    onChange?: ((value: string) => any) | undefined;
+}>> & Readonly<{
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
-}, {
-    highlightedIndex: import("vue").Ref<number>;
-    activated: import("vue").Ref<boolean>;
-    loading: import("vue").Ref<boolean>;
-    inputRef: import("vue").Ref<any>;
+}>, {
+    highlightedIndex: import("vue").Ref<number, number>;
+    activated: import("vue").Ref<boolean, boolean>;
+    loading: import("vue").Ref<boolean, boolean>;
+    inputRef: import("vue").Ref<any, any>;
     popperRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -1428,18 +1911,17 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly className?: import("../types").ClassType | undefined;
             readonly id?: string | undefined;
             readonly ariaLabel?: string | undefined;
-            readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+            readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+            readonly disabled?: boolean | undefined;
             readonly showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly trigger?: import("..").TooltipTriggerType | undefined;
-            readonly appendTo?: string | HTMLElement | undefined;
+            readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
             readonly visible?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1455,18 +1937,34 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly triggerTargetEl?: HTMLElement | undefined;
             readonly stopPopperMouseEvent?: boolean | undefined;
             readonly virtualTriggering?: boolean | undefined;
-            readonly virtualRef?: import("..").Measurable | undefined;
+            readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onBefore-show"?: ((...args: any[]) => any) | undefined;
-            "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            readonly onClose?: ((...args: any[]) => any) | undefined;
+            readonly onOpen?: ((...args: any[]) => any) | undefined;
+            readonly onHide?: ((...args: any[]) => any) | undefined;
+            readonly onShow?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $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: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
                 type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
@@ -1477,7 +1975,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<number>;
             };
             virtualRef: {
-                type: import("vue").PropType<import("..").Measurable>;
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
             };
             virtualTriggering: {
                 type: import("vue").PropType<boolean>;
@@ -1603,19 +2101,273 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
             };
             trigger: {
-                type: import("vue").PropType<import("..").TooltipTriggerType>;
+                type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
             };
             triggerKeys: {
                 type: import("vue").PropType<string[]>;
             };
-        }>> & {
+        }>> & Readonly<{
             onClose?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        }, never>;
+        }>, {
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
+            isFocusInsideContent: () => boolean | undefined;
+            updatePopper: () => void;
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            close: (...args: any[]) => void;
+            open: (...args: any[]) => void;
+            hide: (...args: any[]) => void;
+            show: (...args: any[]) => void;
+            "before-show": (...args: any[]) => void;
+            "before-hide": (...args: any[]) => void;
+        }, 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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        role: {
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+        };
+        showArrow: {
+            type: import("vue").PropType<boolean>;
+        };
+        arrowOffset: {
+            type: import("vue").PropType<number>;
+        };
+        virtualRef: {
+            type: import("vue").PropType<import("vft/es/vft").Measurable>;
+        };
+        virtualTriggering: {
+            type: import("vue").PropType<boolean>;
+        };
+        onMouseenter: {
+            type: import("vue").PropType<Function>;
+        };
+        onMouseleave: {
+            type: import("vue").PropType<Function>;
+        };
+        onClick: {
+            type: import("vue").PropType<Function>;
+        };
+        onKeydown: {
+            type: import("vue").PropType<Function>;
+        };
+        onFocus: {
+            type: import("vue").PropType<Function>;
+        };
+        onBlur: {
+            type: import("vue").PropType<Function>;
+        };
+        onContextmenu: {
+            type: import("vue").PropType<Function>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+        };
+        boundariesPadding: {
+            type: import("vue").PropType<number>;
+        };
+        fallbackPlacements: {
+            type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+        };
+        gpuAcceleration: {
+            type: import("vue").PropType<boolean>;
+        };
+        offset: {
+            type: import("vue").PropType<number>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+        popperOptions: {
+            type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+        };
+        strategy: {
+            type: import("vue").PropType<"fixed" | "absolute">;
+        };
+        style: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        className: {
+            type: import("vue").PropType<import("../types").ClassType>;
+        };
+        effect: {
+            type: import("vue").PropType<"light" | "dark">;
+        };
+        visible: {
+            type: import("vue").PropType<boolean>;
+        };
+        enterable: {
+            type: import("vue").PropType<boolean>;
+        };
+        pure: {
+            type: import("vue").PropType<boolean>;
+        };
+        focusOnShow: {
+            type: import("vue").PropType<boolean>;
+        };
+        trapping: {
+            type: import("vue").PropType<boolean>;
+        };
+        popperClass: {
+            type: import("vue").PropType<import("../types").ClassType>;
+        };
+        popperStyle: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        referenceEl: {
+            type: import("vue").PropType<HTMLElement>;
+        };
+        triggerTargetEl: {
+            type: import("vue").PropType<HTMLElement>;
+        };
+        stopPopperMouseEvent: {
+            type: import("vue").PropType<boolean>;
+        };
+        ariaLabel: {
+            type: import("vue").PropType<string>;
+        };
+        zIndex: {
+            type: import("vue").PropType<number>;
+        };
+        showAfter: {
+            type: import("vue").PropType<number>;
+        };
+        hideAfter: {
+            type: import("vue").PropType<number>;
+        };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+        };
+        rawContent: {
+            type: import("vue").PropType<boolean>;
+        };
+        persistent: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string>;
+        };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        trigger: {
+            type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        "onBefore-show"?: ((...args: any[]) => any) | undefined;
+        "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+        popperRef: import("vue").Ref<any, any>;
+        contentRef: import("vue").Ref<any, any>;
+        isFocusInsideContent: () => boolean | undefined;
+        updatePopper: () => void;
+        onOpen: (event?: Event) => void;
+        onClose: (event?: Event) => void;
+        hide: (event?: Event) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            content?(_: {}): any;
+        };
+    }) | undefined, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly content?: string | undefined;
+            readonly zIndex?: number | undefined;
+            readonly offset?: number | undefined;
+            readonly transition?: string | undefined;
+            readonly onBlur?: Function | undefined;
+            readonly onClick?: Function | undefined;
+            readonly onContextmenu?: Function | undefined;
+            readonly onFocus?: Function | undefined;
+            readonly onKeydown?: Function | undefined;
+            readonly onMouseenter?: Function | undefined;
+            readonly onMouseleave?: Function | undefined;
+            readonly className?: import("../types").ClassType | undefined;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly open?: boolean | undefined;
+            readonly placement?: import("@popperjs/core").Placement | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
+            readonly effect?: "light" | "dark" | undefined;
+            readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly visible?: boolean | undefined;
+            readonly arrowOffset?: number | undefined;
+            readonly gpuAcceleration?: boolean | undefined;
+            readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
+            readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
+            readonly pure?: boolean | undefined;
+            readonly boundariesPadding?: number | undefined;
+            readonly enterable?: boolean | undefined;
+            readonly focusOnShow?: boolean | undefined;
+            readonly trapping?: boolean | undefined;
+            readonly popperClass?: import("../types").ClassType | undefined;
+            readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly referenceEl?: HTMLElement | undefined;
+            readonly triggerTargetEl?: HTMLElement | undefined;
+            readonly stopPopperMouseEvent?: boolean | undefined;
+            readonly virtualTriggering?: boolean | undefined;
+            readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly rawContent?: boolean | undefined;
+            readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly triggerKeys?: string[] | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly onClose?: ((...args: any[]) => any) | undefined;
+            readonly onOpen?: ((...args: any[]) => any) | undefined;
+            readonly onHide?: ((...args: any[]) => any) | undefined;
+            readonly onShow?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1625,8 +2377,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -1640,7 +2393,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<number>;
             };
             virtualRef: {
-                type: import("vue").PropType<import("..").Measurable>;
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
             };
             virtualTriggering: {
                 type: import("vue").PropType<boolean>;
@@ -1766,54 +2519,54 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
             };
             trigger: {
-                type: import("vue").PropType<import("..").TooltipTriggerType>;
+                type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
             };
             triggerKeys: {
                 type: import("vue").PropType<string[]>;
             };
-        }>> & {
+        }>> & Readonly<{
             onClose?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        }, {
-            popperRef: import("vue").Ref<any>;
-            contentRef: import("vue").Ref<any>;
+        }>, {
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
             isFocusInsideContent: () => boolean | undefined;
             updatePopper: () => void;
-            onOpen: (event?: Event | undefined) => void;
-            onClose: (event?: Event | undefined) => void;
-            hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             close: (...args: any[]) => void;
             open: (...args: any[]) => void;
             hide: (...args: any[]) => void;
             show: (...args: any[]) => void;
             "before-show": (...args: any[]) => void;
             "before-hide": (...args: any[]) => void;
-        }, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        }, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        $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<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
             type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
@@ -1824,7 +2577,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         virtualRef: {
-            type: import("vue").PropType<import("..").Measurable>;
+            type: import("vue").PropType<import("vft/es/vft").Measurable>;
         };
         virtualTriggering: {
             type: import("vue").PropType<boolean>;
@@ -1950,48 +2703,48 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
+            type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
         };
         triggerKeys: {
             type: import("vue").PropType<string[]>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClose?: ((...args: any[]) => any) | undefined;
-        onShow?: ((...args: any[]) => any) | undefined;
-        onHide?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
-        popperRef: import("vue").Ref<any>;
-        contentRef: import("vue").Ref<any>;
+    }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+        popperRef: import("vue").Ref<any, any>;
+        contentRef: import("vue").Ref<any, any>;
         isFocusInsideContent: () => boolean | undefined;
         updatePopper: () => void;
-        onOpen: (event?: Event | undefined) => void;
-        onClose: (event?: Event | undefined) => void;
-        hide: (event?: Event | undefined) => void;
-    }> & {} & import("@vue/runtime-core").ComponentCustomProperties & {} & {
+        onOpen: (event?: Event) => void;
+        onClose: (event?: Event) => void;
+        hide: (event?: Event) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             content?(_: {}): any;
         };
     }) | undefined>;
-    suggestions: import("vue").Ref<Record<string, any>[]>;
+    suggestions: import("vue").Ref<Record<string, any>[], Record<string, any>[] | import("./types").AutocompleteData>;
     handleSelect: (item: any) => Promise<void>;
     handleKeyEnter: () => Promise<void>;
     focus: () => void;
     blur: () => void;
     close: () => void;
     highlight: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
-    input: (value: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (item: Record<string, any>) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
     focus: (evt: FocusEvent) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    "update:modelValue": (value: string) => void;
+    change: (value: string) => void;
+    input: (value: string) => void;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         prepend?(_: {}): any;
         append?(_: {}): any;