@adyen/bento-vue3 1.6.1 → 1.7.0

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

@@ -1,11 +1,15 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
-import { BentoDropdownLazyLoadType, BentoDropdownSize } from '../../dropdown.types';
+import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSize, BentoDropdownVirtulisationOptions } from '../../dropdown.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoDropdownEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -57,6 +61,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: any;
         required: true;
     };
+    virtualScroll: {
+        type: PropType<BentoDropdownVirtulisationOptions>;
+        default: boolean;
+    };
 }, {
     isDropdownOpen: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
@@ -85,12 +93,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             $: import("../../../../../../vue3/node_modules/vue").ComponentInternalInstance;
             $data: {};
             $props: 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;
-                id: string;
                 isHidden: boolean;
                 matchWidth: boolean;
                 middleware: {
@@ -108,8 +118,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         elements: import("@floating-ui/dom").Elements;
                     }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
                 }[];
-                offset: number[];
-                position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
             }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
                 ariaRole: {
                     type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -168,7 +176,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     validator: (value: number[]) => boolean;
                 };
                 position: {
-                    type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                    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;
                 };
@@ -178,7 +186,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
             }>> & {
                 onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
-            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware" | "offset" | "position">;
+            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "id" | "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "isHidden" | "matchWidth" | "middleware">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -250,7 +258,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     validator: (value: number[]) => boolean;
                 };
                 position: {
-                    type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                    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;
                 };
@@ -263,12 +271,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").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;
-                id: string;
                 isHidden: boolean;
                 matchWidth: boolean;
                 middleware: {
@@ -286,8 +296,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         elements: import("@floating-ui/dom").Elements;
                     }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
                 }[];
-                offset: number[];
-                position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -366,7 +374,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 validator: (value: number[]) => boolean;
             };
             position: {
-                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+                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;
             };
@@ -438,7 +446,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            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;
         };
@@ -451,12 +459,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").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;
-        id: string;
         isHidden: boolean;
         matchWidth: boolean;
         middleware: {
@@ -474,8 +484,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
-        offset: number[];
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }, {}, string> & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
         $slots: {
             default: (_: {}) => any;
@@ -531,7 +539,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            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;
         };
@@ -620,7 +628,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            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;
         };
@@ -648,10 +656,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         title: string;
         large: boolean;
         modifiers: unknown[];
+        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;
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
-        position: "auto" | "top" | "right" | "bottom" | "left" | "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;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
         actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
@@ -662,12 +670,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         withoutSpace: boolean;
     }>>;
     popperContainerOrPopoverProps: import("../../../../../../vue3/node_modules/vue").ComputedRef<(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;
-        id: string;
         isHidden: boolean;
         matchWidth: boolean;
         middleware: {
@@ -685,8 +695,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
-        offset: number[];
-        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
         ariaRole: {
             type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -745,7 +753,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             validator: (value: number[]) => boolean;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            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;
         };
@@ -755,15 +763,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         };
     }>> & {
         onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
-    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware" | "offset" | "position">) | (Partial<{
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "id" | "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "isHidden" | "matchWidth" | "middleware">) | (Partial<{
         small: boolean;
         title: string;
         large: boolean;
         modifiers: unknown[];
+        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;
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
-        position: "auto" | "top" | "right" | "bottom" | "left" | "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;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
         actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
@@ -823,7 +831,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         position: {
-            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+            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;
         };
@@ -846,7 +854,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>> & {
         onPlacement?: (...args: any[]) => any;
         onDismiss?: (...args: any[]) => any;
-    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "position" | "open" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "modifiers" | "position" | "open" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;
     listeners: {
@@ -861,6 +869,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoDropdownEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -912,6 +924,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: any;
         required: true;
     };
+    virtualScroll: {
+        type: PropType<BentoDropdownVirtulisationOptions>;
+        default: boolean;
+    };
 }>> & {
     onSelect?: (...args: any[]) => any;
     "onEnter-pressed"?: (...args: any[]) => any;
@@ -928,8 +944,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     ariaLabel: string;
     searching: any;
     loading: boolean;
+    emptyState: BentoDropdownEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
+    virtualScroll: BentoDropdownVirtulisationOptions;
     inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
 }>;
 export default _default;

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

@@ -122,8 +122,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
 }, {
     value: string;
     disabled: boolean;
-    open: boolean;
     readonly: boolean;
+    open: boolean;
     ariaLabel: string;
     additionalItemsSelected: number;
     ariaLabelledby: string;

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

@@ -4,3 +4,5 @@ export declare enum BentoDropdownSize {
 }
 export { BentoListboxLazyLoadType as BentoDropdownLazyLoadType, BentoListboxEvent as BentoDropdownEvent, } from "../../types";
 export type { BentoListboxSearchOptions as BentoDropdownSearchOptions } from "../../types";
+export type { BentoListboxEmptyStateProps as BentoDropdownEmptyStateProps } from "../../types";
+export type { BentoListboxVirtulisationOptions as BentoDropdownVirtulisationOptions } from "../../types";

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

@@ -1,11 +1,15 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
-import { BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize } from './dropdown.types';
+import { BentoDropdownEmptyStateProps, BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize, BentoDropdownVirtulisationOptions } from './dropdown.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoDropdownEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,6 +88,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<BentoDropdownVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<BentoDropdownSearchOptions>;
         default: any;
@@ -146,6 +154,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoDropdownEmptyStateProps>;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -224,6 +236,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<BentoDropdownVirtulisationOptions>;
+        default: boolean;
+    };
     search: {
         type: PropType<BentoDropdownSearchOptions>;
         default: any;
@@ -236,21 +252,23 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     required: boolean;
     label: string;
     disabled: boolean;
+    placeholder: string;
+    search: BentoDropdownSearchOptions;
     error: boolean;
     multiple: boolean;
-    placeholder: string;
     size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
-    search: BentoDropdownSearchOptions;
     description: string;
     optional: boolean;
+    readonly: boolean;
     errorMessage: string;
     items: BentoListboxOptions;
     isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;
-    readonly: boolean;
     ariaLabel: string;
     loading: boolean;
+    emptyState: BentoDropdownEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
+    virtualScroll: BentoDropdownVirtulisationOptions;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/empty-state/empty-state.vue.d.ts

@@ -5,7 +5,8 @@ import { BentoEmptyStateImage, BentoEmptyStateVariant } from './empty-state.type
 declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
     action: {
         type: PropType<BentoButtonActionObject>;
-        required: true;
+        default: any;
+        validator: (value: BentoButtonActionObject) => boolean;
     };
     description: {
         type: StringConstructor;
@@ -33,7 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
 }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     action: {
         type: PropType<BentoButtonActionObject>;
-        required: true;
+        default: any;
+        validator: (value: BentoButtonActionObject) => boolean;
     };
     description: {
         type: StringConstructor;
@@ -63,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
     variant: "condensed" | "full-page" | "embedded" | "basic";
     description: string;
+    action: BentoButtonActionObject;
     headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
 }>, {
     title: (_: {}) => any;