vft 0.0.150 → 0.0.153

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

@@ -1,450 +1,124 @@
 export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly label?: string | undefined;
-            style?: unknown;
-            key?: string | number | symbol | undefined;
-            readonly name?: string | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            readonly modelValue?: string | number | undefined;
-            readonly placement?: import("./types").Placement | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
-            onBlur?: ((evt: FocusEvent) => any) | undefined;
-            onChange?: ((value: string) => any) | undefined;
-            onInput?: ((value: string) => any) | undefined;
-            onSelect?: ((item: Record<string, any>) => any) | undefined;
-            readonly disabled?: boolean | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            readonly clearable?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onClear?: (() => any) | undefined;
-            readonly popperClass?: string | undefined;
-            readonly teleported?: boolean | undefined;
-            readonly valueKey?: string | undefined;
-            readonly debounce?: number | undefined;
-            readonly fetchSuggestions?: import("./types").AutocompleteFetchSuggestions | undefined;
-            readonly triggerOnFocus?: boolean | undefined;
-            readonly selectWhenUnmatched?: boolean | undefined;
-            readonly hideLoading?: boolean | undefined;
-            readonly highlightFirstItem?: boolean | undefined;
-            readonly fitInputWidth?: boolean | undefined;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+        valueKey: {
+            type: globalThis.PropType<string>;
         };
