@adyen/bento-vue3 1.24.0 → 1.25.0

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

@@ -1,6 +1,6 @@
-import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxSelectedValue } from "../../../../types";
-import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.types';
+import { BentoSelectFilterOptions } from '../../filter-bar.types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
 /**
  * The Listbox filter displays a listbox of items
  * passed in the "options.listboxItems" property.
@@ -21,9 +21,10 @@ import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.typ
  *     `
  * }
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     /**
      * Default value of the filter to reset to.
+     *
      */
     defaultValue: {
         type: PropType<BentoListboxSelectedValue>;
@@ -47,6 +48,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     /**
      * Renders the base filter's slot content only - leaving out the button and the popover.
      * Used for the allFiltersModal component.
+     *
      */
     onlySlot: {
         type: BooleanConstructor;
@@ -57,6 +59,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Available options:
      *   - multiple: If "true", the user will be able to select multiple items.
      *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
      */
     options: {
         type: PropType<BentoSelectFilterOptions>;
@@ -64,34 +68,21 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     /**
      * Current value of the filter
+     *
+     * @default undefined
      */
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
-}, {
-    appliedFiltersCount: import("../../../../../../vue3/node_modules/vue").ComputedRef<string | number>;
-    filteredItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<any>;
-    internalFilterValue: import("../../../../../../vue3/node_modules/vue").Ref<import("../../../../types").BentoListboxValue | import("../../../../types").BentoListboxValue[]>;
-    isApplyButtonDisabled: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    isSecondaryButtonDisabled: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    listboxFilterId: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    noResultsMessage: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    slots: Readonly<{
-        [name: string]: import("../../../../../../vue3/node_modules/vue").Slot;
-    }>;
-    buttonLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    buttonSecondaryLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    searchTerm: import("../../../../../../vue3/node_modules/vue").Ref<string>;
-    clearFilter: () => void;
-    closeFilter: () => void;
-    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
-    openFilter: () => void;
-    updateFilter: () => void;
-    resetFilter: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoFilterEvent[], BentoFilterEvent, 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<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (updatedProps: any) => void;
+} & {
+    update: (updatedProps: any) => void;
+}, 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<{
     /**
      * Default value of the filter to reset to.
+     *
      */
     defaultValue: {
         type: PropType<BentoListboxSelectedValue>;
@@ -115,6 +106,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     /**
      * Renders the base filter's slot content only - leaving out the button and the popover.
      * Used for the allFiltersModal component.
+     *
      */
     onlySlot: {
         type: BooleanConstructor;
@@ -125,6 +117,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Available options:
      *   - multiple: If "true", the user will be able to select multiple items.
      *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
      */
     options: {
         type: PropType<BentoSelectFilterOptions>;
@@ -132,18 +126,25 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     /**
      * Current value of the filter
+     *
+     * @default undefined
      */
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }>> & {
-    onInput?: (...args: any[]) => any;
-    onUpdate?: (...args: any[]) => any;
+    onInput?: (updatedProps: any) => any;
+    onUpdate?: (updatedProps: any) => any;
 }, {
     value: BentoListboxSelectedValue;
     defaultValue: BentoListboxSelectedValue;
     options: BentoSelectFilterOptions;
     onlySlot: boolean;
-}>;
+}>, Record<NonNullable<string | number>, (_: any) => any> & Record<NonNullable<string | number>, (_: any) => any>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts

@@ -140,11 +140,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * A string specifying the type of control to render.
+     * All `input` types are available but only `search`, `text` and `number` are fully supported.
+     *
+     * If `type` is `search`, use `bento-search-bar` instead.
      */
     type: {
-        type: PropType<"number" | "text" | "search" | BentoInputFieldType>;
+        type: PropType<string>;
         default: BentoInputFieldType;
-        validator: (value: BentoInputFieldType) => boolean;
     };
     /**
      * Text displayed as the value of the input-field
@@ -300,11 +302,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * A string specifying the type of control to render.
+     * All `input` types are available but only `search`, `text` and `number` are fully supported.
+     *
+     * If `type` is `search`, use `bento-search-bar` instead.
      */
     type: {
-        type: PropType<"number" | "text" | "search" | BentoInputFieldType>;
+        type: PropType<string>;
         default: BentoInputFieldType;
-        validator: (value: BentoInputFieldType) => boolean;
     };
     /**
      * Text displayed as the value of the input-field
@@ -332,18 +336,18 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     "onDropdown-input"?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {
     value: BentoInputFieldValue;
-    type: "number" | "text" | "search" | BentoInputFieldType;
+    type: string;
     required: boolean;
     variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
     condensed: boolean;
     disabled: boolean;
     error: boolean;
     placeholder: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     errorMessage: string;
     ariaLabel: string;
+    readonly: boolean;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
     dropdownPosition: "end" | "start" | BentoInputFieldElementPosition;

package/dist/@types/packages/vue2/src/components/internal/checkbox-input/checkbox-input.vue.d.ts

@@ -171,9 +171,9 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     value: string | number;
     disabled: boolean;
     indeterminate: boolean;
-    readonly: boolean;
     id: string;
     ariaLabel: string;
+    readonly: boolean;
     ariaDescribedby: string;
     hasError: boolean;
     modelValue: CheckboxInputType | CheckboxInputGroupItems;

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

@@ -163,8 +163,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
     form: string;
     disabled: boolean;
     description: string;
-    optional: boolean;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/internal/dialog-page/dialog-page.types.d.ts

@@ -6,6 +6,7 @@ export declare enum BentoDialogPageAnimation {
 export interface BentoDialogPageConfigData {
     activePage: Ref<string>;
     animation: Ref<string>;
+    isAnimationActive?: Ref<boolean>;
     isOpen: Ref<boolean>;
     pages: Ref<string[]>;
     previousPages: Ref<string[]>;

package/dist/@types/packages/vue2/src/components/internal/field-label/field-label.vue.d.ts

@@ -87,8 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
     required: boolean;
     label: string;
     condensed: boolean;
-    optional: boolean;
     tooltipText: string;
+    optional: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../../../../vue3/node_modules/vue";
-import { BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../../../types";
+import { BentoListboxOptionItem, BentoListboxOptions } from "../../../../../../../types";
 /**
  * Listbox selected options chips
  *
@@ -45,7 +45,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
         required: true;
     };
 }, {}, unknown, {}, {}, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
-    "unselect-item": (value: BentoListboxValue) => void;
+    "unselect-item": (value: BentoListboxOptionItem) => void;
 } & {
     "unselect-category": (item: BentoListboxOptionItem) => void;
 }, 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<{
@@ -69,7 +69,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
     };
 }>> & {
     "onUnselect-category"?: (item: BentoListboxOptionItem) => any;
-    "onUnselect-item"?: (value: BentoListboxValue) => any;
+    "onUnselect-item"?: (value: BentoListboxOptionItem) => any;
 }, {
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
 }>;

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

@@ -88,10 +88,9 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
         'b-listbox-multi-select-options__static-category-option': boolean;
         'b-listbox-multi-select-options__category-option': boolean;
     }>;
-    isCategory: (option: BentoListboxOptionItem) => boolean;
     isOptionSelected: (option: any) => boolean;
     shouldShowDescription: (option: BentoListboxOptionItem) => boolean;
-    toggleCheckboxSelection: (value: BentoListboxValue) => void;
+    toggleCheckboxSelection: (option: BentoListboxOptionItem) => void;
     selectSearch: (selectedValue: any, option: any) => void;
     BentoListboxEvent: typeof BentoListboxEvent;
     ListboxMultiSelectOptionsEvent: typeof ListboxMultiSelectOptionsEvent;

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from "../../../../../types";
+import { BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../types";
 /**
  * Listbox multi-select options list
  *
@@ -17,6 +17,13 @@ import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoLi
  * }
  */
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<{
+    /**
+     * Indicates whether there are more items to load
+     */
+    hasMoreItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Function that allows the options to be disabled
      *
@@ -41,6 +48,16 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: PropType<BentoListboxOptions>;
         required: true;
     };
+    /**
+     * The type of `Lazy Load`.
+     * Type "automatic" will enable infinite scrolling
+     * Type "button" will enable lazy loading with "Show more" button
+     */
+    lazyLoadType: {
+        type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+        default: BentoListboxLazyLoadType;
+        validator: (value: BentoListboxLazyLoadType) => boolean;
+    };
     /**
      * Flag that indicates that an external search it's being made
      * to filter out the items inside the the multi-select listbox
@@ -56,8 +73,8 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Providing an empty array will select no options.
      */
     selectedValues: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: () => BentoListboxSelectedValue;
+        type: PropType<BentoListboxOptions>;
+        required: true;
     };
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -75,15 +92,16 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     isIndeterminate: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     isMultiLevelSelect: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     flattenedItemsList: import("../../../../../../../vue3/node_modules/vue").ComputedRef<any[]>;
-    selectedItemsList: import("../../../../../../../vue3/node_modules/vue").Ref<any>;
+    selectedItemsList: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxValue[]>;
     selectAllCheckboxText: import("../../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    selectedOptions: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxOptionItem[]>;
+    selectedOptions: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxOptions>;
+    showSelectAllCheckbox: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     slots: Readonly<{
         [name: string]: import("../../../../../../../vue3/node_modules/vue").Slot;
     }>;
     BentoListboxEvent: typeof BentoListboxEvent;
     selectAllCategory: (category: BentoListboxOptionItem) => void;
-    toggleCheckboxSelection: (eventName: any, value: BentoListboxValue) => void;
+    toggleCheckboxSelection: (eventName: any, selectedOption: BentoListboxOptionItem) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
     unselectAllCategory: (category: BentoListboxOptionItem) => void;
     listboxListeners: {
@@ -93,6 +111,13 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         "keydown:end": () => void;
     };
 }, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoListboxEvent.SELECT[], BentoListboxEvent.SELECT, 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<{
+    /**
+     * Indicates whether there are more items to load
+     */
+    hasMoreItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Function that allows the options to be disabled
      *
@@ -117,6 +142,16 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: PropType<BentoListboxOptions>;
         required: true;
     };
+    /**
+     * The type of `Lazy Load`.
+     * Type "automatic" will enable infinite scrolling
+     * Type "button" will enable lazy loading with "Show more" button
+     */
+    lazyLoadType: {
+        type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+        default: BentoListboxLazyLoadType;
+        validator: (value: BentoListboxLazyLoadType) => boolean;
+    };
     /**
      * Flag that indicates that an external search it's being made
      * to filter out the items inside the the multi-select listbox
@@ -132,8 +167,8 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Providing an empty array will select no options.
      */
     selectedValues: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: () => BentoListboxSelectedValue;
+        type: PropType<BentoListboxOptions>;
+        required: true;
     };
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -148,6 +183,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
     staticCategories: boolean;
     searching: boolean;
-    selectedValues: BentoListboxSelectedValue;
+    hasMoreItems: boolean;
+    lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../../types";
+import { BentoListboxEvent, BentoListboxOptions } from "../../../../../types";
 /**
  * Listbox single-select options list
  *
@@ -47,7 +47,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Set to an empty string `''` if you don't want any of the available options to be selected
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
+        type: PropType<BentoListboxOptions>;
         default: any;
     };
     /**
@@ -60,11 +60,12 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
 }, {
     BentoListboxEvent: typeof BentoListboxEvent;
     listboxItemRef: import("../../../../../../../vue3/node_modules/vue").Ref<any[]>;
+    selectedItem: import("../../../../../../../vue3/node_modules/vue").ComputedRef<import("../../../../../types").BentoListboxOptionItem>;
     slots: Readonly<{
         [name: string]: import("../../../../../../../vue3/node_modules/vue").Slot;
     }>;
     hasCategories: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
+    onOptionSelected: (eventName: any) => (selectedOption: BentoListboxOptions) => void;
     listboxListeners: {
         "keydown:arrow-up": (event?: CustomEvent<KeyboardEvent>) => void;
         "keydown:arrow-down": (event?: CustomEvent<KeyboardEvent>) => void;
@@ -72,10 +73,10 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         "keydown:end": () => void;
     };
     listboxOptionListeners: {
-        select: (selectedValue: BentoListboxSelectedValue) => void;
-        "space-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "tab-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "enter-pressed": (selectedValue: BentoListboxSelectedValue) => void;
+        select: (selectedOption: BentoListboxOptions) => void;
+        "space-pressed": (selectedOption: BentoListboxOptions) => void;
+        "tab-pressed": (selectedOption: BentoListboxOptions) => void;
+        "enter-pressed": (selectedOption: BentoListboxOptions) => void;
     };
 }, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB, 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<{
     /**
@@ -108,7 +109,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Set to an empty string `''` if you don't want any of the available options to be selected
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
+        type: PropType<BentoListboxOptions>;
         default: any;
     };
     /**
@@ -125,7 +126,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     "onTab-pressed"?: (...args: any[]) => any;
 }, {
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    selectedValue: BentoListboxSelectedValue;
+    selectedValue: BentoListboxOptions;
     staticCategories: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/composables/use-cached-selected-values/use-cached-selected-values.d.ts

@@ -14,14 +14,14 @@ import { Ref } from "../../../../../../../vue3/node_modules/vue";
  * @returns Two lists of cached items. One list with label/value pairs and one with only the values stored.
  */
 export declare const useCachedSelectedValues: (items: Ref<BentoListboxOptions>, selectedValues: Ref<BentoListboxSelectedValue>, multiple: Ref<boolean>) => {
-    cachedSelectedValues: Ref<{
+    cachedSelectedListboxOptions: Ref<{
         data?: unknown;
         description?: string;
         value: BentoListboxValue;
         items?: any[];
         label: string;
     }[]>;
-    simpleSelectedValuesCache: Ref<BentoListboxSelectedValue>;
+    cachedListboxSelectedValues: Ref<BentoListboxSelectedValue>;
     resetCache: () => void;
     setCachedValues: (newSelectedValues: BentoListboxOptions) => void;
 };

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEmptyStateProps, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxVirtulisationOptions } from "../../../types";
+import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEmptyStateProps, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxVirtulisationOptions } from "../../../types";
 import { BentoLoadingButtonState } from "../../button";
 /**
  * Listbox container.
@@ -125,8 +125,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
      * Set to an empty string `''` if you don't want any of the available options to be selected for single select
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
+        type: PropType<BentoListboxOptions>;
+        default: () => any[];
     };
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
@@ -148,8 +148,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         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" | "success" | "upload-files" | "wrong-environment";
         variant: "condensed" | "full-page" | "embedded" | "basic";
-        description: string;
         action: import("../../button").BentoButtonActionObject;
+        description: string;
         headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
     }> & Omit<Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
         action: {
@@ -180,7 +180,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
             default: string;
             validator: (value: import("../../empty-state").BentoEmptyStateVariant) => boolean;
         };
-    }>> & import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "action" | "headingEl">>;
+    }>> & import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "action" | "description" | "headingEl">>;
     loadingButtonState: import("../../../../../vue3/node_modules/vue").ComputedRef<BentoLoadingButtonState.START | BentoLoadingButtonState.LOADING>;
     slots: Readonly<{
         [name: string]: import("../../../../../vue3/node_modules/vue").Slot;
@@ -192,13 +192,13 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
     BentoListboxEvent: typeof BentoListboxEvent;
     onListboxContainerScroll: () => void;
-    onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
+    onOptionSelected: (eventName: any) => (selectedItem: BentoListboxOptions) => void;
     emitShowMore: () => void;
     listboxListeners: {
-        select: (selectedValue: BentoListboxSelectedValue) => void;
-        "space-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "tab-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "enter-pressed": (selectedValue: BentoListboxSelectedValue) => void;
+        select: (selectedItem: BentoListboxOptions) => void;
+        "space-pressed": (selectedItem: BentoListboxOptions) => void;
+        "tab-pressed": (selectedItem: BentoListboxOptions) => void;
+        "enter-pressed": (selectedItem: BentoListboxOptions) => void;
     };
 }, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.SHOW_MORE | BentoListboxEvent.ESCAPE | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], BentoListboxEvent.SELECT | BentoListboxEvent.SHOW_MORE | BentoListboxEvent.ESCAPE | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB, 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<{
     /**
@@ -303,8 +303,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
      * Set to an empty string `''` if you don't want any of the available options to be selected for single select
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
+        type: PropType<BentoListboxOptions>;
+        default: () => any[];
     };
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
@@ -324,14 +324,14 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
 }, {
     multiple: boolean;
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
-    selectedValue: BentoListboxSelectedValue;
+    selectedValue: BentoListboxOptions;
     staticCategories: boolean;
     ariaLabel: string;
     searching: any;
-    loading: boolean;
-    emptyState: BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
+    loading: boolean;
+    emptyState: BentoListboxEmptyStateProps;
     virtualScroll: BentoListboxVirtulisationOptions;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/radio-input/radio-input.vue.d.ts

@@ -137,9 +137,9 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     "onUpdate:model-value"?: (value: RadioInputValue) => any;
 }, {
     disabled: boolean;
-    readonly: boolean;
     id: string;
     ariaLabel: string;
+    readonly: boolean;
     ariaDescribedby: string;
     hasError: boolean;
     modelValue: RadioInputValue;

package/dist/@types/packages/vue2/src/components/menu/components/menu-item-list/menu-item-list.vue.d.ts

@@ -36,14 +36,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     subMenuFocusedIndex: import("../../../../../../vue3/node_modules/vue").Ref<number>;
     showSubMenu: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     visibleSubMenuIndex: any;
-    toggleMenu: (item: BentoMenuItem, index: number) => Promise<void>;
+    menuItemClick: (item: BentoMenuItem, index: number) => void;
     closeMenu: () => void;
     focusPrevious: () => void;
     focusNext: () => void;
     focusRight: (item: any, index: any) => void;
     focusLeft: () => void;
     onBackButton: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoMenuEvent.CLOSE[], BentoMenuEvent.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<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoMenuEvent.CLOSE | "menu-item-click")[], BentoMenuEvent.CLOSE | "menu-item-click", 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<{
     /**
      * The data to be displayed in the list
      */
@@ -67,6 +67,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }>> & {
     onClose?: (...args: any[]) => any;
+    "onMenu-item-click"?: (...args: any[]) => any;
 }, {
     indentItems: boolean;
     focusLastElement: boolean;

package/dist/@types/packages/vue2/src/components/menu/components/menu-list-container/menu-list-container.vue.d.ts

@@ -1,5 +1,12 @@
 /**
  * Menu list container component to set the correct styling in a menu list. For internal use only.
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>, {
+    default: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -84,8 +84,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     onKeyDown: () => void;
     onKeyUp: () => void;
     closeMenu: () => void;
+    menuItemClick: () => void;
     toggleShowMenu: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN)[], BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN, 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<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click")[], BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click", 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<{
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
      */
@@ -134,6 +135,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }>> & {
     onClose?: (...args: any[]) => any;
     onOpen?: (...args: any[]) => any;
+    "onMenu-item-click"?: (...args: any[]) => any;
 }, {
     button: BentoMenuButtonProps;
     teleport: boolean;