@adyen/bento-vue2 1.4.1 → 1.5.0

package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<"button" | "none" | BentoDropdownLazyLoadType | "automatic">;
+        type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
         default: BentoDropdownLazyLoadType;
         validator: (value: BentoDropdownLazyLoadType) => boolean;
     };
@@ -82,26 +82,122 @@ declare const _default: import("vue").DefineComponent<{
         disabled?: undefined;
     })[]>;
     internalSelectedValue: import("vue").Ref<import("../../../../types").BentoListboxValue | import("../../../../types").BentoListboxValue[]>;
-    popperContainerOrPopoverComponent: import("vue").ComputedRef<import("vue").DefineComponent<{
+    popperContainerOrPopoverComponent: import("vue").ComputedRef<(import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
+        };
+        disabledFocusTrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPosition: {
+            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+            default: any;
+        };
+        fixedPositioning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         id: {
             type: StringConstructor;
             default: any;
         };
-        targetElement: {
-            type: PropType<import("../../../../types").VueNodeElement>;
-            required: true;
+        isHidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
+            default: any;
+        };
+        offset: {
+            type: PropType<number[]>;
+            default: () => number[];
+            validator: (value: number[]) => boolean;
         };
         position: {
             type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+    }>>, Readonly<import("vue").ExtractPropTypes<{
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
+        };
+        disabledFocusTrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPosition: {
+            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+            default: any;
+        };
         fixedPositioning: {
             type: BooleanConstructor;
             default: boolean;
         };
-        arrow: {
-            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+        id: {
+            type: StringConstructor;
+            default: any;
+        };
+        isHidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
             default: any;
         };
         offset: {
@@ -109,59 +205,159 @@ declare const _default: import("vue").DefineComponent<{
             default: () => number[];
             validator: (value: number[]) => boolean;
         };
-        matchWidth: {
-            type: BooleanConstructor;
-            default: boolean;
+        position: {
+            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
+            validator: (value: unknown) => boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+    }>>, {
+        placement: (value: import("@floating-ui/utils").Placement) => void;
+    }, {
+        position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
+        offset: number[];
+        ariaRole: import("../../../popper-container").PopperContainerAriaRole;
+        arrow: any;
+        disabledFocusTrap: boolean;
+        fallbackPosition: import("../../../popper-container").FallbackPositionProp;
+        fixedPositioning: boolean;
+        id: string;
+        isHidden: boolean;
+        matchWidth: boolean;
+        middleware: {
+            name: string;
+            options?: any;
+            fn: (state: {
+                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;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+        }[];
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
         };
         disabledFocusTrap: {
             type: BooleanConstructor;
             default: boolean;
         };
-        modifiers: {
-            type: ArrayConstructor;
-            default: any;
-        };
         fallbackPosition: {
             type: PropType<import("../../../popper-container").FallbackPositionProp>;
             default: any;
         };
-        ariaRole: {
-            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
-            default: any;
-            validator: (value: unknown) => boolean;
+        fixedPositioning: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-    }, {}, {
-        popper: any;
-        emittedPosition: any;
-    }, {
-        strategy(): import("@popperjs/core").PositioningStrategy;
-        allModifiers(): import("../../../popper-container").ExtendedModifiers[];
-        arrowClasses(): string[];
-    }, {
-        initPopper(): void;
-        destroyPopper(): void;
-        updatePopperOptions(options: any): void;
-        updateModifiers(): void;
-    }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
             default: any;
         };
-        targetElement: {
-            type: PropType<import("../../../../types").VueNodeElement>;
-            required: true;
+        isHidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
+            default: any;
+        };
+        offset: {
+            type: PropType<number[]>;
+            default: () => number[];
+            validator: (value: number[]) => boolean;
         };
         position: {
             type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
+        };
+        disabledFocusTrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPosition: {
+            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+            default: any;
+        };
         fixedPositioning: {
             type: BooleanConstructor;
             default: boolean;
         };
-        arrow: {
-            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+        id: {
+            type: StringConstructor;
+            default: any;
+        };
+        isHidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
             default: any;
         };
         offset: {
@@ -169,39 +365,182 @@ declare const _default: import("vue").DefineComponent<{
             default: () => number[];
             validator: (value: number[]) => boolean;
         };
-        matchWidth: {
+        position: {
+            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
+            validator: (value: unknown) => boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+    }>>> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
+        };
+        disabledFocusTrap: {
             type: BooleanConstructor;
             default: boolean;
         };
-        disabledFocusTrap: {
+        fallbackPosition: {
+            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+            default: any;
+        };
+        fixedPositioning: {
             type: BooleanConstructor;
             default: boolean;
         };
-        modifiers: {
-            type: ArrayConstructor;
+        id: {
+            type: StringConstructor;
             default: any;
         };
-        fallbackPosition: {
-            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+        isHidden: {
+            type: BooleanConstructor;
             default: any;
         };
-        ariaRole: {
-            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
             default: any;
+        };
+        offset: {
+            type: PropType<number[]>;
+            default: () => number[];
+            validator: (value: number[]) => boolean;
+        };
+        position: {
+            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
-    }>>, {
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+    }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+        placement: (value: import("@floating-ui/utils").Placement) => void;
+    }, string, {
         position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
         offset: number[];
-        modifiers: unknown[];
+        ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
-        matchWidth: boolean;
-        id: string;
-        fixedPositioning: boolean;
         disabledFocusTrap: boolean;
         fallbackPosition: import("../../../popper-container").FallbackPositionProp;
-        ariaRole: import("../../../popper-container").PopperContainerAriaRole;
-    }> | import("vue").DefineComponent<{
+        fixedPositioning: boolean;
+        id: string;
+        isHidden: boolean;
+        matchWidth: boolean;
+        middleware: {
+            name: string;
+            options?: any;
+            fn: (state: {
+                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;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+        }[];
+    }> & {
+        props: {
+            ariaRole: {
+                type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+                default: any;
+                validator: (value: unknown) => boolean;
+            };
+            arrow: {
+                type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+                default: any;
+            };
+            disabledFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("../../../popper-container").FallbackPositionProp>;
+                default: any;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            id: {
+                type: StringConstructor;
+                default: any;
+            };
+            isHidden: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            matchWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            middleware: {
+                type: PropType<{
+                    name: string;
+                    options?: any;
+                    fn: (state: {
+                        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;
+                    }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+                }[]>;
+                default: any;
+            };
+            offset: {
+                type: PropType<number[]>;
+                default: () => number[];
+                validator: (value: number[]) => boolean;
+            };
+            position: {
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                default: import("../../../popper-container").PopperContainerPositionExtended;
+                validator: (value: unknown) => boolean;
+            };
+            targetElement: {
+                type: PropType<import("../../../../types").VueNodeElement>;
+                required: true;
+            };
+        };
+    } & (new () => {
+        $slots: {
+            default: (_: {}) => any;
+        };
+    })) | import("vue").DefineComponent<{
         actions: {
             type: PropType<import("../../../button").BentoButtonActionsList>;
             default: any;
@@ -227,6 +566,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        fallbackPosition: {
+            type: PropType<import("@floating-ui/utils").Placement[]>;
+            default: () => string[];
+        };
         fitContent: {
             type: BooleanConstructor;
             default: boolean;
@@ -249,7 +592,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         position: {
             type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionBasic;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
         small: {
@@ -286,7 +629,7 @@ declare const _default: import("vue").DefineComponent<{
         PopperContainerAriaRole: typeof import("../../../popper-container").PopperContainerAriaRole;
         dismissPopover: () => void;
         hasSlot: (name: string) => boolean;
-    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "dismiss"[], string, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("placement" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
         actions: {
             type: PropType<import("../../../button").BentoButtonActionsList>;
             default: any;
@@ -312,6 +655,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        fallbackPosition: {
+            type: PropType<import("@floating-ui/utils").Placement[]>;
+            default: () => string[];
+        };
         fitContent: {
             type: BooleanConstructor;
             default: boolean;
@@ -334,7 +681,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         position: {
             type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionBasic;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
         small: {
@@ -360,6 +707,7 @@ declare const _default: import("vue").DefineComponent<{
         position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
         open: boolean;
         modifiers: unknown[];
+        fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
@@ -373,82 +721,79 @@ declare const _default: import("vue").DefineComponent<{
     popperContainerOrPopoverProps: import("vue").ComputedRef<Readonly<Partial<{
         position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
         offset: number[];
-        modifiers: unknown[];
+        ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
-        matchWidth: boolean;
-        id: string;
-        fixedPositioning: boolean;
         disabledFocusTrap: boolean;
         fallbackPosition: import("../../../popper-container").FallbackPositionProp;
-        ariaRole: import("../../../popper-container").PopperContainerAriaRole;
+        fixedPositioning: boolean;
+        id: string;
+        isHidden: boolean;
+        matchWidth: boolean;
+        middleware: {
+            name: string;
+            options?: any;
+            fn: (state: {
+                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;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+        }[];
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
             default: any;
-        };
-        targetElement: {
-            type: PropType<import("../../../../types").VueNodeElement>;
-            required: true;
-        };
-        position: {
-            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
-        fixedPositioning: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         arrow: {
             type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
             default: any;
         };
-        offset: {
-            type: PropType<number[]>;
-            default: () => number[];
-            validator: (value: number[]) => boolean;
-        };
-        matchWidth: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         disabledFocusTrap: {
             type: BooleanConstructor;
             default: boolean;
         };
-        modifiers: {
-            type: ArrayConstructor;
-            default: any;
-        };
         fallbackPosition: {
             type: PropType<import("../../../popper-container").FallbackPositionProp>;
             default: any;
         };
-        ariaRole: {
-            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
-            default: any;
-            validator: (value: unknown) => boolean;
+        fixedPositioning: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-    }>>, import("vue/types/v3-component-props").DefaultKeys<{
         id: {
             type: StringConstructor;
             default: any;
         };
-        targetElement: {
-            type: PropType<import("../../../../types").VueNodeElement>;
-            required: true;
-        };
-        position: {
-            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionExtended;
-            validator: (value: unknown) => boolean;
+        isHidden: {
+            type: BooleanConstructor;
+            default: any;
         };
-        fixedPositioning: {
+        matchWidth: {
             type: BooleanConstructor;
             default: boolean;
         };
-        arrow: {
-            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
             default: any;
         };
         offset: {
@@ -456,27 +801,81 @@ declare const _default: import("vue").DefineComponent<{
             default: () => number[];
             validator: (value: number[]) => boolean;
         };
-        matchWidth: {
+        position: {
+            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
+            validator: (value: unknown) => boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+    }>>, import("vue/types/v3-component-props").DefaultKeys<{
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
+        };
+        disabledFocusTrap: {
             type: BooleanConstructor;
             default: boolean;
         };
-        disabledFocusTrap: {
+        fallbackPosition: {
+            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+            default: any;
+        };
+        fixedPositioning: {
             type: BooleanConstructor;
             default: boolean;
         };
-        modifiers: {
-            type: ArrayConstructor;
+        id: {
+            type: StringConstructor;
             default: any;
         };
-        fallbackPosition: {
-            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+        isHidden: {
+            type: BooleanConstructor;
             default: any;
         };
-        ariaRole: {
-            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        middleware: {
+            type: PropType<{
+                name: string;
+                options?: any;
+                fn: (state: {
+                    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;
+                }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+            }[]>;
             default: any;
+        };
+        offset: {
+            type: PropType<number[]>;
+            default: () => number[];
+            validator: (value: number[]) => boolean;
+        };
+        position: {
+            type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
     }>>> | Readonly<Partial<{
         small: boolean;
         title: string;
@@ -484,6 +883,7 @@ declare const _default: import("vue").DefineComponent<{
         position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
         open: boolean;
         modifiers: unknown[];
+        fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
@@ -519,6 +919,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        fallbackPosition: {
+            type: PropType<import("@floating-ui/utils").Placement[]>;
+            default: () => string[];
+        };
         fitContent: {
             type: BooleanConstructor;
             default: boolean;
@@ -541,7 +945,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         position: {
             type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionBasic;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
         small: {
@@ -586,6 +990,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        fallbackPosition: {
+            type: PropType<import("@floating-ui/utils").Placement[]>;
+            default: () => string[];
+        };
         fitContent: {
             type: BooleanConstructor;
             default: boolean;
@@ -608,7 +1016,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         position: {
             type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
-            default: import("../../../popper-container").PopperContainerPositionBasic;
+            default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
         small: {
@@ -672,7 +1080,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<"button" | "none" | BentoDropdownLazyLoadType | "automatic">;
+        type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
         default: BentoDropdownLazyLoadType;
         validator: (value: BentoDropdownLazyLoadType) => boolean;
     };
@@ -705,7 +1113,7 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     searching: boolean;
     hasMoreItems: boolean;
-    lazyLoadType: "button" | "none" | BentoDropdownLazyLoadType | "automatic";
+    lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
     inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
 }>;
 export default _default;