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

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

@@ -1,161 +1,57 @@
-import type { Ref } from 'vue';
+import type { AutoPlacementOptions, FlipOptions, OffsetOptions, ShiftOptions, SizeOptions } from '../../types/floating-ui';
 import { Side, Strategy } from '../../constants';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
     reference: {
-        type: globalThis.PropType<HTMLElement | null>;
+        type: PropType<HTMLElement | null>;
         default: null;
     };
     role: {
-        type: globalThis.PropType<"listbox" | "menu">;
+        type: PropType<`${import("../../constants").DropdownRole}`>;
         default: import("../../constants").DropdownRole;
         validator: (value: import("../../constants").DropdownRole) => boolean;
     };
-    modifiers: globalThis.PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
     placement: {
-        type: globalThis.PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
+        type: PropType<`${Side}` | `${import("../../constants").Placement}`>;
         default: Side;
-        validator: (value: never) => boolean;
+        validator: (value: Side & import("../../constants").Placement) => boolean;
     };
     strategy: {
-        type: globalThis.PropType<"absolute" | "fixed">;
+        type: PropType<`${Strategy}`>;
         default: undefined;
         validator: (value: Strategy) => boolean;
     };
     transitionName: {
         type: StringConstructor;
+        default: undefined;
     };
     offset: {
-        type: globalThis.PropType<string | import("@floating-ui/vue").OffsetOptions | undefined>;
+        type: PropType<OffsetOptions | number | string>;
         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>;
+        type: PropType<ShiftOptions | boolean>;
         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>;
+        type: PropType<FlipOptions | boolean>;
         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>;
+        type: PropType<SizeOptions | boolean>;
         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>;
+        type: PropType<AutoPlacementOptions | boolean>;
         default: boolean;
     };
     arrow: {
@@ -172,184 +68,87 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     triggerWidth: {
         type: BooleanConstructor;
+        default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}, {
+}>, {
     toggle: () => void;
     show: () => void;
     hide: () => void;
     init: (el: HTMLElement) => void;
-    customPosition: Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focusFirst: () => void;
+    focusFirstListElement: () => void;
+    focusNext: () => void;
+    focusPrev: () => void;
+    customPosition: globalThis.Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-    "before-enter": (...args: any[]) => void;
-    "after-leave": (...args: any[]) => void;
+    beforeEnter: (...args: any[]) => void;
+    afterLeave: (...args: any[]) => void;
     enter: (...args: any[]) => void;
-    "after-enter": (...args: any[]) => void;
-    "enter-cancelled": (...args: any[]) => void;
-    "before-leave": (...args: any[]) => void;
+    afterEnter: (...args: any[]) => void;
+    enterCancelled: (...args: any[]) => void;
+    beforeLeave: (...args: any[]) => void;
     leave: (...args: any[]) => void;
-    "leave-cancelled": (...args: any[]) => void;
+    leaveCancelled: (...args: any[]) => void;
     beforeExpand: (...args: any[]) => void;
     beforeCollapse: (...args: any[]) => void;
     afterExpand: (...args: any[]) => void;
     afterCollapse: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    "before-enter": (...args: any[]) => void;
+    "after-leave": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
     reference: {
-        type: globalThis.PropType<HTMLElement | null>;
+        type: PropType<HTMLElement | null>;
         default: null;
     };
     role: {
-        type: globalThis.PropType<"listbox" | "menu">;
+        type: PropType<`${import("../../constants").DropdownRole}`>;
         default: import("../../constants").DropdownRole;
         validator: (value: import("../../constants").DropdownRole) => boolean;
     };
-    modifiers: globalThis.PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
     placement: {
-        type: globalThis.PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
+        type: PropType<`${Side}` | `${import("../../constants").Placement}`>;
         default: Side;
-        validator: (value: never) => boolean;
+        validator: (value: Side & import("../../constants").Placement) => boolean;
     };
     strategy: {
-        type: globalThis.PropType<"absolute" | "fixed">;
+        type: PropType<`${Strategy}`>;
         default: undefined;
         validator: (value: Strategy) => boolean;
     };
     transitionName: {
         type: StringConstructor;
+        default: undefined;
     };
     offset: {
-        type: globalThis.PropType<string | import("@floating-ui/vue").OffsetOptions | undefined>;
+        type: PropType<OffsetOptions | number | string>;
         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>;
+        type: PropType<ShiftOptions | boolean>;
         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>;
+        type: PropType<FlipOptions | boolean>;
         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>;
+        type: PropType<SizeOptions | boolean>;
         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>;
+        type: PropType<AutoPlacementOptions | boolean>;
         default: boolean;
     };
     arrow: {
@@ -366,147 +165,132 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     triggerWidth: {
         type: BooleanConstructor;
+        default: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}>> & {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBeforeEnter?: ((...args: any[]) => any) | undefined;
+    onAfterLeave?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
+    onAfterEnter?: ((...args: any[]) => any) | undefined;
+    onEnterCancelled?: ((...args: any[]) => any) | undefined;
+    onBeforeLeave?: ((...args: any[]) => any) | undefined;
     onLeave?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
-    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
-    "onAfter-enter"?: ((...args: any[]) => any) | undefined;
-    "onEnter-cancelled"?: ((...args: any[]) => any) | undefined;
-    "onBefore-leave"?: ((...args: any[]) => any) | undefined;
-    "onLeave-cancelled"?: ((...args: any[]) => any) | undefined;
+    onLeaveCancelled?: ((...args: any[]) => any) | undefined;
     onBeforeExpand?: ((...args: any[]) => any) | undefined;
     onBeforeCollapse?: ((...args: any[]) => any) | undefined;
     onAfterExpand?: ((...args: any[]) => any) | undefined;
     onAfterCollapse?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: boolean;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}>, {
     reference: HTMLElement | null;
-    placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     strategy: "absolute" | "fixed";
-    shift: boolean | {
+    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;
+    modelValue: boolean;
+    modifiers: string | string[];
     role: "listbox" | "menu";
     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;
-    offset: string | import("@floating-ui/vue").OffsetOptions | undefined;
-    size: boolean | {
+    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<{
-        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;
+        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;
     arrow: boolean;
     keepOpen: boolean;
     autofocusFirst: boolean;
     triggerWidth: boolean;
-}, {}>, {
-    default?(_: {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {
         init: (el: HTMLElement) => void;
         show: () => void;
         hide: () => void;
@@ -517,19 +301,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             'aria-haspopup': boolean;
             'aria-expanded': boolean;
         };
-    }): any;
-    before?(_: {
+    }) => any;
+} & {
+    before?: (props: {
         expanded: boolean;
-    }): any;
-    items?(_: {
+    }) => any;
+} & {
+    items?: (props: {
         role: import("../../constants").DropdownItemRole;
-    }): any;
-    after?(_: {
+    }) => any;
+} & {
+    after?: (props: {
         expanded: boolean;
-    }): any;
+    }) => any;
 }>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };