@adyen/bento-vue2 1.10.0 → 1.11.0

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { BentoDropdownEmptyStateProps, BentoDropdownEvent, BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize, BentoDropdownVirtulisationOptions } from './dropdown.types';
 import { BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
 declare const _default: import("vue").DefineComponent<{
@@ -115,13 +115,13 @@ declare const _default: import("vue").DefineComponent<{
     computedAriaLabel: import("vue").ComputedRef<string>;
     additionalItemsSelected: import("vue").ComputedRef<string | number>;
     idDefaultSize: import("vue").ComputedRef<boolean>;
-    isDropdownOpen: import("vue").Ref<boolean>;
+    isDropdownOpen: Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
     filteredItems: import("vue").ComputedRef<any>;
     isSearching: import("vue").ComputedRef<boolean>;
     isReadOnly: import("vue").ComputedRef<boolean>;
-    searchTerm: import("vue").Ref<string>;
+    searchTerm: Ref<string>;
     labelId: string;
     descriptionId: string;
     errorId: string;
@@ -134,8 +134,1590 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
     inputContainerRef: any;
     inputContainerRefWrapper: any;
-    optionsContainerRef: any;
-    closeOpenedDropdown: () => void;
+    optionsContainerRef: Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        emptyState: {
+            type: PropType<BentoDropdownEmptyStateProps>;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasMoreItems: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        isOptionDisabled: {
+            type: PropType<(optionValue: import("../../types").BentoListboxOptionItem) => boolean>;
+            default: any;
+        };
+        inputSize: {
+            type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
+            default: BentoDropdownSize;
+            validator: (value: BentoDropdownSize) => boolean;
+        };
+        items: {
+            type: PropType<BentoListboxOptions>;
+            required: true;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazyLoadType: {
+            type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
+            default: BentoDropdownLazyLoadType;
+            validator: (value: BentoDropdownLazyLoadType) => boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticCategories: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        selectedValue: {
+            type: PropType<BentoListboxSelectedValue>;
+            default: any;
+        };
+        searching: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../types").VueNodeElement>;
+            required: true;
+        };
+        virtualScroll: {
+            type: PropType<BentoDropdownVirtulisationOptions>;
+            default: boolean;
+        };
+    }>>, Readonly<import("vue").ExtractPropTypes<{
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        emptyState: {
+            type: PropType<BentoDropdownEmptyStateProps>;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasMoreItems: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        isOptionDisabled: {
+            type: PropType<(optionValue: import("../../types").BentoListboxOptionItem) => boolean>;
+            default: any;
+        };
+        inputSize: {
+            type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
+            default: BentoDropdownSize;
+            validator: (value: BentoDropdownSize) => boolean;
+        };
+        items: {
+            type: PropType<BentoListboxOptions>;
+            required: true;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazyLoadType: {
+            type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
+            default: BentoDropdownLazyLoadType;
+            validator: (value: BentoDropdownLazyLoadType) => boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticCategories: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        selectedValue: {
+            type: PropType<BentoListboxSelectedValue>;
+            default: any;
+        };
+        searching: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../types").VueNodeElement>;
+            required: true;
+        };
+        virtualScroll: {
+            type: PropType<BentoDropdownVirtulisationOptions>;
+            default: boolean;
+        };
+    }>>, (BentoDropdownEvent.SELECT | BentoDropdownEvent.SHOW_MORE | BentoDropdownEvent.ESCAPE | BentoDropdownEvent.ENTER | BentoDropdownEvent.SPACE | BentoDropdownEvent.TAB | BentoDropdownEvent.CLOSE_DROPDOWN)[], {
+        disabled: boolean;
+        multiple: boolean;
+        loading: boolean;
+        isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;
+        selectedValue: BentoListboxSelectedValue;
+        staticCategories: boolean;
+        ariaLabel: string;
+        searching: boolean;
+        emptyState: BentoDropdownEmptyStateProps;
+        hasMoreItems: boolean;
+        lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
+        virtualScroll: BentoDropdownVirtulisationOptions;
+        inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        emptyState: {
+            type: PropType<BentoDropdownEmptyStateProps>;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasMoreItems: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        isOptionDisabled: {
+            type: PropType<(optionValue: import("../../types").BentoListboxOptionItem) => boolean>;
+            default: any;
+        };
+        inputSize: {
+            type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
+            default: BentoDropdownSize;
+            validator: (value: BentoDropdownSize) => boolean;
+        };
+        items: {
+            type: PropType<BentoListboxOptions>;
+            required: true;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazyLoadType: {
+            type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
+            default: BentoDropdownLazyLoadType;
+            validator: (value: BentoDropdownLazyLoadType) => boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticCategories: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        selectedValue: {
+            type: PropType<BentoListboxSelectedValue>;
+            default: any;
+        };
+        searching: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../types").VueNodeElement>;
+            required: true;
+        };
+        virtualScroll: {
+            type: PropType<BentoDropdownVirtulisationOptions>;
+            default: boolean;
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{
+        isDropdownOpen: import("vue").ComputedRef<boolean>;
+        conditionalClasses: import("vue").ComputedRef<{
+            'b-dropdown-options-container--single': boolean;
+        }>;
+        conditionalListboxClasses: import("vue").ComputedRef<{
+            'b-dropdown-options-container__listbox--small': boolean;
+            'b-dropdown-options-container__listbox--single': boolean;
+        }>;
+        noResultsMessage: import("vue").ComputedRef<string>;
+        slots: import("vue/types/v3-setup-context").Slots;
+        actions: import("vue").ComputedRef<({
+            title: string;
+            event: () => void;
+            disabled: boolean;
+        } | {
+            title: string;
+            event: () => void;
+            disabled?: undefined;
+        })[]>;
+        internalSelectedValue: Ref<import("../../types").BentoListboxValue | import("../../types").BentoListboxValue[]>;
+        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;
+            };
+            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;
+            };
+            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;
+            };
+        }>>, {
+            placement: (value: import("@floating-ui/utils").Placement) => void;
+        }, {
+            id: 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[];
+            ariaRole: import("../popper-container").PopperContainerAriaRole;
+            arrow: any;
+            disabledFocusTrap: boolean;
+            fallbackPosition: import("../popper-container").FallbackPositionProp;
+            fixedPositioning: boolean;
+            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;
+            };
+            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;
+            };
+        }>>> & 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;
+            };
+            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;
+            };
+        }>>> & 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;
+            };
+            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;
+            };
+        }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+            placement: (value: import("@floating-ui/utils").Placement) => void;
+        }, string, {
+            id: 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[];
+            ariaRole: import("../popper-container").PopperContainerAriaRole;
+            arrow: any;
+            disabledFocusTrap: boolean;
+            fallbackPosition: import("../popper-container").FallbackPositionProp;
+            fixedPositioning: boolean;
+            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/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {
+            dismiss: () => void;
+        } & {
+            placement: (placement: import("@floating-ui/utils").Placement) => void;
+        }, {
+            small: boolean;
+            title: string;
+            large: boolean;
+            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;
+            actionsLayout: "space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+            divider: boolean;
+            disableFocusTrap: boolean;
+            dismissible: boolean;
+            fitContent: boolean;
+            withoutSpace: boolean;
+        }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+            dismiss: () => void;
+        } & {
+            placement: (placement: import("@floating-ui/utils").Placement) => void;
+        }, string, {
+            small: boolean;
+            title: string;
+            large: boolean;
+            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;
+            actionsLayout: "space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+            divider: boolean;
+            disableFocusTrap: boolean;
+            dismissible: boolean;
+            fitContent: boolean;
+            withoutSpace: boolean;
+        }> & {
+            props: {
+                actions: {
+                    type: PropType<import("../button").BentoButtonActionsList>;
+                    default: any;
+                };
+                actionsLayout: {
+                    type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                    default: import("../button").BentoButtonActionsLayoutBasic;
+                    validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                divider: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disableFocusTrap: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dismissible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                fallbackPosition: {
+                    type: PropType<import("@floating-ui/utils").Placement[]>;
+                    default: () => string[];
+                };
+                fitContent: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                fixedPositioning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                open: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modifiers: {
+                    type: ArrayConstructor;
+                    default: any;
+                };
+                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: import("../popper-container").PopperContainerPosition) => boolean;
+                };
+                small: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                title: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                targetElement: {
+                    type: PropType<import("../../types").VueNodeElement>;
+                    required: true;
+                };
+                withoutSpace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+        } & (new () => {
+            $slots: {
+                image: (_: {}) => any;
+                headerIcon: (_: {}) => any;
+                default: (_: {}) => any;
+            };
+        }))>;
+        popperContainerOrPopoverProps: import("vue").ComputedRef<Readonly<Partial<{
+            id: 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[];
+            ariaRole: import("../popper-container").PopperContainerAriaRole;
+            arrow: any;
+            disabledFocusTrap: boolean;
+            fallbackPosition: import("../popper-container").FallbackPositionProp;
+            fixedPositioning: boolean;
+            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<{
+            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;
+            };
+        }>>, 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;
+            };
+            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;
+            };
+        }>>> | Readonly<Partial<{
+            small: boolean;
+            title: string;
+            large: boolean;
+            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;
+            actionsLayout: "space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+            divider: boolean;
+            disableFocusTrap: boolean;
+            dismissible: boolean;
+            fitContent: boolean;
+            withoutSpace: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            actions: {
+                type: PropType<import("../button").BentoButtonActionsList>;
+                default: any;
+            };
+            actionsLayout: {
+                type: PropType<"space-between" | import("../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+                default: import("../button").BentoButtonActionsLayoutBasic;
+                validator: (value: import("../button").BentoButtonActionsLayout) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+            divider: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableFocusTrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dismissible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fallbackPosition: {
+                type: PropType<import("@floating-ui/utils").Placement[]>;
+                default: () => string[];
+            };
+            fitContent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fixedPositioning: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: {
+                type: ArrayConstructor;
+                default: any;
+            };
+            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: import("../popper-container").PopperContainerPosition) => boolean;
+            };
+            small: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            targetElement: {
+                type: PropType<import("../../types").VueNodeElement>;
+                required: true;
+            };
+            withoutSpace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>>;
+        dropdownOptionsListboxRef: any;
+        onEscapeKey: () => void;
+        onOutsideDropdownClick: () => void;
+        listeners: {
+            select: (newSelectedValue: BentoListboxSelectedValue) => void;
+            "show-more": () => void;
+            "tab-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
+            "space-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
+            "enter-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
+        };
+    }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        emptyState: {
+            type: PropType<BentoDropdownEmptyStateProps>;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasMoreItems: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        isOptionDisabled: {
+            type: PropType<(optionValue: import("../../types").BentoListboxOptionItem) => boolean>;
+            default: any;
+        };
+        inputSize: {
+            type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
+            default: BentoDropdownSize;
+            validator: (value: BentoDropdownSize) => boolean;
+        };
+        items: {
+            type: PropType<BentoListboxOptions>;
+            required: true;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazyLoadType: {
+            type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
+            default: BentoDropdownLazyLoadType;
+            validator: (value: BentoDropdownLazyLoadType) => boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticCategories: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        selectedValue: {
+            type: PropType<BentoListboxSelectedValue>;
+            default: any;
+        };
+        searching: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        targetElement: {
+            type: PropType<import("../../types").VueNodeElement>;
+            required: true;
+        };
+        virtualScroll: {
+            type: PropType<BentoDropdownVirtulisationOptions>;
+            default: boolean;
+        };
+    }>>>;
+    clickOutsideDropdown: () => void;
     toggleDropdown: () => void;
     onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
     emitShowMoreEvent: () => void;