@volverjs/ui-vue 0.0.10-beta.9 → 0.0.10

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

@@ -1,778 +1,398 @@
 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 | {
+declare const _default: <T extends string | Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{
+        floating: boolean;
+        placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        strategy: "absolute" | "fixed";
+        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: import("@floating-ui/dom").MiddlewareState & {
+                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: import("@floating-ui/dom").MiddlewareState & {
+                availableWidth: number;
+                availableHeight: number;
+            }) => void | Promise<void>) | undefined;
+        }> | undefined;
+        shift: boolean | {
             crossAxis?: boolean | undefined;
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | 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<{
+            crossAxis?: boolean | undefined;
             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;
+                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;
+        label: string | number;
+        disabled: boolean;
+        modelValue: string | number | boolean | unknown[] | Record<string, any>;
+        modifiers: string | string[];
+        closeLabel: string;
+        icon: string | import("../VvIcon").VvIconProps;
+        iconPosition: "before" | "after";
+        flip: boolean | {
+            crossAxis?: boolean | "alignment" | undefined;
             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;
+            fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+            fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
+            crossAxis?: boolean | "alignment" | undefined;
             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;
+            fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+            fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    size: {
-        type: globalThis.PropType<boolean | {
+        }> | undefined;
+        required: boolean;
+        loading: boolean;
+        loadingLabel: string;
+        unselectable: boolean;
+        multiple: boolean;
+        readonly: boolean;
+        hintLabel: string;
+        invalid: boolean;
+        invalidLabel: string | unknown[];
+        valid: boolean;
+        validLabel: string | unknown[];
+        tabindex: string | number;
+        options: T[];
+        labelKey: string | Function;
+        valueKey: string | Function;
+        disabledKey: string | Function;
+        transitionName: string;
+        offset: string | import("@floating-ui/dom").OffsetOptions | undefined;
+        autoPlacement: boolean | {
+            crossAxis?: boolean | undefined;
+            alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
             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<{
+            crossAxis?: boolean | undefined;
+            alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
             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;
+        arrow: boolean;
+        keepOpen: boolean;
+        autofocusFirst: boolean;
+        triggerWidth: boolean;
+        focusOnHover: boolean;
+        deselectHintLabel: string;
+        selectHintLabel: string;
+        selectedHintLabel: string;
+        autoselectFirst: boolean;
+        showClearAction: boolean;
+        iconClear: string | import("../VvIcon").VvIconProps;
+        labelClear: string;
+        searchFunction: (search: string, options: T[]) => T[] | Promise<T[]>;
+        noResultsLabel: string;
+        noOptionsLabel: string;
+        selectedOptionNotFoundLabel: string;
+        deselectActionLabel: string;
+        addOptionHintLabel: string;
+        addable: boolean;
+        searchable: boolean;
+        keepSearch: boolean;
+        searchPlaceholder: string;
+        debounceSearch: string | number;
+        minValues: string | number;
+        separator: string;
+        native: boolean;
+        badges: boolean;
+        badgeModifiers: string | string[];
+        dropdownModifiers: string | string[];
+        autoOpen: boolean;
+    }> & Omit<{
+        readonly floating: boolean;
+        readonly placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        readonly 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;
-            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;
+            apply?: ((args: import("@floating-ui/dom").MiddlewareState & {
+                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;
-            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, {
-    [x: string]: (...args: any[]) => void;
-}, 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 | {
+            apply?: ((args: import("@floating-ui/dom").MiddlewareState & {
+                availableWidth: number;
+                availableHeight: number;
+            }) => void | Promise<void>) | undefined;
+        }>;
+        readonly shift: boolean | {
+            crossAxis?: boolean | undefined;
             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;
+                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<{
+            crossAxis?: boolean | undefined;
             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;
+                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 | {
+        }>;
+        readonly disabled: boolean;
+        readonly closeLabel: string;
+        readonly iconPosition: "before" | "after";
+        readonly flip: boolean | {
+            crossAxis?: boolean | "alignment" | undefined;
             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;
+            fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+            fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
+            crossAxis?: boolean | "alignment" | undefined;
             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;
+            fallbackPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
+            fallbackAxisSideDirection?: "none" | "start" | "end" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
-        default: boolean;
-    };
-    size: {
-        type: globalThis.PropType<boolean | {
+        }>;
+        readonly required: boolean;
+        readonly loading: boolean;
+        readonly loadingLabel: string;
+        readonly unselectable: boolean;
+        readonly multiple: boolean;
+        readonly readonly: boolean;
+        readonly hintLabel: string;
+        readonly invalid: boolean;
+        readonly valid: boolean;
+        readonly tabindex: string | number;
+        readonly options: T[];
+        readonly labelKey: string | Function;
+        readonly valueKey: string | Function;
+        readonly disabledKey: string | Function;
+        readonly transitionName: string;
+        readonly offset: string | import("@floating-ui/dom").OffsetOptions;
+        readonly autoPlacement: boolean | {
+            crossAxis?: boolean | undefined;
+            alignment?: (import("@floating-ui/utils").Alignment | null) | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
             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 | {
-            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;
+            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<{
+            allowedPlacements?: Array<import("@floating-ui/utils").Placement> | undefined;
             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)[];
-}>>, {
-    readonly: boolean;
-    disabled: boolean;
-    valid: boolean;
-    invalid: boolean;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    multiple: boolean;
-    unselectable: boolean;
-    floating: boolean;
-    options: (string | Option)[];
-    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;
-    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;
-    tabindex: string | number;
-    labelKey: string | Function;
-    valueKey: string | Function;
-    disabledKey: string | Function;
-    transitionName: string;
-    offset: string | import("@floating-ui/core").OffsetOptions | 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/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;
-    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;
-    };
+        }>;
+        readonly arrow: boolean;
+        readonly keepOpen: boolean;
+        readonly autofocusFirst: boolean;
+        readonly triggerWidth: boolean;
+        readonly focusOnHover: boolean;
+        readonly deselectHintLabel: string;
+        readonly selectHintLabel: string;
+        readonly selectedHintLabel: string;
+        readonly autoselectFirst: boolean;
+        readonly showClearAction: boolean;
+        readonly iconClear: string | import("../VvIcon").VvIconProps;
+        readonly labelClear: string;
+        readonly noResultsLabel: string;
+        readonly noOptionsLabel: string;
+        readonly selectedOptionNotFoundLabel: string;
+        readonly deselectActionLabel: string;
+        readonly addOptionHintLabel: string;
+        readonly addable: boolean;
+        readonly searchable: boolean;
+        readonly keepSearch: boolean;
+        readonly searchPlaceholder: string;
+        readonly debounceSearch: string | number;
+        readonly minValues: string | number;
+        readonly separator: string;
+        readonly native: boolean;
+        readonly badges: boolean;
+        readonly badgeModifiers: string | string[];
+        readonly dropdownModifiers: string | string[];
+        readonly autoOpen: boolean;
+        readonly strategy?: "absolute" | "fixed" | undefined;
+        readonly name?: string | undefined;
+        readonly label?: string | number | undefined;
+        readonly modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        readonly modifiers?: string | string[] | undefined;
+        readonly id?: string | number | undefined;
+        readonly placeholder?: string | undefined;
+        readonly icon?: string | import("../VvIcon").VvIconProps | undefined;
+        readonly invalidLabel?: string | unknown[] | undefined;
+        readonly validLabel?: string | unknown[] | undefined;
+        readonly searchFunction?: ((search: string, options: T[]) => T[] | Promise<T[]>) | undefined;
+        readonly maxValues?: string | number | undefined;
+        readonly onClear?: (() => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+        readonly onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        readonly onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        readonly "onUpdate:search"?: ((...args: unknown[]) => any) | undefined;
+        readonly "onUpdate:options"?: ((args_0: (string | Option)[]) => any) | undefined;
+        readonly "onChange:search"?: ((args_0: string) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "floating" | "placement" | "strategy" | "size" | "shift" | "label" | "disabled" | "modelValue" | "modifiers" | "closeLabel" | "icon" | "iconPosition" | "flip" | "required" | "loading" | "loadingLabel" | "unselectable" | "multiple" | "readonly" | "hintLabel" | "invalid" | "invalidLabel" | "valid" | "validLabel" | "tabindex" | "options" | "labelKey" | "valueKey" | "disabledKey" | "transitionName" | "offset" | "autoPlacement" | "arrow" | "keepOpen" | "autofocusFirst" | "triggerWidth" | "focusOnHover" | "deselectHintLabel" | "selectHintLabel" | "selectedHintLabel" | "autoselectFirst" | "showClearAction" | "iconClear" | "labelClear" | "searchFunction" | "noResultsLabel" | "noOptionsLabel" | "selectedOptionNotFoundLabel" | "deselectActionLabel" | "addOptionHintLabel" | "addable" | "searchable" | "keepSearch" | "searchPlaceholder" | "debounceSearch" | "minValues" | "separator" | "native" | "badges" | "badgeModifiers" | "dropdownModifiers" | "autoOpen">, "name" | "id" | "onFocus" | "onBlur" | "placeholder" | "onClear" | "onUpdate:modelValue" | "maxValues" | "onUpdate:search" | "onUpdate:options" | "onChange:search" | ("floating" | "placement" | "strategy" | "size" | "shift" | "label" | "disabled" | "modelValue" | "modifiers" | "closeLabel" | "icon" | "iconPosition" | "flip" | "required" | "loading" | "loadingLabel" | "unselectable" | "multiple" | "readonly" | "hintLabel" | "invalid" | "invalidLabel" | "valid" | "validLabel" | "tabindex" | "options" | "labelKey" | "valueKey" | "disabledKey" | "transitionName" | "offset" | "autoPlacement" | "arrow" | "keepOpen" | "autofocusFirst" | "triggerWidth" | "focusOnHover" | "deselectHintLabel" | "selectHintLabel" | "selectedHintLabel" | "autoselectFirst" | "showClearAction" | "iconClear" | "labelClear" | "searchFunction" | "noResultsLabel" | "noOptionsLabel" | "selectedOptionNotFoundLabel" | "deselectActionLabel" | "addOptionHintLabel" | "addable" | "searchable" | "keepSearch" | "searchPlaceholder" | "debounceSearch" | "minValues" | "separator" | "native" | "badges" | "badgeModifiers" | "dropdownModifiers" | "autoOpen")> & {
+        search?: string;
+    } & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        'dropdown::before'?: (props: {}) => any;
+    } & {
+        before?: (props: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }) => any;
+    } & {
+        value?: (props: {
+            selectedOptions: T[];
+            onInput: (option: string | Option) => void;
+        }) => any;
+    } & {
+        placeholder?: (props: {}) => any;
+    } & {
+        after?: (props: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }) => any;
+    } & {
+        option?: (props: {
+            option: T;
+            selectedOptions: T[];
+            selected: boolean;
+            disabled: boolean;
+        }) => any;
+    } & {
+        option?: (props: {
+            option: T;
+            selectedOptions: T[];
+            selected: boolean;
+            disabled: boolean;
+        }) => any;
+    } & {
+        'no-options'?: (props: {}) => any;
+    } & {
+        'no-results'?: (props: {}) => any;
+    } & {
+        'dropdown::after'?: (props: {}) => any;
+    } & {
+        hint?: (props: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }) => any;
+    } & {
+        loading?: (props: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }) => any;
+    } & {
+        valid?: (props: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }) => any;
+    } & {
+        invalid?: (props: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }) => any;
+    };
+    emit: (((evt: "clear") => void) & ((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: "update:options", args_0: (string | Option)[]) => void) & ((evt: "change:search", args_0: string) => void)) & ((evt: "update:search", value: string) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};