@adyen/bento-vue2 1.11.0 → 1.12.0

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
+import { BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
 import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSize, BentoDropdownVirtulisationOptions } from '../../dropdown.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -22,33 +22,29 @@ declare const _default: import("vue").DefineComponent<{
         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;
     };
+    isOptionDisabled: {
+        type: PropType<(optionValue: import("../../../../types").BentoListboxOptionItem) => boolean>;
+        default: any;
+    };
     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: {
+    loading: {
         type: BooleanConstructor;
         default: boolean;
     };
-    staticCategories: {
+    multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -64,6 +60,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     targetElement: {
         type: PropType<import("../../../../types").VueNodeElement>;
         required: true;
@@ -73,1290 +73,22 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    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: import("vue").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").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.SHOW_MORE | BentoListboxEvent.ESCAPE | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB | BentoListboxEvent.CLOSE_DROPDOWN)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    "close-dropdown": () => void;
+} & {
+    "enter-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
+} & {
+    "escape-pressed": () => void;
+} & {
+    select: (newSelectedValue: BentoListboxSelectedValue) => void;
+} & {
+    "show-more": () => void;
+} & {
+    "space-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
+} & {
+    "tab-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -1377,33 +109,29 @@ declare const _default: import("vue").DefineComponent<{
         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;
     };
+    isOptionDisabled: {
+        type: PropType<(optionValue: import("../../../../types").BentoListboxOptionItem) => boolean>;
+        default: any;
+    };
     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: {
+    loading: {
         type: BooleanConstructor;
         default: boolean;
     };
-    staticCategories: {
+    multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -1419,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     targetElement: {
         type: PropType<import("../../../../types").VueNodeElement>;
         required: true;
@@ -1441,5 +173,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
     virtualScroll: BentoDropdownVirtulisationOptions;
     inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
-}>;
+}>, Record<string, (_: any) => any>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};