vft 0.0.249 → 0.0.252

package/lib/components/select/useSelect.d.ts

@@ -1,63 +1,47 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
 import { nextTick } from 'vue';
-import type { SelectProps } from './defaults';
-import type { Option } from './select.types';
-declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any) => {
+import type { SelectDropdownInstance } from './select-dropdown';
+import type { Option, OptionType, SelectStates } from './select.types';
+import type { SelectV2Props } from './token';
+declare const useSelect: (props: SelectV2Props, emit: any) => {
+    inputId: import("vue").Ref<string | undefined, string | undefined>;
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;
     currentPlaceholder: import("vue").ComputedRef<string>;
     expanded: import("vue").Ref<boolean, boolean>;
     emptyText: import("vue").ComputedRef<string | false | null>;
     popupHeight: import("vue").ComputedRef<number>;
     debounce: import("vue").ComputedRef<0 | 300>;
-    filteredOptions: import("vue").ComputedRef<never[]>;
-    iconComponent: import("vue").ComputedRef<"" | "icon-arrow-up">;
+    allOptions: import("vue").ComputedRef<OptionType[]>;
+    filteredOptions: import("vue").Ref<({
+        [x: string]: any;
+    } | {
+        [x: string]: any;
+        created?: boolean | undefined;
+    })[], OptionType[] | ({
+        [x: string]: any;
+    } | {
+        [x: string]: any;
+        created?: boolean | undefined;
+    })[]>;
+    iconComponent: import("vue").ComputedRef<"" | "ico-ep:arrow-down">;
     iconReverse: import("vue").ComputedRef<string>;
-    inputWrapperStyle: import("vue").ComputedRef<CSSProperties>;
+    tagStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+    }>;
+    collapseTagStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+    }>;
     popperSize: import("vue").Ref<number, number>;
     dropdownMenuVisible: import("vue").WritableComputedRef<boolean, boolean>;
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
-    selectDisabled: import("vue").ComputedRef<boolean | undefined>;
+    selectDisabled: import("vue").ComputedRef<boolean>;
     selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    needStatusIcon: import("vue").ComputedRef<boolean>;
     showClearBtn: import("vue").ComputedRef<boolean>;
-    states: {
-        inputValue: string;
-        displayInputValue: string;
-        calculatedWidth: number;
-        cachedPlaceholder: string;
-        cachedOptions: {
-            [x: string]: any;
-            label: string;
-            created?: boolean | undefined;
-            value: any;
-        }[];
-        createdOptions: {
-            [x: string]: any;
-            label: string;
-            created?: boolean | undefined;
-            value: any;
-        }[];
-        createdLabel: string;
-        createdSelected: boolean;
-        currentPlaceholder: string;
-        hoveringIndex: number;
-        comboBoxHovering: boolean;
-        isOnComposition: boolean;
-        isSilentBlur: boolean;
-        isComposing: boolean;
-        inputLength: number;
-        selectWidth: number;
-        initialInputHeight: number;
-        previousQuery: null;
-        previousValue: undefined;
-        query: string;
-        selectedLabel: string;
-        softFocus: boolean;
-        tagInMultiLine: boolean;
-    };
-    tagMaxWidth: import("vue").ComputedRef<number>;
+    states: SelectStates;
+    isFocused: import("vue").Ref<boolean, boolean>;
     nsSelect: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -69,13 +53,13 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     nsInput: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -87,20 +71,19 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    calculatorRef: import("vue").Ref<HTMLElement, HTMLElement>;
