@adyen/bento-vue2 1.9.0 → 1.11.0

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("vue").DefineComponent<{
         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("vue").DefineComponent<{
         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;
     };
@@ -63,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     description: string;
     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";
     action: BentoButtonActionObject;
     headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";

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("vue").DefineComponent<{
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -74,7 +76,11 @@ declare const _default: import("vue").DefineComponent<{
                 debounceTime?: number;
                 searchEvent: (searchValue: string) => void;
             };
+            staticCategories?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            virtualScroll?: boolean | {
+                itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+            };
         } | {
             search?: {
                 debounceTime?: number;
@@ -89,12 +95,15 @@ declare const _default: import("vue").DefineComponent<{
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -106,6 +115,9 @@ declare const _default: import("vue").DefineComponent<{
                 readonly title?: string;
                 readonly 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;
@@ -139,12 +151,15 @@ declare const _default: import("vue").DefineComponent<{
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -156,6 +171,9 @@ declare const _default: import("vue").DefineComponent<{
                 readonly title?: string;
                 readonly 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;
@@ -190,12 +208,15 @@ declare const _default: import("vue").DefineComponent<{
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -207,6 +228,9 @@ declare const _default: import("vue").DefineComponent<{
                 readonly title?: string;
                 readonly 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;
@@ -240,12 +264,15 @@ declare const _default: import("vue").DefineComponent<{
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -257,6 +284,9 @@ declare const _default: import("vue").DefineComponent<{
                 readonly title?: string;
                 readonly 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;
@@ -290,12 +320,15 @@ declare const _default: import("vue").DefineComponent<{
             };
             multiple?: boolean;
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+            staticCategories?: boolean;
             emptyState?: {
                 action: {
                     icon?: any;
                     title: string;
                     event?: (event: Event) => void;
-                    state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                    iconLeft?: object | Element | (object | Element)[];
+                    iconRight?: object | Element | (object | Element)[];
+                    state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
@@ -307,6 +340,9 @@ declare const _default: import("vue").DefineComponent<{
                 readonly title?: string;
                 readonly 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;
@@ -883,7 +919,9 @@ declare const _default: import("vue").DefineComponent<{
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -920,7 +958,11 @@ declare const _default: import("vue").DefineComponent<{
                     debounceTime?: number;
                     searchEvent: (searchValue: string) => void;
                 };
+                staticCategories?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                virtualScroll?: boolean | {
+                    itemHeight: import("../../../../composables").UseVirtualListItemHeight;
+                };
             } | {
                 search?: {
                     debounceTime?: number;
@@ -935,12 +977,15 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -952,6 +997,9 @@ declare const _default: import("vue").DefineComponent<{
                     readonly title?: string;
                     readonly 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;
@@ -985,12 +1033,15 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1002,6 +1053,9 @@ declare const _default: import("vue").DefineComponent<{
                     readonly title?: string;
                     readonly 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;
@@ -1036,12 +1090,15 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1053,6 +1110,9 @@ declare const _default: import("vue").DefineComponent<{
                     readonly title?: string;
                     readonly 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;
@@ -1086,12 +1146,15 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1103,6 +1166,9 @@ declare const _default: import("vue").DefineComponent<{
                     readonly title?: string;
                     readonly 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;
@@ -1136,12 +1202,15 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 multiple?: boolean;
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
+                staticCategories?: boolean;
                 emptyState?: {
                     action: {
                         icon?: any;
                         title: string;
                         event?: (event: Event) => void;
-                        state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
+                        iconLeft?: object | Element | (object | Element)[];
+                        iconRight?: object | Element | (object | Element)[];
+                        state?: "start" | "loading" | "success" | import("../../../button").BentoLoadingButtonState | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
@@ -1153,6 +1222,9 @@ declare const _default: import("vue").DefineComponent<{
                     readonly title?: string;
                     readonly 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/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts

@@ -39,7 +39,9 @@ declare const _default: import("vue").DefineComponent<{
         };
         multiple?: boolean;
         isOptionDisabled?: (optionValue: import("../../../../../../types").BentoListboxOptionItem) => boolean;
+        staticCategories?: boolean;
         emptyState?: import("../../../../../../types").BentoListboxEmptyStateProps;
+        virtualScroll?: import("../../../../../../types").BentoListboxVirtulisationOptions;
         lazy?: {
             hasMoreItems: boolean;
             lazyLoadType: "button" | "none" | "automatic" | import("../../../../../../types").BentoListboxLazyLoadType;

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts

@@ -43,7 +43,9 @@ declare const _default: import("vue").DefineComponent<{
         };
         multiple?: boolean;
         isOptionDisabled?: (optionValue: import("../../../../../../types").BentoListboxOptionItem) => boolean;
+        staticCategories?: boolean;
         emptyState?: import("../../../../../../types").BentoListboxEmptyStateProps;
+        virtualScroll?: import("../../../../../../types").BentoListboxVirtulisationOptions;
         lazy?: {
             hasMoreItems: boolean;
             lazyLoadType: "button" | "none" | "automatic" | import("../../../../../../types").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("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    componentName: {
+        type: StringConstructor;
+        required: true;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,6 +40,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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 'vue';
 import { PopperContainerPosition } from "../../popper-container";
+import { BentoCopyButtonProps } from './copy.types';
 declare const _default: import("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("vue").DefineComponent<{
     onClickCopy: () => Promise<void>;
     resetText: () => void;
     showScreenReaderAlert: import("vue").Ref<boolean>;
+    svgTitle: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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("vue").DefineComponent<{
         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';

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.types.d.ts

@@ -1,5 +1,6 @@
 export declare enum ListboxMultiSelectCategoryClass {
-    DISABLED = "disabled"
+    DISABLED = "disabled",
+    STATIC_CATEGORY = "static-category"
 }
 export declare enum ListboxMultiSelectCategoryEvent {
     SELECT_CATEGORY = "select-category",

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxValue[]>;
         default: () => any[];
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     chevronTitle: import("vue").ComputedRef<string>;
     conditionalClass: import("vue").ComputedRef<{
@@ -23,6 +27,79 @@ declare const _default: import("vue").DefineComponent<{
     isOpen: import("vue").Ref<boolean>;
     isAllSelected: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
+    isStaticCategory: import("vue").Ref<boolean>;
+    showItemChildren: import("vue").ComputedRef<boolean>;
+    categoryLabelProps: import("vue").ComputedRef<Readonly<Partial<{
+        el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement;
+        wide: boolean;
+        stronger: boolean;
+        strongest: boolean;
+        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
+        medium: boolean;
+        large: boolean;
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
+            default: import("../../../../../../../../typography").BentoTypographyElement;
+            validator: (value: import("../../../../../../../../typography").BentoTypographyElement) => boolean;
+        };
+        stronger: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        strongest: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
+            default: import("../../../../../../../../typography").BentoTypographyVariant;
+            validator: (value: import("../../../../../../../../typography").BentoTypographyVariant) => boolean;
+        };
+        medium: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, import("vue/types/v3-component-props").DefaultKeys<{
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
+            default: import("../../../../../../../../typography").BentoTypographyElement;
+            validator: (value: import("../../../../../../../../typography").BentoTypographyElement) => boolean;
+        };
+        stronger: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        strongest: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
+            default: import("../../../../../../../../typography").BentoTypographyVariant;
+            validator: (value: import("../../../../../../../../typography").BentoTypographyVariant) => boolean;
+        };
+        medium: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>>>;
     toggleOpen: (event: Event) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ListboxMultiSelectCategoryEvent[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -38,8 +115,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxValue[]>;
         default: () => any[];
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     selectedItemsList: BentoListboxValue[];
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts

@@ -26,8 +26,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxValue[]>;
         default: () => any[];
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
+        'b-listbox-multi-select-options__static-category-option': boolean;
         'b-listbox-multi-select-options__category-option': boolean;
     }>;
     isCategory: (option: BentoListboxOptionItem) => boolean;
@@ -62,8 +67,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxValue[]>;
         default: () => any[];
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     selectedItemsList: BentoListboxValue[];
     categoryItems: boolean;
     isMultiLevel: boolean;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -17,6 +17,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: () => BentoListboxSelectedValue;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     selectAllListboxItemsRef: any;
     selectedListboxItemsRef: any;
@@ -59,8 +63,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: () => BentoListboxSelectedValue;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
+    staticCategories: boolean;
     searching: boolean;
     selectedValues: BentoListboxSelectedValue;
 }>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoListboxSingleSelectCategory } from './listbox-single-select-category.vue';