-        $attrs: {
-            [x: string]: unknown;
+        modelValue: {
+            type: globalThis.PropType<string | number>;
         };
-        $refs: {
-            [x: string]: unknown;
+        debounce: {
+            type: globalThis.PropType<number>;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            valueKey: {
-                type: globalThis.PropType<string>;
-            };
-            modelValue: {
-                type: globalThis.PropType<string | number>;
-            };
-            debounce: {
-                type: globalThis.PropType<number>;
-            };
-            placement: {
-                type: globalThis.PropType<import("./types").Placement>;
-            };
-            fetchSuggestions: {
-                type: globalThis.PropType<import("./types").AutocompleteFetchSuggestions>;
-            };
-            popperClass: {
-                type: globalThis.PropType<string>;
-            };
-            triggerOnFocus: {
-                type: globalThis.PropType<boolean>;
-            };
-            selectWhenUnmatched: {
-                type: globalThis.PropType<boolean>;
-            };
-            hideLoading: {
-                type: globalThis.PropType<boolean>;
-            };
-            label: {
-                type: globalThis.PropType<string>;
-            };
-            teleported: {
-                type: globalThis.PropType<boolean>;
-            };
-            highlightFirstItem: {
-                type: globalThis.PropType<boolean>;
-            };
-            fitInputWidth: {
-                type: globalThis.PropType<boolean>;
-            };
-            clearable: {
-                type: globalThis.PropType<boolean>;
-            };
-            disabled: {
-                type: globalThis.PropType<boolean>;
-            };
-            name: {
-                type: globalThis.PropType<string>;
-            };
-        }>> & {
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
-            onBlur?: ((evt: FocusEvent) => any) | undefined;
-            onChange?: ((value: string) => any) | undefined;
-            onInput?: ((value: string) => any) | undefined;
-            onSelect?: ((item: Record<string, any>) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onClear?: (() => any) | undefined;
-        }, {
-            highlightedIndex: globalThis.Ref<number>;
-            activated: globalThis.Ref<boolean>;
-            loading: globalThis.Ref<boolean>;
-            inputRef: globalThis.Ref<any>;
-            popperRef: globalThis.Ref<({
-                $: import("vue").ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    style?: import("vue").StyleValue | undefined;
-                    readonly content?: string | undefined;
-                    readonly zIndex?: number | undefined;
-                    readonly offset?: number | undefined;
-                    readonly transition?: string | undefined;
-                    key?: string | number | symbol | undefined;
-                    ref?: import("vue").VNodeRef | undefined;
-                    class?: unknown;
-                    readonly showAfter?: number | undefined;
-                    readonly hideAfter?: number | undefined;
-                    readonly open?: boolean | undefined;
-                    onShow?: ((...args: any[]) => any) | undefined;
-                    onHide?: ((...args: any[]) => any) | undefined;
-                    readonly placement?: import("@popperjs/core").Placement | undefined;
-                    readonly strategy?: "fixed" | "absolute" | undefined;
-                    readonly effect?: "light" | "dark" | undefined;
-                    readonly id?: string | undefined;
-                    readonly onFocus?: Function | undefined;
-                    readonly onBlur?: Function | undefined;
-                    readonly onKeydown?: Function | undefined;
-                    readonly onClick?: Function | undefined;
-                    readonly onContextmenu?: Function | undefined;
-                    readonly onMouseenter?: Function | undefined;
-                    readonly onMouseleave?: Function | undefined;
-                    readonly className?: import("../types").ClassType | undefined;
-                    readonly ariaLabel?: string | undefined;
-                    readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
-                    readonly disabled?: boolean | undefined;
-                    readonly trigger?: import("..").TooltipTriggerType | undefined;
-                    ref_for?: boolean | undefined;
-                    ref_key?: string | undefined;
-                    onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                        [key: string]: any;
-                    }>) => void)[] | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                    readonly appendTo?: any;
-                    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?: import("vue").StyleValue | undefined;
-                    readonly referenceEl?: HTMLElement | undefined;
-                    readonly triggerTargetEl?: HTMLElement | undefined;
-                    readonly stopPopperMouseEvent?: boolean | undefined;
-                    readonly virtualTriggering?: boolean | undefined;
-                    readonly virtualRef?: import("..").Measurable | undefined;
-                    readonly rawContent?: boolean | undefined;
-                    readonly persistent?: boolean | undefined;
-                    readonly teleported?: boolean | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    readonly triggerKeys?: string[] | undefined;
-                    readonly showArrow?: boolean | undefined;
-                    "onBefore-show"?: ((...args: any[]) => any) | undefined;
-                    "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-                };
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import("vue").Slot<any> | undefined;
-                }>;
-                $root: globalThis.ComponentPublicInstance | null;
-                $parent: globalThis.ComponentPublicInstance | null;
-                $emit: ((event: "open", ...args: any[]) => void) & ((event: "close", ...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<globalThis.ExtractPropTypes<{
-                    role: {
-                        type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
-                    };
-                    showArrow: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    arrowOffset: {
-                        type: globalThis.PropType<number>;
-                    };
-                    virtualRef: {
-                        type: globalThis.PropType<import("..").Measurable>;
-                    };
-                    virtualTriggering: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    onMouseenter: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    onMouseleave: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    onClick: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    onKeydown: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    onFocus: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    onBlur: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    onContextmenu: {
-                        type: globalThis.PropType<Function>;
-                    };
-                    id: {
-                        type: globalThis.PropType<string>;
-                    };
-                    open: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    boundariesPadding: {
-                        type: globalThis.PropType<number>;
-                    };
-                    fallbackPlacements: {
-                        type: globalThis.PropType<import("@popperjs/core").Placement[]>;
-                    };
-                    gpuAcceleration: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    offset: {
-                        type: globalThis.PropType<number>;
-                    };
-                    placement: {
-                        type: globalThis.PropType<import("@popperjs/core").Placement>;
-                    };
-                    popperOptions: {
-                        type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
-                    };
-                    strategy: {
-                        type: globalThis.PropType<"fixed" | "absolute">;
-                    };
-                    style: {
-                        type: globalThis.PropType<import("vue").StyleValue>;
-                    };
-                    className: {
-                        type: globalThis.PropType<import("../types").ClassType>;
-                    };
-                    effect: {
-                        type: globalThis.PropType<"light" | "dark">;
-                    };
-                    visible: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    enterable: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    pure: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    focusOnShow: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    trapping: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    popperClass: {
-                        type: globalThis.PropType<import("../types").ClassType>;
-                    };
-                    popperStyle: {
-                        type: globalThis.PropType<import("vue").StyleValue>;
-                    };
-                    referenceEl: {
-                        type: globalThis.PropType<HTMLElement>;
-                    };
-                    triggerTargetEl: {
-                        type: globalThis.PropType<HTMLElement>;
-                    };
-                    stopPopperMouseEvent: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    ariaLabel: {
-                        type: globalThis.PropType<string>;
-                    };
-                    zIndex: {
-                        type: globalThis.PropType<number>;
-                    };
-                    showAfter: {
-                        type: globalThis.PropType<number>;
-                    };
-                    hideAfter: {
-                        type: globalThis.PropType<number>;
-                    };
-                    appendTo: {
-                        type: globalThis.PropType<any>;
-                    };
-                    content: {
-                        type: globalThis.PropType<string>;
-                    };
-                    rawContent: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    persistent: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    transition: {
-                        type: globalThis.PropType<string>;
-                    };
-                    teleported: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    disabled: {
-                        type: globalThis.PropType<boolean>;
-                    };
-                    trigger: {
-                        type: globalThis.PropType<import("..").TooltipTriggerType>;
-                    };
-                    triggerKeys: {
-                        type: globalThis.PropType<string[]>;
-                    };
-                }>> & {
-                    onShow?: ((...args: any[]) => any) | undefined;
-                    onHide?: ((...args: any[]) => any) | undefined;
-                    onClose?: ((...args: any[]) => any) | undefined;
-                    onOpen?: ((...args: any[]) => any) | undefined;
-                    "onBefore-show"?: ((...args: any[]) => any) | undefined;
-                    "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-                }, {
-                    popperRef: globalThis.Ref<any>;
-                    contentRef: globalThis.Ref<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, {
-                    open: (...args: any[]) => void;
-                    close: (...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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
-                };
-                $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;
-            } & Readonly<globalThis.ExtractPropTypes<{
+        placement: {
+            type: globalThis.PropType<import("./types").Placement>;
+        };
+        fetchSuggestions: {
+            type: globalThis.PropType<import("./types").AutocompleteFetchSuggestions>;
+        };
+        popperClass: {
+            type: globalThis.PropType<string>;
+        };
+        triggerOnFocus: {
+            type: globalThis.PropType<boolean>;
+        };
+        selectWhenUnmatched: {
+            type: globalThis.PropType<boolean>;
+        };
+        hideLoading: {
+            type: globalThis.PropType<boolean>;
+        };
+        label: {
+            type: globalThis.PropType<string>;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        highlightFirstItem: {
+            type: globalThis.PropType<boolean>;
+        };
+        fitInputWidth: {
+            type: globalThis.PropType<boolean>;
+        };
+        clearable: {
+            type: globalThis.PropType<boolean>;
+        };
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        name: {
+            type: globalThis.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;
+    }, {
+        highlightedIndex: globalThis.Ref<number>;
+        activated: globalThis.Ref<boolean>;
+        loading: globalThis.Ref<boolean>;
+        inputRef: globalThis.Ref<any>;
+        popperRef: globalThis.Ref<({
+            $: 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 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 id?: string | undefined;
+                readonly className?: import("../types").ClassType | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly trigger?: import("..").TooltipTriggerType | undefined;
+                readonly appendTo?: any;
+                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("..").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<globalThis.ExtractPropTypes<{
                 role: {
                     type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
                 };
@@ -509,7 +183,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: globalThis.PropType<"fixed" | "absolute">;
                 };
                 style: {
-                    type: globalThis.PropType<import("vue").StyleValue>;
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
                 };
                 className: {
                     type: globalThis.PropType<import("../types").ClassType>;
@@ -536,7 +210,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: globalThis.PropType<import("../types").ClassType>;
                 };
                 popperStyle: {
-                    type: globalThis.PropType<import("vue").StyleValue>;
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
                 };
                 referenceEl: {
                     type: globalThis.PropType<HTMLElement>;
@@ -587,224 +261,721 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: globalThis.PropType<string[]>;
                 };
             }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
                 onShow?: ((...args: any[]) => any) | undefined;
                 onHide?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").ShallowUnwrapRef<{
-                popperRef: globalThis.Ref<any>;
-                contentRef: globalThis.Ref<any>;
-                isFocusInsideContent: () => boolean | undefined;
-                updatePopper: () => void;
-                onOpen: (event?: Event | undefined) => void;
-                onClose: (event?: Event | undefined) => void;
-                hide: (event?: Event | undefined) => void;
-            }> & {} & import("vue").ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                    content?(_: {}): any;
-                };
-            }) | undefined>;
-            suggestions: globalThis.Ref<Record<string, any>[]>;
-            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;
-            select: (item: Record<string, any>) => void;
-            clear: () => void;
-            blur: (evt: FocusEvent) => void;
-            focus: (evt: FocusEvent) => 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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $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;
-    } & Readonly<globalThis.ExtractPropTypes<{
-        valueKey: {
-            type: globalThis.PropType<string>;
-        };
-        modelValue: {
-            type: globalThis.PropType<string | number>;
-        };
-        debounce: {
-            type: globalThis.PropType<number>;
-        };
-        placement: {
-            type: globalThis.PropType<import("./types").Placement>;
-        };
-        fetchSuggestions: {
-            type: globalThis.PropType<import("./types").AutocompleteFetchSuggestions>;
-        };
-        popperClass: {
-            type: globalThis.PropType<string>;
-        };
-        triggerOnFocus: {
-            type: globalThis.PropType<boolean>;
-        };
-        selectWhenUnmatched: {
-            type: globalThis.PropType<boolean>;
-        };
-        hideLoading: {
-            type: globalThis.PropType<boolean>;
-        };
-        label: {
-            type: globalThis.PropType<string>;
-        };
-        teleported: {
-            type: globalThis.PropType<boolean>;
-        };
-        highlightFirstItem: {
-            type: globalThis.PropType<boolean>;
-        };
-        fitInputWidth: {
-            type: globalThis.PropType<boolean>;
-        };
-        clearable: {
-            type: globalThis.PropType<boolean>;
-        };
-        disabled: {
-            type: globalThis.PropType<boolean>;
-        };
-        name: {
-            type: globalThis.PropType<string>;
-        };
-    }>> & {
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onChange?: ((value: string) => any) | undefined;
-        onInput?: ((value: string) => any) | undefined;
-        onSelect?: ((item: Record<string, any>) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        highlightedIndex: globalThis.Ref<number>;
-        activated: globalThis.Ref<boolean>;
-        loading: globalThis.Ref<boolean>;
-        inputRef: globalThis.Ref<any>;
-        popperRef: globalThis.Ref<({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                style?: import("vue").StyleValue | undefined;
-                readonly content?: string | undefined;
-                readonly zIndex?: number | undefined;
+            }, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: globalThis.ComponentPublicInstance | null;
+            $parent: globalThis.ComponentPublicInstance | 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<globalThis.ExtractPropTypes<{
+                role: {
+                    type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                };
+                showArrow: {
+                    type: globalThis.PropType<boolean>;
+                };
+                arrowOffset: {
+                    type: globalThis.PropType<number>;
+                };
+                virtualRef: {
+                    type: globalThis.PropType<import("..").Measurable>;
+                };
+                virtualTriggering: {
+                    type: globalThis.PropType<boolean>;
+                };
+                onMouseenter: {
+                    type: globalThis.PropType<Function>;
+                };
+                onMouseleave: {
+                    type: globalThis.PropType<Function>;
+                };
+                onClick: {
+                    type: globalThis.PropType<Function>;
+                };
+                onKeydown: {
+                    type: globalThis.PropType<Function>;
+                };
+                onFocus: {
+                    type: globalThis.PropType<Function>;
+                };
+                onBlur: {
+                    type: globalThis.PropType<Function>;
+                };
+                onContextmenu: {
+                    type: globalThis.PropType<Function>;
+                };
+                id: {
+                    type: globalThis.PropType<string>;
+                };
+                open: {
+                    type: globalThis.PropType<boolean>;
+                };
+                boundariesPadding: {
+                    type: globalThis.PropType<number>;
+                };
+                fallbackPlacements: {
+                    type: globalThis.PropType<import("@popperjs/core").Placement[]>;
+                };
+                gpuAcceleration: {
+                    type: globalThis.PropType<boolean>;
+                };
+                offset: {
+                    type: globalThis.PropType<number>;
+                };
+                placement: {
+                    type: globalThis.PropType<import("@popperjs/core").Placement>;
+                };
+                popperOptions: {
+                    type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+                };
+                strategy: {
+                    type: globalThis.PropType<"fixed" | "absolute">;
+                };
+                style: {
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+                };
+                className: {
+                    type: globalThis.PropType<import("../types").ClassType>;
+                };
+                effect: {
+                    type: globalThis.PropType<"light" | "dark">;
+                };
+                visible: {
+                    type: globalThis.PropType<boolean>;
+                };
+                enterable: {
+                    type: globalThis.PropType<boolean>;
+                };
+                pure: {
+                    type: globalThis.PropType<boolean>;
+                };
+                focusOnShow: {
+                    type: globalThis.PropType<boolean>;
+                };
+                trapping: {
+                    type: globalThis.PropType<boolean>;
+                };
+                popperClass: {
+                    type: globalThis.PropType<import("../types").ClassType>;
+                };
+                popperStyle: {
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+                };
+                referenceEl: {
+                    type: globalThis.PropType<HTMLElement>;
+                };
+                triggerTargetEl: {
+                    type: globalThis.PropType<HTMLElement>;
+                };
+                stopPopperMouseEvent: {
+                    type: globalThis.PropType<boolean>;
+                };
+                ariaLabel: {
+                    type: globalThis.PropType<string>;
+                };
+                zIndex: {
+                    type: globalThis.PropType<number>;
+                };
+                showAfter: {
+                    type: globalThis.PropType<number>;
+                };
+                hideAfter: {
+                    type: globalThis.PropType<number>;
+                };
+                appendTo: {
+                    type: globalThis.PropType<any>;
+                };
+                content: {
+                    type: globalThis.PropType<string>;
+                };
+                rawContent: {
+                    type: globalThis.PropType<boolean>;
+                };
+                persistent: {
+                    type: globalThis.PropType<boolean>;
+                };
+                transition: {
+                    type: globalThis.PropType<string>;
+                };
+                teleported: {
+                    type: globalThis.PropType<boolean>;
+                };
+                disabled: {
+                    type: globalThis.PropType<boolean>;
+                };
+                trigger: {
+                    type: globalThis.PropType<import("..").TooltipTriggerType>;
+                };
+                triggerKeys: {
+                    type: globalThis.PropType<string[]>;
+                };
+            }>> & {
+                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;
+            }, {
+                popperRef: globalThis.Ref<any>;
+                contentRef: globalThis.Ref<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, {
+                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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $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<globalThis.ExtractPropTypes<{
+            role: {
+                type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: globalThis.PropType<boolean>;
+            };
+            arrowOffset: {
+                type: globalThis.PropType<number>;
+            };
+            virtualRef: {
+                type: globalThis.PropType<import("..").Measurable>;
+            };
+            virtualTriggering: {
+                type: globalThis.PropType<boolean>;
+            };
+            onMouseenter: {
+                type: globalThis.PropType<Function>;
+            };
+            onMouseleave: {
+                type: globalThis.PropType<Function>;
+            };
+            onClick: {
+                type: globalThis.PropType<Function>;
+            };
+            onKeydown: {
+                type: globalThis.PropType<Function>;
+            };
+            onFocus: {
+                type: globalThis.PropType<Function>;
+            };
+            onBlur: {
+                type: globalThis.PropType<Function>;
+            };
+            onContextmenu: {
+                type: globalThis.PropType<Function>;
+            };
+            id: {
+                type: globalThis.PropType<string>;
+            };
+            open: {
+                type: globalThis.PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: globalThis.PropType<number>;
+            };
+            fallbackPlacements: {
+                type: globalThis.PropType<import("@popperjs/core").Placement[]>;
+            };
+            gpuAcceleration: {
+                type: globalThis.PropType<boolean>;
+            };
+            offset: {
+                type: globalThis.PropType<number>;
+            };
+            placement: {
+                type: globalThis.PropType<import("@popperjs/core").Placement>;
+            };
+            popperOptions: {
+                type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+            };
+            strategy: {
+                type: globalThis.PropType<"fixed" | "absolute">;
+            };
+            style: {
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: globalThis.PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: globalThis.PropType<"light" | "dark">;
+            };
+            visible: {
+                type: globalThis.PropType<boolean>;
+            };
+            enterable: {
+                type: globalThis.PropType<boolean>;
+            };
+            pure: {
+                type: globalThis.PropType<boolean>;
+            };
+            focusOnShow: {
+                type: globalThis.PropType<boolean>;
+            };
+            trapping: {
+                type: globalThis.PropType<boolean>;
+            };
+            popperClass: {
+                type: globalThis.PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: globalThis.PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: globalThis.PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: globalThis.PropType<boolean>;
+            };
+            ariaLabel: {
+                type: globalThis.PropType<string>;
+            };
+            zIndex: {
+                type: globalThis.PropType<number>;
+            };
+            showAfter: {
+                type: globalThis.PropType<number>;
+            };
+            hideAfter: {
+                type: globalThis.PropType<number>;
+            };
+            appendTo: {
+                type: globalThis.PropType<any>;
+            };
+            content: {
+                type: globalThis.PropType<string>;
+            };
+            rawContent: {
+                type: globalThis.PropType<boolean>;
+            };
+            persistent: {
+                type: globalThis.PropType<boolean>;
+            };
+            transition: {
+                type: globalThis.PropType<string>;
+            };
+            teleported: {
+                type: globalThis.PropType<boolean>;
+            };
+            disabled: {
+                type: globalThis.PropType<boolean>;
+            };
+            trigger: {
+                type: globalThis.PropType<import("..").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: globalThis.PropType<string[]>;
+            };
+        }>> & {
+            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;
+        }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
+            popperRef: globalThis.Ref<any>;
+            contentRef: globalThis.Ref<any>;
+            isFocusInsideContent: () => boolean | undefined;
+            updatePopper: () => void;
+            onOpen: (event?: Event | undefined) => void;
+            onClose: (event?: Event | undefined) => void;
+            hide: (event?: Event | undefined) => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                content?(_: {}): any;
+            };
+        }) | undefined>;
+        suggestions: globalThis.Ref<Record<string, any>[]>;
+        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;
+        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<globalThis.ExtractPropTypes<{
+        valueKey: {
+            type: globalThis.PropType<string>;
+        };
+        modelValue: {
+            type: globalThis.PropType<string | number>;
+        };
+        debounce: {
+            type: globalThis.PropType<number>;
+        };
+        placement: {
+            type: globalThis.PropType<import("./types").Placement>;
+        };
+        fetchSuggestions: {
+            type: globalThis.PropType<import("./types").AutocompleteFetchSuggestions>;
+        };
+        popperClass: {
+            type: globalThis.PropType<string>;
+        };
+        triggerOnFocus: {
+            type: globalThis.PropType<boolean>;
+        };
+        selectWhenUnmatched: {
+            type: globalThis.PropType<boolean>;
+        };
+        hideLoading: {
+            type: globalThis.PropType<boolean>;
+        };
+        label: {
+            type: globalThis.PropType<string>;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        highlightFirstItem: {
+            type: globalThis.PropType<boolean>;
+        };
+        fitInputWidth: {
+            type: globalThis.PropType<boolean>;
+        };
+        clearable: {
+            type: globalThis.PropType<boolean>;
+        };
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        name: {
+            type: globalThis.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, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        valueKey: {
+            type: globalThis.PropType<string>;
+        };
+        modelValue: {
+            type: globalThis.PropType<string | number>;
+        };
+        debounce: {
+            type: globalThis.PropType<number>;
+        };
+        placement: {
+            type: globalThis.PropType<import("./types").Placement>;
+        };
+        fetchSuggestions: {
+            type: globalThis.PropType<import("./types").AutocompleteFetchSuggestions>;
+        };
+        popperClass: {
+            type: globalThis.PropType<string>;
+        };
+        triggerOnFocus: {
+            type: globalThis.PropType<boolean>;
+        };
+        selectWhenUnmatched: {
+            type: globalThis.PropType<boolean>;
+        };
+        hideLoading: {
+            type: globalThis.PropType<boolean>;
+        };
+        label: {
+            type: globalThis.PropType<string>;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        highlightFirstItem: {
+            type: globalThis.PropType<boolean>;
+        };
+        fitInputWidth: {
+            type: globalThis.PropType<boolean>;
+        };
+        clearable: {
+            type: globalThis.PropType<boolean>;
+        };
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        name: {
+            type: globalThis.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;
+    }, {
+        highlightedIndex: globalThis.Ref<number>;
+        activated: globalThis.Ref<boolean>;
+        loading: globalThis.Ref<boolean>;
+        inputRef: globalThis.Ref<any>;
+        popperRef: globalThis.Ref<({
+            $: 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;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                class?: unknown;
+                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 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 id?: string | undefined;
+                readonly className?: import("../types").ClassType | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly trigger?: import("..").TooltipTriggerType | undefined;
+                readonly appendTo?: any;
+                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("..").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<globalThis.ExtractPropTypes<{
+                role: {
+                    type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+                };
+                showArrow: {
+                    type: globalThis.PropType<boolean>;
+                };
+                arrowOffset: {
+                    type: globalThis.PropType<number>;
+                };
+                virtualRef: {
+                    type: globalThis.PropType<import("..").Measurable>;
+                };
+                virtualTriggering: {
+                    type: globalThis.PropType<boolean>;
+                };
+                onMouseenter: {
+                    type: globalThis.PropType<Function>;
+                };
+                onMouseleave: {
+                    type: globalThis.PropType<Function>;
+                };
+                onClick: {
+                    type: globalThis.PropType<Function>;
+                };
+                onKeydown: {
+                    type: globalThis.PropType<Function>;
+                };
+                onFocus: {
+                    type: globalThis.PropType<Function>;
+                };
+                onBlur: {
+                    type: globalThis.PropType<Function>;
+                };
+                onContextmenu: {
+                    type: globalThis.PropType<Function>;
+                };
+                id: {
+                    type: globalThis.PropType<string>;
+                };
+                open: {
+                    type: globalThis.PropType<boolean>;
+                };
+                boundariesPadding: {
+                    type: globalThis.PropType<number>;
+                };
+                fallbackPlacements: {
+                    type: globalThis.PropType<import("@popperjs/core").Placement[]>;
+                };
+                gpuAcceleration: {
+                    type: globalThis.PropType<boolean>;
+                };
+                offset: {
+                    type: globalThis.PropType<number>;
+                };
+                placement: {
+                    type: globalThis.PropType<import("@popperjs/core").Placement>;
+                };
+                popperOptions: {
+                    type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+                };
+                strategy: {
+                    type: globalThis.PropType<"fixed" | "absolute">;
+                };
+                style: {
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+                };
+                className: {
+                    type: globalThis.PropType<import("../types").ClassType>;
+                };
+                effect: {
+                    type: globalThis.PropType<"light" | "dark">;
+                };
+                visible: {
+                    type: globalThis.PropType<boolean>;
+                };
+                enterable: {
+                    type: globalThis.PropType<boolean>;
+                };
+                pure: {
+                    type: globalThis.PropType<boolean>;
+                };
+                focusOnShow: {
+                    type: globalThis.PropType<boolean>;
+                };
+                trapping: {
+                    type: globalThis.PropType<boolean>;
+                };
+                popperClass: {
+                    type: globalThis.PropType<import("../types").ClassType>;
+                };
+                popperStyle: {
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+                };
+                referenceEl: {
+                    type: globalThis.PropType<HTMLElement>;
+                };
+                triggerTargetEl: {
+                    type: globalThis.PropType<HTMLElement>;
+                };
+                stopPopperMouseEvent: {
+                    type: globalThis.PropType<boolean>;
+                };
+                ariaLabel: {
+                    type: globalThis.PropType<string>;
+                };
+                zIndex: {
+                    type: globalThis.PropType<number>;
+                };
+                showAfter: {
+                    type: globalThis.PropType<number>;
+                };
+                hideAfter: {
+                    type: globalThis.PropType<number>;
+                };
+                appendTo: {
+                    type: globalThis.PropType<any>;
+                };
+                content: {
+                    type: globalThis.PropType<string>;
+                };
+                rawContent: {
+                    type: globalThis.PropType<boolean>;
+                };
+                persistent: {
+                    type: globalThis.PropType<boolean>;
+                };
+                transition: {
+                    type: globalThis.PropType<string>;
+                };
+                teleported: {
+                    type: globalThis.PropType<boolean>;
+                };
+                disabled: {
+                    type: globalThis.PropType<boolean>;
+                };
+                trigger: {
+                    type: globalThis.PropType<import("..").TooltipTriggerType>;
+                };
+                triggerKeys: {
+                    type: globalThis.PropType<string[]>;
+                };
+            }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
                 onShow?: ((...args: any[]) => any) | undefined;
                 onHide?: ((...args: any[]) => any) | undefined;
-                readonly placement?: import("@popperjs/core").Placement | undefined;
-                readonly strategy?: "fixed" | "absolute" | undefined;
-                readonly effect?: "light" | "dark" | undefined;
-                readonly id?: string | undefined;
-                readonly onFocus?: Function | undefined;
-                readonly onBlur?: Function | undefined;
-                readonly onKeydown?: Function | undefined;
-                readonly onClick?: Function | undefined;
-                readonly onContextmenu?: Function | undefined;
-                readonly onMouseenter?: Function | undefined;
-                readonly onMouseleave?: Function | undefined;
-                readonly className?: import("../types").ClassType | undefined;
-                readonly ariaLabel?: string | undefined;
-                readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly trigger?: import("..").TooltipTriggerType | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
-                readonly appendTo?: any;
-                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?: import("vue").StyleValue | undefined;
-                readonly referenceEl?: HTMLElement | undefined;
-                readonly triggerTargetEl?: HTMLElement | undefined;
-                readonly stopPopperMouseEvent?: boolean | undefined;
-                readonly virtualTriggering?: boolean | undefined;
-                readonly virtualRef?: import("..").Measurable | undefined;
-                readonly rawContent?: boolean | undefined;
-                readonly persistent?: boolean | undefined;
-                readonly teleported?: boolean | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
-                readonly triggerKeys?: string[] | undefined;
-                readonly showArrow?: boolean | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-            };
+            }, never>;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -816,7 +987,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             }>;
             $root: globalThis.ComponentPublicInstance | null;
             $parent: globalThis.ComponentPublicInstance | null;
-            $emit: ((event: "open", ...args: any[]) => void) & ((event: "close", ...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);
+            $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<globalThis.ExtractPropTypes<{
                 role: {
@@ -883,7 +1054,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: globalThis.PropType<"fixed" | "absolute">;
                 };
                 style: {
-                    type: globalThis.PropType<import("vue").StyleValue>;
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
                 };
                 className: {
                     type: globalThis.PropType<import("../types").ClassType>;
@@ -910,7 +1081,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: globalThis.PropType<import("../types").ClassType>;
                 };
                 popperStyle: {
-                    type: globalThis.PropType<import("vue").StyleValue>;
+                    type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
                 };
                 referenceEl: {
                     type: globalThis.PropType<HTMLElement>;
@@ -961,9 +1132,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                     type: globalThis.PropType<string[]>;
                 };
             }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
                 onShow?: ((...args: any[]) => any) | undefined;
                 onHide?: ((...args: any[]) => any) | undefined;
-                onClose?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
                 "onBefore-show"?: ((...args: any[]) => any) | undefined;
                 "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -976,8 +1147,8 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 onClose: (event?: Event | undefined) => void;
                 hide: (event?: Event | undefined) => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                open: (...args: any[]) => void;
                 close: (...args: any[]) => void;
+                open: (...args: any[]) => void;
                 hide: (...args: any[]) => void;
                 show: (...args: any[]) => void;
                 "before-show": (...args: any[]) => void;
@@ -1002,7 +1173,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             $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;
-        } & Readonly<globalThis.ExtractPropTypes<{
+        } & Omit<Readonly<globalThis.ExtractPropTypes<{
             role: {
                 type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
@@ -1067,7 +1238,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: globalThis.PropType<"fixed" | "absolute">;
             };
             style: {
-                type: globalThis.PropType<import("vue").StyleValue>;
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             className: {
                 type: globalThis.PropType<import("../types").ClassType>;
@@ -1094,7 +1265,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: globalThis.PropType<import("../types").ClassType>;
             };
             popperStyle: {
-                type: globalThis.PropType<import("vue").StyleValue>;
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             referenceEl: {
                 type: globalThis.PropType<HTMLElement>;
@@ -1145,13 +1316,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: globalThis.PropType<string[]>;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
+        }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
             popperRef: globalThis.Ref<any>;
             contentRef: globalThis.Ref<any>;
             isFocusInsideContent: () => boolean | undefined;
@@ -1172,7 +1343,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         blur: () => void;
         close: () => void;
         highlight: (index: number) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1226,11 +1397,11 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string>;
     };
 }>> & {
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
     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;
 }, {
@@ -1241,77 +1412,31 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
     popperRef: globalThis.Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: {
-            style?: import("vue").StyleValue | undefined;
+        $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;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
+            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 showAfter?: number | undefined;
             readonly hideAfter?: number | undefined;
             readonly open?: boolean | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly id?: string | undefined;
-            readonly onFocus?: Function | undefined;
-            readonly onBlur?: Function | undefined;
-            readonly onKeydown?: Function | undefined;
-            readonly onClick?: Function | undefined;
-            readonly onContextmenu?: Function | undefined;
-            readonly onMouseenter?: Function | undefined;
-            readonly onMouseleave?: Function | undefined;
             readonly className?: import("../types").ClassType | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("..").TooltipTriggerType | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
             readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
@@ -1324,7 +1449,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly focusOnShow?: boolean | undefined;
             readonly trapping?: boolean | undefined;
             readonly popperClass?: import("../types").ClassType | undefined;
-            readonly popperStyle?: import("vue").StyleValue | 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;
@@ -1333,12 +1458,164 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
             readonly teleported?: boolean | undefined;
-            onOpen?: ((...args: any[]) => any) | 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<globalThis.ExtractPropTypes<{
+            role: {
+                type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: globalThis.PropType<boolean>;
+            };
+            arrowOffset: {
+                type: globalThis.PropType<number>;
+            };
+            virtualRef: {
+                type: globalThis.PropType<import("..").Measurable>;
+            };
+            virtualTriggering: {
+                type: globalThis.PropType<boolean>;
+            };
+            onMouseenter: {
+                type: globalThis.PropType<Function>;
+            };
+            onMouseleave: {
+                type: globalThis.PropType<Function>;
+            };
+            onClick: {
+                type: globalThis.PropType<Function>;
+            };
+            onKeydown: {
+                type: globalThis.PropType<Function>;
+            };
+            onFocus: {
+                type: globalThis.PropType<Function>;
+            };
+            onBlur: {
+                type: globalThis.PropType<Function>;
+            };
+            onContextmenu: {
+                type: globalThis.PropType<Function>;
+            };
+            id: {
+                type: globalThis.PropType<string>;
+            };
+            open: {
+                type: globalThis.PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: globalThis.PropType<number>;
+            };
+            fallbackPlacements: {
+                type: globalThis.PropType<import("@popperjs/core").Placement[]>;
+            };
+            gpuAcceleration: {
+                type: globalThis.PropType<boolean>;
+            };
+            offset: {
+                type: globalThis.PropType<number>;
+            };
+            placement: {
+                type: globalThis.PropType<import("@popperjs/core").Placement>;
+            };
+            popperOptions: {
+                type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+            };
+            strategy: {
+                type: globalThis.PropType<"fixed" | "absolute">;
+            };
+            style: {
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: globalThis.PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: globalThis.PropType<"light" | "dark">;
+            };
+            visible: {
+                type: globalThis.PropType<boolean>;
+            };
+            enterable: {
+                type: globalThis.PropType<boolean>;
+            };
+            pure: {
+                type: globalThis.PropType<boolean>;
+            };
+            focusOnShow: {
+                type: globalThis.PropType<boolean>;
+            };
+            trapping: {
+                type: globalThis.PropType<boolean>;
+            };
+            popperClass: {
+                type: globalThis.PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: globalThis.PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: globalThis.PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: globalThis.PropType<boolean>;
+            };
+            ariaLabel: {
+                type: globalThis.PropType<string>;
+            };
+            zIndex: {
+                type: globalThis.PropType<number>;
+            };
+            showAfter: {
+                type: globalThis.PropType<number>;
+            };
+            hideAfter: {
+                type: globalThis.PropType<number>;
+            };
+            appendTo: {
+                type: globalThis.PropType<any>;
+            };
+            content: {
+                type: globalThis.PropType<string>;
+            };
+            rawContent: {
+                type: globalThis.PropType<boolean>;
+            };
+            persistent: {
+                type: globalThis.PropType<boolean>;
+            };
+            transition: {
+                type: globalThis.PropType<string>;
+            };
+            teleported: {
+                type: globalThis.PropType<boolean>;
+            };
+            disabled: {
+                type: globalThis.PropType<boolean>;
+            };
+            trigger: {
+                type: globalThis.PropType<import("..").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: globalThis.PropType<string[]>;
+            };
+        }>> & {
+            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;
+        }, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1350,7 +1627,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         }>;
         $root: globalThis.ComponentPublicInstance | null;
         $parent: globalThis.ComponentPublicInstance | null;
-        $emit: ((event: "open", ...args: any[]) => void) & ((event: "close", ...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);
+        $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<globalThis.ExtractPropTypes<{
             role: {
@@ -1417,7 +1694,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: globalThis.PropType<"fixed" | "absolute">;
             };
             style: {
-                type: globalThis.PropType<import("vue").StyleValue>;
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             className: {
                 type: globalThis.PropType<import("../types").ClassType>;
@@ -1444,7 +1721,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: globalThis.PropType<import("../types").ClassType>;
             };
             popperStyle: {
-                type: globalThis.PropType<import("vue").StyleValue>;
+                type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             referenceEl: {
                 type: globalThis.PropType<HTMLElement>;
@@ -1495,9 +1772,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 type: globalThis.PropType<string[]>;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -1510,8 +1787,8 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            open: (...args: any[]) => void;
             close: (...args: any[]) => void;
+            open: (...args: any[]) => void;
             hide: (...args: any[]) => void;
             show: (...args: any[]) => void;
             "before-show": (...args: any[]) => void;
@@ -1536,7 +1813,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
         $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;
-    } & Readonly<globalThis.ExtractPropTypes<{
+    } & Omit<Readonly<globalThis.ExtractPropTypes<{
         role: {
             type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
@@ -1601,7 +1878,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<"fixed" | "absolute">;
         };
         style: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         className: {
             type: globalThis.PropType<import("../types").ClassType>;
@@ -1628,7 +1905,7 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<import("../types").ClassType>;
         };
         popperStyle: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         referenceEl: {
             type: globalThis.PropType<HTMLElement>;
@@ -1679,13 +1956,13 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string[]>;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
         popperRef: globalThis.Ref<any>;
         contentRef: globalThis.Ref<any>;
         isFocusInsideContent: () => boolean | undefined;