@adyen/bento-vue3 1.9.0 → 1.10.0

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

@@ -48,6 +48,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -496,9 +500,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 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;
+                modifiers: unknown[];
                 fallbackPosition: import("@floating-ui/utils").Placement[];
                 fixedPositioning: boolean;
                 ariaLabel: string;
@@ -583,7 +587,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             }>> & {
                 onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
                 onDismiss?: () => any;
-            } & 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">;
+            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "position" | "open" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -679,9 +683,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 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;
+                modifiers: unknown[];
                 fallbackPosition: import("@floating-ui/utils").Placement[];
                 fixedPositioning: boolean;
                 ariaLabel: string;
@@ -872,9 +876,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
+        modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
@@ -990,9 +994,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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;
+        modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
         ariaLabel: string;
@@ -1077,7 +1081,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>> & {
         onPlacement?: (placement: import("@floating-ui/utils").Placement) => any;
         onDismiss?: () => any;
-    } & 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">)>;
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "position" | "open" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;
     listeners: {
@@ -1134,6 +1138,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -1164,6 +1172,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     multiple: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
     ariaLabel: string;
     searching: any;
     loading: boolean;

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

@@ -3,7 +3,7 @@ import { DropdownBaseTextboxEvent } from "../dropdown-base-textbox/dropdown-base
 import { Booleanish } from "../../../../types";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -65,7 +65,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (DropdownBaseTextboxEvent.OPEN | DropdownBaseTextboxEvent.CLOSE)[], DropdownBaseTextboxEvent.OPEN | DropdownBaseTextboxEvent.CLOSE, 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<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -125,7 +125,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     readonly: boolean;
     open: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;

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

@@ -6,6 +6,7 @@ interface UseDisplayValueOptions {
     placeholder: Ref<string>;
     value: Ref<BentoListboxSelectedValue>;
     multiple: Ref<boolean>;
+    staticCategories: Ref<boolean>;
 }
 export type UseDisplayValue = (options: UseDisplayValueOptions) => ComputedRef<string>;
 export {};

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

@@ -92,6 +92,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -109,7 +113,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         'b-dropdown--condensed': boolean;
     }>;
     computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    additionalItemsSelected: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
+    additionalItemsSelected: import("../../../../vue3/node_modules/vue").ComputedRef<string | number>;
     idDefaultSize: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     isDropdownOpen: import("../../../../vue3/node_modules/vue").Ref<boolean>;
     displayValue: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
@@ -129,6 +133,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     descriptionConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         'b-dropdown__description--error': boolean;
     }>;
+    hasSlot: (name: string) => boolean;
     inputContainerRef: any;
     inputContainerRefWrapper: any;
     optionsContainerRef: any;
@@ -251,6 +256,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: StringConstructor;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -284,6 +293,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     errorMessage: string;
     items: BentoListboxOptions;
     isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     ariaLabel: string;
     loading: boolean;
     emptyState: BentoDropdownEmptyStateProps;

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

@@ -17,6 +17,7 @@ export declare enum BentoEmptyStateImage {
     PAGE_NOT_FOUND = "page-not-found",
     PLANNED_MAINTENANCE = "planned-maintenance",
     REFERRALS = "referrals",
+    SUCCESS = "success",
     UPLOAD_FILES = "upload-files",
     WRONG_ENVIRONMENT = "wrong-environment"
 }

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

@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         validator: (value: BentoTypographyElement) => boolean;
     };
     image: {
-        type: PropType<"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">;
+        type: PropType<"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" | "success" | "upload-files" | "wrong-environment">;
         default: any;
         validator: (value: BentoEmptyStateImage) => boolean;
     };
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         validator: (value: BentoTypographyElement) => boolean;
     };
     image: {
-        type: PropType<"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">;
+        type: PropType<"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" | "success" | "upload-files" | "wrong-environment">;
         default: any;
         validator: (value: BentoEmptyStateImage) => boolean;
     };
@@ -62,7 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
 }>>, {
     title: string;
-    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";
+    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" | "success" | "upload-files" | "wrong-environment";
     variant: "condensed" | "full-page" | "embedded" | "basic";
     description: string;
     action: BentoButtonActionObject;

package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts

@@ -37,7 +37,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -118,7 +120,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 debounceTime?: number;
                 searchEvent: (searchValue: string) => void;
             };