-    controlRef: import("vue").Ref<null, null>;
-    inputRef: import("vue").Ref<null, null>;
-    menuRef: import("vue").Ref<null, null>;
-    popper: import("vue").Ref<({
+    inputRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    menuRef: import("vue").Ref<SelectDropdownInstance | undefined, SelectDropdownInstance | undefined>;
+    tagMenuRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    tooltipRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<{
-            readonly style?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
@@ -117,14 +100,12 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
-            readonly showAfter?: number | undefined;
-            readonly hideAfter?: number | undefined;
-            readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly open?: boolean | undefined;
             readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -136,15 +117,17 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly focusOnShow?: boolean | undefined;
             readonly trapping?: boolean | undefined;
             readonly popperClass?: import("../types").ClassType | undefined;
-            readonly popperStyle?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
             readonly referenceEl?: HTMLElement | undefined;
             readonly triggerTargetEl?: HTMLElement | undefined;
             readonly stopPopperMouseEvent?: boolean | undefined;
             readonly virtualTriggering?: boolean | undefined;
             readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             readonly onClose?: ((...args: any[]) => any) | undefined;
@@ -168,7 +151,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $host: Element | null;
         $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
                 type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
@@ -233,7 +216,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: import("vue").PropType<"fixed" | "absolute">;
             };
             style: {
-                type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             className: {
                 type: import("vue").PropType<import("../types").ClassType>;
@@ -260,7 +243,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: import("vue").PropType<import("../types").ClassType>;
             };
             popperStyle: {
-                type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             referenceEl: {
                 type: import("vue").PropType<HTMLElement>;
@@ -320,7 +303,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>, {
             popperRef: import("vue").Ref<any, any>;
             contentRef: import("vue").Ref<any, any>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent) => any;
             updatePopper: () => void;
             onOpen: (event?: Event) => void;
             onClose: (event?: Event) => void;
@@ -352,7 +335,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<{
+    } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
             type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
@@ -417,7 +400,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: import("vue").PropType<"fixed" | "absolute">;
         };
         style: {
-            type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         className: {
             type: import("vue").PropType<import("../types").ClassType>;
@@ -444,7 +427,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: import("vue").PropType<import("../types").ClassType>;
         };
         popperStyle: {
-            type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         referenceEl: {
             type: import("vue").PropType<HTMLElement>;
@@ -504,7 +487,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any, any>;
         contentRef: import("vue").Ref<any, any>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent) => any;
         updatePopper: () => void;
         onOpen: (event?: Event) => void;
         onClose: (event?: Event) => void;
@@ -514,11 +497,11 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             default?(_: {}): any;
             content?(_: {}): any;
         };
-    }) | null, ({
+    }) | undefined, ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<{
-            readonly style?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
@@ -535,14 +518,12 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
-            readonly showAfter?: number | undefined;
-            readonly hideAfter?: number | undefined;
-            readonly open?: boolean | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly open?: boolean | undefined;
             readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -554,15 +535,17 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly focusOnShow?: boolean | undefined;
             readonly trapping?: boolean | undefined;
             readonly popperClass?: import("../types").ClassType | undefined;
-            readonly popperStyle?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
             readonly referenceEl?: HTMLElement | undefined;
             readonly triggerTargetEl?: HTMLElement | undefined;
             readonly stopPopperMouseEvent?: boolean | undefined;
             readonly virtualTriggering?: boolean | undefined;
             readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             readonly onClose?: ((...args: any[]) => any) | undefined;
@@ -586,7 +569,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $host: Element | null;
         $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
                 type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
@@ -651,7 +634,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: import("vue").PropType<"fixed" | "absolute">;
             };
             style: {
-                type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             className: {
                 type: import("vue").PropType<import("../types").ClassType>;
@@ -678,7 +661,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: import("vue").PropType<import("../types").ClassType>;
             };
             popperStyle: {
-                type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
             };
             referenceEl: {
                 type: import("vue").PropType<HTMLElement>;
@@ -738,7 +721,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>, {
             popperRef: import("vue").Ref<any, any>;
             contentRef: import("vue").Ref<any, any>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent) => any;
             updatePopper: () => void;
             onOpen: (event?: Event) => void;
             onClose: (event?: Event) => void;
@@ -770,7 +753,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<{
+    } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
         role: {
             type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
@@ -835,7 +818,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: import("vue").PropType<"fixed" | "absolute">;
         };
         style: {
-            type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         className: {
             type: import("vue").PropType<import("../types").ClassType>;
@@ -862,7 +845,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: import("vue").PropType<import("../types").ClassType>;
         };
         popperStyle: {
-            type: import("vue").PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         referenceEl: {
             type: import("vue").PropType<HTMLElement>;
@@ -922,7 +905,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any, any>;
         contentRef: import("vue").Ref<any, any>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent) => any;
         updatePopper: () => void;
         onOpen: (event?: Event) => void;
         onClose: (event?: Event) => void;
@@ -932,46 +915,882 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             default?(_: {}): any;
             content?(_: {}): any;
         };
-    }) | null>;
-    selectRef: import("vue").Ref<null, null>;
-    selectionRef: import("vue").Ref<null, null>;
-    popperRef: import("vue").ComputedRef<any>;
-    validateState: import("vue").ComputedRef<"" | "error" | "validating" | "success">;
-    validateIcon: string;
-    showTagList: import("vue").ComputedRef<{
-        [x: string]: any;
-        label: string;
-        created?: boolean | undefined;
-        value: any;
-    }[]>;
-    collapseTagList: import("vue").ComputedRef<{
-        [x: string]: any;
-        label: string;
-        created?: boolean | undefined;
-        value: any;
-    }[]>;
+    }) | undefined>;
+    tagTooltipRef: import("vue").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 className?: import("../types").ClassType | undefined;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly placement?: import("@popperjs/core").Placement | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
+            readonly effect?: "light" | "dark" | undefined;
+            readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly open?: boolean | undefined;
+            readonly visible?: boolean | undefined;
+            readonly arrowOffset?: number | undefined;
+            readonly gpuAcceleration?: boolean | undefined;
+            readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
+            readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
+            readonly pure?: boolean | undefined;
+            readonly boundariesPadding?: number | undefined;
+            readonly enterable?: boolean | undefined;
+            readonly focusOnShow?: boolean | undefined;
+            readonly trapping?: boolean | undefined;
+            readonly popperClass?: import("../types").ClassType | undefined;
+            readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly referenceEl?: HTMLElement | undefined;
+            readonly triggerTargetEl?: HTMLElement | undefined;
+            readonly stopPopperMouseEvent?: boolean | undefined;
+            readonly virtualTriggering?: boolean | undefined;
+            readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly rawContent?: boolean | undefined;
+            readonly persistent?: boolean | undefined;
+            readonly triggerKeys?: string[] | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly onClose?: ((...args: any[]) => any) | undefined;
+            readonly onOpen?: ((...args: any[]) => any) | undefined;
+            readonly onHide?: ((...args: any[]) => any) | undefined;
+            readonly onShow?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            role: {
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: import("vue").PropType<boolean>;
+            };
+            arrowOffset: {
+                type: import("vue").PropType<number>;
+            };
+            virtualRef: {
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
+            };
+            virtualTriggering: {
+                type: import("vue").PropType<boolean>;
+            };
+            onMouseenter: {
+                type: import("vue").PropType<Function>;
+            };
+            onMouseleave: {
+                type: import("vue").PropType<Function>;
+            };
+            onClick: {
+                type: import("vue").PropType<Function>;
+            };
+            onKeydown: {
+                type: import("vue").PropType<Function>;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+            };
+            onContextmenu: {
+                type: import("vue").PropType<Function>;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: import("vue").PropType<number>;
+            };
+            fallbackPlacements: {
+                type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+            };
+            gpuAcceleration: {
+                type: import("vue").PropType<boolean>;
+            };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
+            placement: {
+                type: import("vue").PropType<import("@popperjs/core").Placement>;
+            };
+            popperOptions: {
+                type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+            };
+            strategy: {
+                type: import("vue").PropType<"fixed" | "absolute">;
+            };
+            style: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: import("vue").PropType<"light" | "dark">;
+            };
+            visible: {
+                type: import("vue").PropType<boolean>;
+            };
+            enterable: {
+                type: import("vue").PropType<boolean>;
+            };
+            pure: {
+                type: import("vue").PropType<boolean>;
+            };
+            focusOnShow: {
+                type: import("vue").PropType<boolean>;
+            };
+            trapping: {
+                type: import("vue").PropType<boolean>;
+            };
+            popperClass: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaLabel: {
+                type: import("vue").PropType<string>;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            showAfter: {
+                type: import("vue").PropType<number>;
+            };
+            hideAfter: {
+                type: import("vue").PropType<number>;
+            };
+            appendTo: {
+                type: import("vue").PropType<string | HTMLElement>;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+            };
+            rawContent: {
+                type: import("vue").PropType<boolean>;
+            };
+            persistent: {
+                type: import("vue").PropType<boolean>;
+            };
+            transition: {
+                type: import("vue").PropType<string>;
+            };
+            teleported: {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            trigger: {
+                type: import("vue").PropType<import("vft/es/components/tooltip").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: import("vue").PropType<string[]>;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
+            isFocusInsideContent: (event?: FocusEvent) => any;
+            updatePopper: () => void;
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            close: (...args: any[]) => void;
+            open: (...args: any[]) => void;
+            hide: (...args: any[]) => void;
+            show: (...args: any[]) => void;
+            "before-show": (...args: any[]) => void;
+            "before-hide": (...args: any[]) => void;
+        }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        role: {
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+        };
+        showArrow: {
+            type: import("vue").PropType<boolean>;
+        };
+        arrowOffset: {
+            type: import("vue").PropType<number>;
+        };
+        virtualRef: {
+            type: import("vue").PropType<import("vft/es/vft").Measurable>;
+        };
+        virtualTriggering: {
+            type: import("vue").PropType<boolean>;
+        };
+        onMouseenter: {
+            type: import("vue").PropType<Function>;
+        };
+        onMouseleave: {
+            type: import("vue").PropType<Function>;
+        };
+        onClick: {
+            type: import("vue").PropType<Function>;
+        };
+        onKeydown: {
+            type: import("vue").PropType<Function>;
+        };
+        onFocus: {
+            type: import("vue").PropType<Function>;
+        };
+        onBlur: {
+            type: import("vue").PropType<Function>;
+        };
+        onContextmenu: {
+            type: import("vue").PropType<Function>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+        };
+        boundariesPadding: {
+            type: import("vue").PropType<number>;
+        };
+        fallbackPlacements: {
+            type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+        };
+        gpuAcceleration: {
+            type: import("vue").PropType<boolean>;
+        };
+        offset: {
+            type: import("vue").PropType<number>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+        popperOptions: {
+            type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+        };
+        strategy: {
+            type: import("vue").PropType<"fixed" | "absolute">;
+        };
+        style: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        className: {
+            type: import("vue").PropType<import("../types").ClassType>;
+        };
+        effect: {
+            type: import("vue").PropType<"light" | "dark">;
+        };
+        visible: {
+            type: import("vue").PropType<boolean>;
+        };
+        enterable: {
+            type: import("vue").PropType<boolean>;
+        };
+        pure: {
+            type: import("vue").PropType<boolean>;
+        };
+        focusOnShow: {
+            type: import("vue").PropType<boolean>;
+        };
+        trapping: {
+            type: import("vue").PropType<boolean>;
+        };
+        popperClass: {
+            type: import("vue").PropType<import("../types").ClassType>;
+        };
+        popperStyle: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        referenceEl: {
+            type: import("vue").PropType<HTMLElement>;
+        };
+        triggerTargetEl: {
+            type: import("vue").PropType<HTMLElement>;
+        };
+        stopPopperMouseEvent: {
+            type: import("vue").PropType<boolean>;
+        };
+        ariaLabel: {
+            type: import("vue").PropType<string>;
+        };
+        zIndex: {
+            type: import("vue").PropType<number>;
+        };
+        showAfter: {
+            type: import("vue").PropType<number>;
+        };
+        hideAfter: {
+            type: import("vue").PropType<number>;
+        };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+        };
+        rawContent: {
+            type: import("vue").PropType<boolean>;
+        };
+        persistent: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string>;
+        };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        trigger: {
+            type: import("vue").PropType<import("vft/es/components/tooltip").TooltipTriggerType>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        "onBefore-show"?: ((...args: any[]) => any) | undefined;
+        "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+        popperRef: import("vue").Ref<any, any>;
+        contentRef: import("vue").Ref<any, any>;
+        isFocusInsideContent: (event?: FocusEvent) => any;
+        updatePopper: () => void;
+        onOpen: (event?: Event) => void;
+        onClose: (event?: Event) => void;
+        hide: (event?: Event) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            content?(_: {}): any;
+        };
+    }) | undefined, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly style?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly content?: string | undefined;
+            readonly zIndex?: number | undefined;
+            readonly offset?: number | undefined;
+            readonly transition?: string | undefined;
+            readonly onBlur?: Function | undefined;
+            readonly onClick?: Function | undefined;
+            readonly onContextmenu?: Function | undefined;
+            readonly onFocus?: Function | undefined;
+            readonly onKeydown?: Function | undefined;
+            readonly onMouseenter?: Function | undefined;
+            readonly onMouseleave?: Function | undefined;
+            readonly className?: import("../types").ClassType | undefined;
+            readonly id?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly role?: "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly placement?: import("@popperjs/core").Placement | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
+            readonly effect?: "light" | "dark" | undefined;
+            readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly open?: boolean | undefined;
+            readonly visible?: boolean | undefined;
+            readonly arrowOffset?: number | undefined;
+            readonly gpuAcceleration?: boolean | undefined;
+            readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
+            readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
+            readonly pure?: boolean | undefined;
+            readonly boundariesPadding?: number | undefined;
+            readonly enterable?: boolean | undefined;
+            readonly focusOnShow?: boolean | undefined;
+            readonly trapping?: boolean | undefined;
+            readonly popperClass?: import("../types").ClassType | undefined;
+            readonly popperStyle?: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null | undefined;
+            readonly referenceEl?: HTMLElement | undefined;
+            readonly triggerTargetEl?: HTMLElement | undefined;
+            readonly stopPopperMouseEvent?: boolean | undefined;
+            readonly virtualTriggering?: boolean | undefined;
+            readonly virtualRef?: import("vft/es/vft").Measurable | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly appendTo?: (HTMLElement | string) | undefined;
+            readonly rawContent?: boolean | undefined;
+            readonly persistent?: boolean | undefined;
+            readonly triggerKeys?: string[] | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly onClose?: ((...args: any[]) => any) | undefined;
+            readonly onOpen?: ((...args: any[]) => any) | undefined;
+            readonly onHide?: ((...args: any[]) => any) | undefined;
+            readonly onShow?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            readonly "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            role: {
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: import("vue").PropType<boolean>;
+            };
+            arrowOffset: {
+                type: import("vue").PropType<number>;
+            };
+            virtualRef: {
+                type: import("vue").PropType<import("vft/es/vft").Measurable>;
+            };
+            virtualTriggering: {
+                type: import("vue").PropType<boolean>;
+            };
+            onMouseenter: {
+                type: import("vue").PropType<Function>;
+            };
+            onMouseleave: {
+                type: import("vue").PropType<Function>;
+            };
+            onClick: {
+                type: import("vue").PropType<Function>;
+            };
+            onKeydown: {
+                type: import("vue").PropType<Function>;
+            };
+            onFocus: {
+                type: import("vue").PropType<Function>;
+            };
+            onBlur: {
+                type: import("vue").PropType<Function>;
+            };
+            onContextmenu: {
+                type: import("vue").PropType<Function>;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: import("vue").PropType<number>;
+            };
+            fallbackPlacements: {
+                type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+            };
+            gpuAcceleration: {
+                type: import("vue").PropType<boolean>;
+            };
+            offset: {
+                type: import("vue").PropType<number>;
+            };
+            placement: {
+                type: import("vue").PropType<import("@popperjs/core").Placement>;
+            };
+            popperOptions: {
+                type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+            };
+            strategy: {
+                type: import("vue").PropType<"fixed" | "absolute">;
+            };
+            style: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: import("vue").PropType<"light" | "dark">;
+            };
+            visible: {
+                type: import("vue").PropType<boolean>;
+            };
+            enterable: {
+                type: import("vue").PropType<boolean>;
+            };
+            pure: {
+                type: import("vue").PropType<boolean>;
+            };
+            focusOnShow: {
+                type: import("vue").PropType<boolean>;
+            };
+            trapping: {
+                type: import("vue").PropType<boolean>;
+            };
+            popperClass: {
+                type: import("vue").PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: import("vue").PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaLabel: {
+                type: import("vue").PropType<string>;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            showAfter: {
+                type: import("vue").PropType<number>;
+            };
+            hideAfter: {
+                type: import("vue").PropType<number>;
+            };
+            appendTo: {
+                type: import("vue").PropType<string | HTMLElement>;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+            };
+            rawContent: {
+                type: import("vue").PropType<boolean>;
+            };
+            persistent: {
+                type: import("vue").PropType<boolean>;
+            };
+            transition: {
+                type: import("vue").PropType<string>;
+            };
+            teleported: {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            trigger: {
+                type: import("vue").PropType<import("vft/es/components/tooltip").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: import("vue").PropType<string[]>;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            popperRef: import("vue").Ref<any, any>;
+            contentRef: import("vue").Ref<any, any>;
+            isFocusInsideContent: (event?: FocusEvent) => any;
+            updatePopper: () => void;
+            onOpen: (event?: Event) => void;
+            onClose: (event?: Event) => void;
+            hide: (event?: Event) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            close: (...args: any[]) => void;
+            open: (...args: any[]) => void;
+            hide: (...args: any[]) => void;
+            show: (...args: any[]) => void;
+            "before-show": (...args: any[]) => void;
+            "before-hide": (...args: any[]) => void;
+        }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        role: {
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+        };
+        showArrow: {
+            type: import("vue").PropType<boolean>;
+        };
+        arrowOffset: {
+            type: import("vue").PropType<number>;
+        };
+        virtualRef: {
+            type: import("vue").PropType<import("vft/es/vft").Measurable>;
+        };
+        virtualTriggering: {
+            type: import("vue").PropType<boolean>;
+        };
+        onMouseenter: {
+            type: import("vue").PropType<Function>;
+        };
+        onMouseleave: {
+            type: import("vue").PropType<Function>;
+        };
+        onClick: {
+            type: import("vue").PropType<Function>;
+        };
+        onKeydown: {
+            type: import("vue").PropType<Function>;
+        };
+        onFocus: {
+            type: import("vue").PropType<Function>;
+        };
+        onBlur: {
+            type: import("vue").PropType<Function>;
+        };
+        onContextmenu: {
+            type: import("vue").PropType<Function>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+        };
+        boundariesPadding: {
+            type: import("vue").PropType<number>;
+        };
+        fallbackPlacements: {
+            type: import("vue").PropType<import("@popperjs/core").Placement[]>;
+        };
+        gpuAcceleration: {
+            type: import("vue").PropType<boolean>;
+        };
+        offset: {
+            type: import("vue").PropType<number>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+        popperOptions: {
+            type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
+        };
+        strategy: {
+            type: import("vue").PropType<"fixed" | "absolute">;
+        };
+        style: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        className: {
+            type: import("vue").PropType<import("../types").ClassType>;
+        };
+        effect: {
+            type: import("vue").PropType<"light" | "dark">;
+        };
+        visible: {
+            type: import("vue").PropType<boolean>;
+        };
+        enterable: {
+            type: import("vue").PropType<boolean>;
+        };
+        pure: {
+            type: import("vue").PropType<boolean>;
+        };
+        focusOnShow: {
+            type: import("vue").PropType<boolean>;
+        };
+        trapping: {
+            type: import("vue").PropType<boolean>;
+        };
+        popperClass: {
+            type: import("vue").PropType<import("../types").ClassType>;
+        };
+        popperStyle: {
+            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        referenceEl: {
+            type: import("vue").PropType<HTMLElement>;
+        };
+        triggerTargetEl: {
+            type: import("vue").PropType<HTMLElement>;
+        };
+        stopPopperMouseEvent: {
+            type: import("vue").PropType<boolean>;
+        };
+        ariaLabel: {
+            type: import("vue").PropType<string>;
+        };
+        zIndex: {
+            type: import("vue").PropType<number>;
+        };
+        showAfter: {
+            type: import("vue").PropType<number>;
+        };
+        hideAfter: {
+            type: import("vue").PropType<number>;
+        };
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+        };
+        rawContent: {
+            type: import("vue").PropType<boolean>;
+        };
+        persistent: {
+            type: import("vue").PropType<boolean>;
+        };
+        transition: {
+            type: import("vue").PropType<string>;
+        };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        trigger: {
+            type: import("vue").PropType<import("vft/es/components/tooltip").TooltipTriggerType>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onHide?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+        "onBefore-show"?: ((...args: any[]) => any) | undefined;
+        "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    }>, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "isFocusInsideContent" | "popperRef"> & import("vue").ShallowUnwrapRef<{
+        popperRef: import("vue").Ref<any, any>;
+        contentRef: import("vue").Ref<any, any>;
+        isFocusInsideContent: (event?: FocusEvent) => any;
+        updatePopper: () => void;
+        onOpen: (event?: Event) => void;
+        onClose: (event?: Event) => void;
+        hide: (event?: Event) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            content?(_: {}): any;
+        };
+    }) | undefined>;
+    selectRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    wrapperRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectionRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    prefixRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    suffixRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    collapseItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    popperRef: import("vue").ComputedRef<any>;
+    validateState: import("vue").ComputedRef<"" | "error" | "validating" | "success">;
+    validateIcon: string;
+    showTagList: import("vue").ComputedRef<Option[]>;
+    collapseTagList: import("vue").ComputedRef<Option[]>;
     debouncedOnInputChange: any;
-    deleteTag: (event: MouseEvent, tag: Option) => Promise<void> | undefined;
-    getLabel: (item: unknown) => any;
+    deleteTag: (event: MouseEvent, option: Option) => void;
+    getLabel: (option: Option) => any;
+    getValue: (option: Option) => any;
+    getDisabled: (option: Option) => any;
     getValueKey: (item: unknown) => any;
-    handleBlur: (event: FocusEvent) => Promise<void>;
-    handleClear: () => Promise<void>;
-    handleClickOutside: () => Promise<void>;
+    handleClear: () => void;
+    handleClickOutside: (event: Event) => void;
     handleDel: (e: KeyboardEvent) => void;
     handleEsc: () => void;
-    handleFocus: (event: FocusEvent) => void;
+    focus: () => void;
+    blur: () => void;
     handleMenuEnter: () => Promise<void>;
-    handleResize: () => Promise<void> | undefined;
-    toggleMenu: () => Promise<void> | undefined;
+    handleResize: () => void;
+    resetSelectionWidth: () => void;
+    updateTooltip: () => void;
+    updateTagTooltip: () => void;
+    updateOptions: () => void;
+    toggleMenu: () => void;
     scrollTo: (index: number) => void;
-    onInput: (event: any) => Promise<void> | undefined;
-    onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number) => Promise<void> | undefined;
-    onKeyboardSelect: () => Promise<void> | undefined;
-    onSelect: (option: Option, idx: number, byClick?: boolean) => void;
-    onHover: (idx: number) => void;
-    onUpdateInputValue: (val: string) => void;
-    handleCompositionStart: () => void;
-    handleCompositionEnd: (event: any) => void;
-    handleCompositionUpdate: (event: any) => void;
+    onInput: (event: Event) => void;
+    onKeyboardNavigate: (direction: "forward" | "backward", hoveringIndex?: number | undefined) => void;
+    onKeyboardSelect: () => void;
+    onSelect: (option: Option) => void;
+    onHover: (idx?: number) => void;
+    handleCompositionStart: (event: CompositionEvent) => void;
+    handleCompositionEnd: (event: CompositionEvent) => void;
+    handleCompositionUpdate: (event: CompositionEvent) => void;
 };
 export default useSelect;