@volverjs/ui-vue 0.0.10-beta.4 → 0.0.10-beta.40

package/dist/components/VvCombobox/VvCombobox.vue.d.ts

@@ -1,156 +1,238 @@
 import type { Option } from '../../types/generic';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    noResultsLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    noOptionsLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectedHintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    deselectActionLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectHintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    deselectHintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: StringConstructor;
-    searchable: BooleanConstructor;
-    searchFunction: {
-        type: globalThis.PropType<(search: string, options: (string | Option)[]) => (string | Option)[] | Promise<(string | Option)[]>>;
-        default: undefined;
-    };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    debounceSearch: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    multiple: BooleanConstructor;
-    maxValues: (StringConstructor | NumberConstructor)[];
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    native: BooleanConstructor;
-    badges: BooleanConstructor;
-    badgeModifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: string;
-    };
-    triggerWidth: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    dropdownModifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: string;
-    };
-    autoOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keepOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: (StringConstructor | NumberConstructor)[];
-    placement: {
-        type: globalThis.PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
-        default: import("../../constants").Side;
-        validator: (value: never) => boolean;
-    };
-    strategy: {
-        type: globalThis.PropType<"absolute" | "fixed">;
-        default: undefined;
-        validator: (value: import("../../constants").Strategy) => boolean;
-    };
-    offset: {
-        type: globalThis.PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
-        default: number;
-    };
-    shift: {
-        type: globalThis.PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    flip: {
-        type: globalThis.PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    size: {
-        type: globalThis.PropType<boolean | {
+declare const _default: <T extends string | Option>(__VLS_props: {
+    floating?: boolean | undefined;
+    readonly name?: string | undefined;
+    options?: T[] | undefined;
+    size?: boolean | {
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+        apply?: ((args: {
+            x: number;
+            y: number;
+            initialPlacement: import("@floating-ui/utils").Placement;
+            placement: import("@floating-ui/utils").Placement;
+            strategy: import("@floating-ui/utils").Strategy;
+            middlewareData: import("@floating-ui/core").MiddlewareData;
+            rects: import("@floating-ui/utils").ElementRects;
+            platform: import("@floating-ui/core").Platform;
+            elements: import("@floating-ui/dom").Elements;
+        } & {
+            availableWidth: number;
+            availableHeight: number;
+        }) => void | Promise<void>) | undefined;
+    } | import("@floating-ui/core").Derivable<{
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+        apply?: ((args: {
+            x: number;
+            y: number;
+            initialPlacement: import("@floating-ui/utils").Placement;
+            placement: import("@floating-ui/utils").Placement;
+            strategy: import("@floating-ui/utils").Strategy;
+            middlewareData: import("@floating-ui/core").MiddlewareData;
+            rects: import("@floating-ui/utils").ElementRects;
+            platform: import("@floating-ui/core").Platform;
+            elements: import("@floating-ui/dom").Elements;
+        } & {
+            availableWidth: number;
+            availableHeight: number;
+        }) => void | Promise<void>) | undefined;
+    }> | undefined;
+    label?: string | number | undefined;
+    disabled?: boolean | undefined;
+    modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+    modifiers?: string | string[] | undefined;
+    shift?: boolean | {
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        crossAxis?: boolean | undefined;
+        mainAxis?: boolean | undefined;
+        limiter?: {
+            fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
+            options?: any;
+        } | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    } | import("@floating-ui/core").Derivable<{
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        crossAxis?: boolean | undefined;
+        mainAxis?: boolean | undefined;
+        limiter?: {
+            fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
+            options?: any;
+        } | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    }> | undefined;
+    readonly?: boolean | undefined;
+    readonly id?: string | number | undefined;
+    onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+    onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+    flip?: boolean | {
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        crossAxis?: boolean | undefined;
+        mainAxis?: boolean | undefined;
+        fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+        fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+        flipAlignment?: boolean | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    } | import("@floating-ui/core").Derivable<{
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        crossAxis?: boolean | undefined;
+        mainAxis?: boolean | undefined;
+        fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+        fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+        fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+        flipAlignment?: boolean | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    }> | undefined;
+    icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+    closeLabel?: string | undefined;
+    iconPosition?: "before" | "after" | undefined;
+    loading?: boolean | undefined;
+    loadingLabel?: string | undefined;
+    unselectable?: boolean | undefined;
+    multiple?: boolean | undefined;
+    hintLabel?: string | undefined;
+    valid?: boolean | undefined;
+    validLabel?: string | unknown[] | undefined;
+    invalid?: boolean | undefined;
+    invalidLabel?: string | unknown[] | undefined;
+    tabindex?: string | number | undefined;
+    labelKey?: string | Function | undefined;
+    valueKey?: string | Function | undefined;
+    disabledKey?: string | Function | undefined;
+    "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+    placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | undefined;
+    strategy?: "absolute" | "fixed" | undefined;
+    transitionName?: string | undefined;
+    offset?: string | import("@floating-ui/core").OffsetOptions | undefined;
+    autoPlacement?: boolean | {
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        crossAxis?: boolean | undefined;
+        alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+        autoAlignment?: boolean | undefined;
+        allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    } | import("@floating-ui/core").Derivable<{
+        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+        elementContext?: import("@floating-ui/core").ElementContext | undefined;
+        altBoundary?: boolean | undefined;
+        padding?: import("@floating-ui/utils").Padding | undefined;
+        crossAxis?: boolean | undefined;
+        alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+        autoAlignment?: boolean | undefined;
+        allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+        boundary?: import("@floating-ui/dom").Boundary | undefined;
+    }> | undefined;
+    arrow?: boolean | undefined;
+    keepOpen?: boolean | undefined;
+    autofocusFirst?: boolean | undefined;
+    triggerWidth?: boolean | undefined;
+    deselectHintLabel?: string | undefined;
+    selectHintLabel?: string | undefined;
+    selectedHintLabel?: string | undefined;
+    readonly placeholder?: string | undefined;
+    "onUpdate:search"?: ((args_0: string) => any) | undefined;
+    "onChange:search"?: ((args_0: string) => any) | undefined;
+    searchFunction?: ((search: string, options: T[]) => T[] | Promise<T[]>) | undefined;
+    noResultsLabel?: string | undefined;
+    noOptionsLabel?: string | undefined;
+    deselectActionLabel?: string | undefined;
+    searchable?: boolean | undefined;
+    searchPlaceholder?: string | undefined;
+    debounceSearch?: string | number | undefined;
+    readonly maxValues?: string | number | undefined;
+    separator?: string | undefined;
+    native?: boolean | undefined;
+    badges?: boolean | undefined;
+    badgeModifiers?: string | string[] | undefined;
+    dropdownModifiers?: string | string[] | undefined;
+    autoOpen?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    slots: {
+        "dropdown::before"?(_: {}): any;
+        before?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        value?(_: {
+            selectedOptions: T[];
+            onInput: (option: T) => void;
+        }): any;
+        after?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        option?(_: {
+            option: T;
+            selectedOptions: T[];
+            selected: boolean;
+            disabled: boolean;
+        }): any;
+        option?(_: {
+            option: T;
+            selectedOptions: T[];
+            selected: boolean;
+            disabled: boolean;
+        }): any;
+        "no-options"?(_: {}): any;
+        "no-results"?(_: {}): any;
+        "dropdown::after"?(_: {}): any;
+        hint?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        loading?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        valid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        invalid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+    };
+    attrs: any;
+    emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "update:search", args_0: string) => void) & ((evt: "change:search", args_0: string) => void);
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        floating?: boolean | undefined;
+        readonly name?: string | undefined;
+        options?: T[] | undefined;
+        size?: boolean | {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -170,7 +252,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 availableWidth: number;
                 availableHeight: number;
             }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -190,193 +272,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 availableWidth: number;
                 availableHeight: number;
             }) => void | Promise<void>) | undefined;
-        }> | undefined>;
-        default: () => {
-            padding: number;
-        };
-    };
-    autoPlacement: {
-        type: globalThis.PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    arrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autofocusFirst: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    floating: BooleanConstructor;
-    icon: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
-        default: import("../../constants").Position;
-        validation: (value: import("../../constants").Position) => boolean;
-    };
-    options: {
-        type: globalThis.PropType<(string | Option)[]>;
-        default: () => never[];
-    };
-    labelKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    valueKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    disabledKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    modifiers: globalThis.PropType<string | string[]>;
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
-    tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    id: (StringConstructor | NumberConstructor)[];
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    transitionName: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    noResultsLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    noOptionsLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectedHintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    deselectActionLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectHintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    deselectHintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: StringConstructor;
-    searchable: BooleanConstructor;
-    searchFunction: {
-        type: globalThis.PropType<(search: string, options: (string | Option)[]) => (string | Option)[] | Promise<(string | Option)[]>>;
-        default: undefined;
-    };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    debounceSearch: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    multiple: BooleanConstructor;
-    maxValues: (StringConstructor | NumberConstructor)[];
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    native: BooleanConstructor;
-    badges: BooleanConstructor;
-    badgeModifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: string;
-    };
-    triggerWidth: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    dropdownModifiers: {
-        type: globalThis.PropType<string | string[]>;
-        default: string;
-    };
-    autoOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keepOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: (StringConstructor | NumberConstructor)[];
-    placement: {
-        type: globalThis.PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
-        default: import("../../constants").Side;
-        validator: (value: never) => boolean;
-    };
-    strategy: {
-        type: globalThis.PropType<"absolute" | "fixed">;
-        default: undefined;
-        validator: (value: import("../../constants").Strategy) => boolean;
-    };
-    offset: {
-        type: globalThis.PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
-        default: number;
-    };
-    shift: {
-        type: globalThis.PropType<boolean | {
+        }> | undefined;
+        label?: string | number | undefined;
+        disabled?: boolean | undefined;
+        modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        modifiers?: string | string[] | undefined;
+        shift?: boolean | {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -384,11 +285,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -396,15 +297,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    flip: {
-        type: globalThis.PropType<boolean | {
+        }> | undefined;
+        readonly?: boolean | undefined;
+        readonly id?: string | number | undefined;
+        onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        flip?: boolean | {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -412,11 +314,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -424,61 +326,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    size: {
-        type: globalThis.PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/dom").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        }> | undefined>;
-        default: () => {
-            padding: number;
-        };
-    };
-    autoPlacement: {
-        type: globalThis.PropType<boolean | {
+        }> | undefined;
+        icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+        closeLabel?: string | undefined;
+        iconPosition?: "before" | "after" | undefined;
+        loading?: boolean | undefined;
+        loadingLabel?: string | undefined;
+        unselectable?: boolean | undefined;
+        multiple?: boolean | undefined;
+        hintLabel?: string | undefined;
+        valid?: boolean | undefined;
+        validLabel?: string | unknown[] | undefined;
+        invalid?: boolean | undefined;
+        invalidLabel?: string | unknown[] | undefined;
+        tabindex?: string | number | undefined;
+        labelKey?: string | Function | undefined;
+        valueKey?: string | Function | undefined;
+        disabledKey?: string | Function | undefined;
+        "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+        placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | undefined;
+        strategy?: "absolute" | "fixed" | undefined;
+        transitionName?: string | undefined;
+        offset?: string | import("@floating-ui/core").OffsetOptions | undefined;
+        autoPlacement?: boolean | {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -488,7 +362,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -498,281 +372,327 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    arrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autofocusFirst: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    floating: BooleanConstructor;
-    icon: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
-        default: import("../../constants").Position;
-        validation: (value: import("../../constants").Position) => boolean;
-    };
-    options: {
-        type: globalThis.PropType<(string | Option)[]>;
-        default: () => never[];
-    };
-    labelKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    valueKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    disabledKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
-    };
-    modifiers: globalThis.PropType<string | string[]>;
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
-    tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
-    id: (StringConstructor | NumberConstructor)[];
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    readonly: boolean;
-    disabled: boolean;
-    valid: boolean;
-    invalid: boolean;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    multiple: boolean;
-    unselectable: boolean;
-    options: (string | Option)[];
-    floating: boolean;
-    placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
-    strategy: "absolute" | "fixed";
-    shift: boolean | {
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        mainAxis?: boolean | undefined;
-        limiter?: {
-            fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
-            options?: any;
-        } | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        mainAxis?: boolean | undefined;
-        limiter?: {
-            fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
-            options?: any;
-        } | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    }> | undefined;
-    tabindex: string | number;
-    flip: boolean | {
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        mainAxis?: boolean | undefined;
-        fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
-        fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-        flipAlignment?: boolean | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        mainAxis?: boolean | undefined;
-        fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
-        fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-        flipAlignment?: boolean | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    }> | undefined;
-    closeLabel: string;
-    iconPosition: "before" | "after";
-    loading: boolean;
-    loadingLabel: string;
-    hintLabel: string;
-    size: boolean | {
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-        apply?: ((args: {
-            x: number;
-            y: number;
-            initialPlacement: import("@floating-ui/utils").Placement;
-            placement: import("@floating-ui/utils").Placement;
-            strategy: import("@floating-ui/utils").Strategy;
-            middlewareData: import("@floating-ui/core").MiddlewareData;
-            rects: import("@floating-ui/utils").ElementRects;
-            platform: import("@floating-ui/core").Platform;
-            elements: import("@floating-ui/dom").Elements;
-        } & {
-            availableWidth: number;
-            availableHeight: number;
-        }) => void | Promise<void>) | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-        apply?: ((args: {
-            x: number;
-            y: number;
-            initialPlacement: import("@floating-ui/utils").Placement;
-            placement: import("@floating-ui/utils").Placement;
-            strategy: import("@floating-ui/utils").Strategy;
-            middlewareData: import("@floating-ui/core").MiddlewareData;
-            rects: import("@floating-ui/utils").ElementRects;
-            platform: import("@floating-ui/core").Platform;
-            elements: import("@floating-ui/dom").Elements;
-        } & {
-            availableWidth: number;
-            availableHeight: number;
-        }) => void | Promise<void>) | undefined;
-    }> | undefined;
-    labelKey: string | Function;
-    valueKey: string | Function;
-    disabledKey: string | Function;
-    transitionName: string;
-    offset: string | import("@floating-ui/core").OffsetOptions | undefined;
-    autoPlacement: boolean | {
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-        autoAlignment?: boolean | undefined;
-        allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    } | import("@floating-ui/dom").Derivable<{
-        rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-        elementContext?: import("@floating-ui/core").ElementContext | undefined;
-        altBoundary?: boolean | undefined;
-        padding?: import("@floating-ui/utils").Padding | undefined;
-        crossAxis?: boolean | undefined;
-        alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-        autoAlignment?: boolean | undefined;
-        allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-        boundary?: import("@floating-ui/dom").Boundary | undefined;
-    }> | undefined;
-    arrow: boolean;
-    keepOpen: boolean;
-    autofocusFirst: boolean;
-    triggerWidth: boolean;
-    deselectHintLabel: string;
-    selectHintLabel: string;
-    selectedHintLabel: string;
-    noResultsLabel: string;
-    noOptionsLabel: string;
-    deselectActionLabel: string;
-    searchable: boolean;
-    searchFunction: (search: string, options: (string | Option)[]) => (string | Option)[] | Promise<(string | Option)[]>;
-    searchPlaceholder: string;
-    debounceSearch: string | number;
-    separator: string;
-    native: boolean;
-    badges: boolean;
-    badgeModifiers: string | string[];
-    dropdownModifiers: string | string[];
-    autoOpen: boolean;
-}, {}>, {
-    "dropdown::before"?(_: {}): any;
-    before?(_: {
-        valid: boolean;
-        invalid: boolean;
-        modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-    }): any;
-    value?(_: {
-        selectedOptions: (string | Option)[];
-        onInput: (option: string | Option) => void;
-    }): any;
-    after?(_: {
-        valid: boolean;
-        invalid: boolean;
-        modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-    }): any;
-    option?(_: {
-        option: string | Option;
-        selectedOptions: (string | Option)[];
-        selected: boolean;
-        disabled: boolean;
-    }): any;
-    "no-options"?(_: {}): any;
-    "no-results"?(_: {}): any;
-    "dropdown::after"?(_: {}): any;
-    hint?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    loading?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    valid?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    invalid?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+        }> | undefined;
+        arrow?: boolean | undefined;
+        keepOpen?: boolean | undefined;
+        autofocusFirst?: boolean | undefined;
+        triggerWidth?: boolean | undefined;
+        deselectHintLabel?: string | undefined;
+        selectHintLabel?: string | undefined;
+        selectedHintLabel?: string | undefined;
+        readonly placeholder?: string | undefined;
+        "onUpdate:search"?: ((args_0: string) => any) | undefined;
+        "onChange:search"?: ((args_0: string) => any) | undefined;
+        searchFunction?: ((search: string, options: T[]) => T[] | Promise<T[]>) | undefined;
+        noResultsLabel?: string | undefined;
+        noOptionsLabel?: string | undefined;
+        deselectActionLabel?: string | undefined;
+        searchable?: boolean | undefined;
+        searchPlaceholder?: string | undefined;
+        debounceSearch?: string | number | undefined;
+        readonly maxValues?: string | number | undefined;
+        separator?: string | undefined;
+        native?: boolean | undefined;
+        badges?: boolean | undefined;
+        badgeModifiers?: string | string[] | undefined;
+        dropdownModifiers?: string | string[] | undefined;
+        autoOpen?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        "dropdown::before"?(_: {}): any;
+        before?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        value?(_: {
+            selectedOptions: T[];
+            onInput: (option: T) => void;
+        }): any;
+        after?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        option?(_: {
+            option: T;
+            selectedOptions: T[];
+            selected: boolean;
+            disabled: boolean;
+        }): any;
+        option?(_: {
+            option: T;
+            selectedOptions: T[];
+            selected: boolean;
+            disabled: boolean;
+        }): any;
+        "no-options"?(_: {}): any;
+        "no-results"?(_: {}): any;
+        "dropdown::after"?(_: {}): any;
+        hint?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        loading?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        valid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        invalid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+    };
+    emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "update:search", args_0: string) => void) & ((evt: "change:search", args_0: string) => void);
+}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            floating?: boolean | undefined;
+            readonly name?: string | undefined;
+            options?: T[] | undefined;
+            size?: boolean | {
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+                apply?: ((args: {
+                    x: number;
+                    y: number;
+                    initialPlacement: import("@floating-ui/utils").Placement;
+                    placement: import("@floating-ui/utils").Placement;
+                    strategy: import("@floating-ui/utils").Strategy;
+                    middlewareData: import("@floating-ui/core").MiddlewareData;
+                    rects: import("@floating-ui/utils").ElementRects;
+                    platform: import("@floating-ui/core").Platform;
+                    elements: import("@floating-ui/dom").Elements;
+                } & {
+                    availableWidth: number;
+                    availableHeight: number;
+                }) => void | Promise<void>) | undefined;
+            } | import("@floating-ui/core").Derivable<{
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+                apply?: ((args: {
+                    x: number;
+                    y: number;
+                    initialPlacement: import("@floating-ui/utils").Placement;
+                    placement: import("@floating-ui/utils").Placement;
+                    strategy: import("@floating-ui/utils").Strategy;
+                    middlewareData: import("@floating-ui/core").MiddlewareData;
+                    rects: import("@floating-ui/utils").ElementRects;
+                    platform: import("@floating-ui/core").Platform;
+                    elements: import("@floating-ui/dom").Elements;
+                } & {
+                    availableWidth: number;
+                    availableHeight: number;
+                }) => void | Promise<void>) | undefined;
+            }> | undefined;
+            label?: string | number | undefined;
+            disabled?: boolean | undefined;
+            modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+            modifiers?: string | string[] | undefined;
+            shift?: boolean | {
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                crossAxis?: boolean | undefined;
+                mainAxis?: boolean | undefined;
+                limiter?: {
+                    fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
+                    options?: any;
+                } | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            } | import("@floating-ui/core").Derivable<{
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                crossAxis?: boolean | undefined;
+                mainAxis?: boolean | undefined;
+                limiter?: {
+                    fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
+                    options?: any;
+                } | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            }> | undefined;
+            readonly?: boolean | undefined;
+            readonly id?: string | number | undefined;
+            onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+            onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+            flip?: boolean | {
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                crossAxis?: boolean | undefined;
+                mainAxis?: boolean | undefined;
+                fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+                fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+                fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+                flipAlignment?: boolean | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            } | import("@floating-ui/core").Derivable<{
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                crossAxis?: boolean | undefined;
+                mainAxis?: boolean | undefined;
+                fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+                fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+                fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+                flipAlignment?: boolean | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            }> | undefined;
+            icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+            closeLabel?: string | undefined;
+            iconPosition?: "before" | "after" | undefined;
+            loading?: boolean | undefined;
+            loadingLabel?: string | undefined;
+            unselectable?: boolean | undefined;
+            multiple?: boolean | undefined;
+            hintLabel?: string | undefined;
+            valid?: boolean | undefined;
+            validLabel?: string | unknown[] | undefined;
+            invalid?: boolean | undefined;
+            invalidLabel?: string | unknown[] | undefined;
+            tabindex?: string | number | undefined;
+            labelKey?: string | Function | undefined;
+            valueKey?: string | Function | undefined;
+            disabledKey?: string | Function | undefined;
+            "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+            placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | undefined;
+            strategy?: "absolute" | "fixed" | undefined;
+            transitionName?: string | undefined;
+            offset?: string | import("@floating-ui/core").OffsetOptions | undefined;
+            autoPlacement?: boolean | {
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                crossAxis?: boolean | undefined;
+                alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+                autoAlignment?: boolean | undefined;
+                allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            } | import("@floating-ui/core").Derivable<{
+                rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/core").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                padding?: import("@floating-ui/utils").Padding | undefined;
+                crossAxis?: boolean | undefined;
+                alignment?: import("@floating-ui/utils").Alignment | null | undefined;
+                autoAlignment?: boolean | undefined;
+                allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            }> | undefined;
+            arrow?: boolean | undefined;
+            keepOpen?: boolean | undefined;
+            autofocusFirst?: boolean | undefined;
+            triggerWidth?: boolean | undefined;
+            deselectHintLabel?: string | undefined;
+            selectHintLabel?: string | undefined;
+            selectedHintLabel?: string | undefined;
+            readonly placeholder?: string | undefined;
+            "onUpdate:search"?: ((args_0: string) => any) | undefined;
+            "onChange:search"?: ((args_0: string) => any) | undefined;
+            searchFunction?: ((search: string, options: T[]) => T[] | Promise<T[]>) | undefined;
+            noResultsLabel?: string | undefined;
+            noOptionsLabel?: string | undefined;
+            deselectActionLabel?: string | undefined;
+            searchable?: boolean | undefined;
+            searchPlaceholder?: string | undefined;
+            debounceSearch?: string | number | undefined;
+            readonly maxValues?: string | number | undefined;
+            separator?: string | undefined;
+            native?: boolean | undefined;
+            badges?: boolean | undefined;
+            badgeModifiers?: string | string[] | undefined;
+            dropdownModifiers?: string | string[] | undefined;
+            autoOpen?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            "dropdown::before"?(_: {}): any;
+            before?(_: {
+                valid: boolean;
+                invalid: boolean;
+                modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+            }): any;
+            value?(_: {
+                selectedOptions: T[];
+                onInput: (option: T) => void;
+            }): any;
+            after?(_: {
+                valid: boolean;
+                invalid: boolean;
+                modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+            }): any;
+            option?(_: {
+                option: T;
+                selectedOptions: T[];
+                selected: boolean;
+                disabled: boolean;
+            }): any;
+            option?(_: {
+                option: T;
+                selectedOptions: T[];
+                selected: boolean;
+                disabled: boolean;
+            }): any;
+            "no-options"?(_: {}): any;
+            "no-results"?(_: {}): any;
+            "dropdown::after"?(_: {}): any;
+            hint?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+            loading?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+            valid?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+            invalid?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+        };
+        emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "update:search", args_0: string) => void) & ((evt: "change:search", args_0: string) => void);
+    } | undefined;
 };
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};