+            staticCategories?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
         } | {
             search?: {
                 debounceTime?: number;
@@ -133,12 +139,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -194,6 +203,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 title?: string;
                 headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
             };
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -227,12 +239,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -288,6 +303,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 title?: string;
                 headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
             };
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -322,12 +340,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -383,6 +404,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 title?: string;
                 headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
             };
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -416,12 +440,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -477,6 +504,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 title?: string;
                 headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
             };
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -510,12 +540,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -571,6 +604,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 title?: string;
                 headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
             };
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -1147,7 +1183,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1228,7 +1266,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     debounceTime?: number;
                     searchEvent: (searchValue: string) => void;
                 };
+                staticCategories?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
             } | {
                 search?: {
                     debounceTime?: number;
@@ -1243,12 +1285,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1304,6 +1349,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     title?: string;
                     headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
                 };
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -1337,12 +1385,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1398,6 +1449,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     title?: string;
                     headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
                 };
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -1432,12 +1486,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1493,6 +1550,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     title?: string;
                     headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
                 };
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -1526,12 +1586,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1587,6 +1650,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     title?: string;
                     headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
                 };
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
@@ -1620,12 +1686,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | import("../../../button").BentoLoadingButtonState | "loading" | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "success" | import("../../../button").BentoLoadingButtonState | "loading" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1681,6 +1750,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     title?: string;
                     headingEl?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
                 };
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;

package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts

@@ -1,5 +1,5 @@
 import { BentoAvatarListboxOptions } from "../dropdown/components/variants/dropdown-avatar/dropdown-avatar.types";
-import { BentoListboxEmptyStateProps, BentoListboxIsOptionDisabled, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSearchOptions, BentoListboxSelectedValue, OmitStrict } from "../../types";
+import { BentoListboxEmptyStateProps, BentoListboxIsOptionDisabled, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSearchOptions, BentoListboxSelectedValue, BentoListboxVirtulisationOptions, OmitStrict } from "../../types";
 import { BentoCountryListboxOptions } from "../dropdown/components/variants/dropdown-country/dropdown-country.types";
 import { BentoTagListboxOptions } from "../dropdown/components/variants/dropdown-tag/dropdown-tag.types";
 import { BentoCountryVariant } from "../country";
@@ -26,7 +26,9 @@ export interface BentoSelectFilterOptions {
         showMoreEvent?: () => void;
     };
     search?: BentoListboxSearchOptions;
+    staticCategories?: boolean;
     isOptionDisabled?: BentoListboxIsOptionDisabled;
+    virtualScroll?: BentoListboxVirtulisationOptions;
 }
 export type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoAvatarListboxOptions;

package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts

@@ -3,6 +3,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
         type: StringConstructor;
         default: any;
     };
+    componentName: {
+        type: StringConstructor;
+        required: true;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,6 +40,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
         type: StringConstructor;
         default: any;
     };
+    componentName: {
+        type: StringConstructor;
+        required: true;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,5 +1,13 @@
+import type { BentoButton } from '../../button';
 export declare enum CopyTooltipState {
     DEFAULT = "default",
     COPYING = "copying",
     ERROR = "error"
 }
+type ButtonProps = InstanceType<typeof BentoButton>['$props'];
+export type BentoCopyButtonProps = {
+    variant?: ButtonProps['variant'];
+    condensed?: ButtonProps['condensed'];
+    disabled?: ButtonProps['disabled'];
+};
+export {};

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

@@ -1,6 +1,15 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
 import { PopperContainerPosition } from "../../popper-container";
+import { BentoCopyButtonProps } from './copy.types';
 declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
+    button: {
+        type: PropType<BentoCopyButtonProps>;
+        default: () => BentoCopyButtonProps;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: any;
+    };
     text: {
         type: StringConstructor;
         required: true;
@@ -14,7 +23,16 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     onClickCopy: () => Promise<void>;
     resetText: () => void;
     showScreenReaderAlert: import("../../../../../vue3/node_modules/vue").Ref<boolean>;
+    svgTitle: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
 }, 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<{
+    button: {
+        type: PropType<BentoCopyButtonProps>;
+        default: () => BentoCopyButtonProps;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: any;
+    };
     text: {
         type: StringConstructor;
         required: true;
@@ -24,6 +42,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: import("../../popper-container").PopperContainerPositionBasic;
     };
 }>>, {
+    button: BentoCopyButtonProps;
+    buttonText: string;
     tooltipPosition: PopperContainerPosition;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/copy/index.d.ts

@@ -1 +1,2 @@
 export { default as Copy } from './copy.vue';
+export * from './copy.types';