@adyen/bento-vue2 1.11.0 → 1.12.0

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

@@ -1,7 +1,7 @@
-import { PropType, Ref } from 'vue';
-import { BentoDropdownEmptyStateProps, BentoDropdownEvent, BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize, BentoDropdownVirtulisationOptions } from './dropdown.types';
+import { PropType } from 'vue';
+import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize, BentoDropdownVirtulisationOptions } from './dropdown.types';
 import { BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -18,10 +18,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -34,10 +30,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        default: any;
-    };
     description: {
         type: StringConstructor;
         default: any;
@@ -54,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxOptions>;
         default: () => any[];
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -71,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,6 +79,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: PropType<BentoDropdownSearchOptions>;
+        default: any;
+    };
     showSlotContentInMultiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,14 +92,14 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoDropdownSize;
         validator: (value: BentoDropdownSize) => boolean;
     };
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
-    };
     staticCategories: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -104,1648 +108,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDropdownVirtulisationOptions>;
         default: boolean;
     };
-    search: {
-        type: PropType<BentoDropdownSearchOptions>;
-        default: any;
-    };
-}, {
-    conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown--condensed': boolean;
-    }>;
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    additionalItemsSelected: import("vue").ComputedRef<string | number>;
-    idDefaultSize: import("vue").ComputedRef<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: Ref<string>;
-    labelId: string;
-    descriptionId: string;
-    errorId: string;
-    ariaDescribedBy: import("vue").ComputedRef<string>;
-    selectedValueItem: import("vue").ComputedRef<import("../../types").BentoListboxOptionItem | import("../../types").BentoListboxOptionItem[]>;
-    slots: import("vue/types/v3-setup-context").Slots;
-    descriptionConditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown__description--error': boolean;
-    }>;
-    hasSlot: (name: string) => boolean;
-    inputContainerRef: any;
-    inputContainerRefWrapper: any;
-    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;
-    textboxKeyboardNavigationListeners: import("vue").ComputedRef<{
-        "keydown:enter": () => void;
-        "keydown:arrow-down": ({ detail: event }: {
-            detail: any;
-        }) => void;
-        "keydown:arrow-up": ({ detail: event }: {
-            detail: any;
-        }) => void;
-        "keydown:end": () => void;
-        "keydown:escape": () => void;
-        "keydown:home": () => void;
-        "keydown:space"?: ({ detail: event }: {
-            detail: any;
-        }) => void;
-    }>;
-    listboxListeners: {
-        "enter-pressed": () => void;
-        "escape-pressed": () => void;
-        "tab-pressed": () => void;
-        "space-pressed": () => void;
-        "close-dropdown": () => void;
-        select: (selectedValue: BentoListboxSelectedValue) => void;
-        "show-more": () => void;
-    };
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | BentoDropdownEvent.SHOW_MORE)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    input: (selectedValue: BentoListboxSelectedValue) => void;
+} & {
+    "show-more": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -1762,10 +129,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    placeholder: {
-        type: StringConstructor;
-        default: any;
-    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -1778,10 +141,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    label: {
-        type: StringConstructor;
-        default: any;
-    };
     description: {
         type: StringConstructor;
         default: any;
@@ -1798,6 +157,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxOptions>;
         default: () => any[];
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -1815,6 +178,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -1823,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    search: {
+        type: PropType<BentoDropdownSearchOptions>;
+        default: any;
+    };
     showSlotContentInMultiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -1832,14 +203,14 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoDropdownSize;
         validator: (value: BentoDropdownSize) => boolean;
     };
-    tooltipText: {
-        type: StringConstructor;
-        default: any;
-    };
     staticCategories: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -1848,10 +219,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDropdownVirtulisationOptions>;
         default: boolean;
     };
-    search: {
-        type: PropType<BentoDropdownSearchOptions>;
-        default: any;
-    };
 }>>, {
     error: boolean;
     search: BentoDropdownSearchOptions;
@@ -1861,7 +228,6 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     condensed: boolean;
     disabled: boolean;
-    placeholder: string;
     optional: boolean;
     readonly: boolean;
     size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
@@ -1879,5 +245,13 @@ declare const _default: import("vue").DefineComponent<{
     virtualScroll: BentoDropdownVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
+    placeholder: string;
+}>, Record<string, (_: any) => any> & Record<string, (_: any) => any> & {
+    description: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};