@adyen/bento-vue3 1.23.0 → 1.25.0

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;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -139,7 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
     };
     /**
@@ -256,7 +256,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
     };
     /**
@@ -270,7 +270,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     "onClose-modal"?: () => any;
     "onUpdate:active-page"?: (page: string) => any;
 }, {
-    size: "small" | "medium" | "large" | BentoModalSize;
+    size: "small" | "large" | "medium" | BentoModalSize;
     activePage: string;
     actions: BentoButtonActionsList;
     destructiveActions: boolean;

package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -139,7 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         required: true;
     };
     /**
@@ -254,7 +254,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         required: true;
     };
     /**

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

@@ -135,7 +135,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
@@ -272,7 +272,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * Sets the width of the modal
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoModalSize>;
+        type: PropType<"small" | "large" | "medium" | BentoModalSize>;
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
@@ -297,7 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
 }, {
     variant: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
     isOpen: boolean;
-    size: "small" | "medium" | "large" | BentoModalSize;
+    size: "small" | "large" | "medium" | BentoModalSize;
     content: string;
     activePage: string;
     actions: BentoButtonActionsList;

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

@@ -263,12 +263,12 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
 }, {
     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" | PopperContainerPosition;
     offset: number[];
+    id: string;
     ariaRole: PopperContainerAriaRole;
     arrow: any;
     disabledFocusTrap: boolean;
     fallbackPosition: FallbackPositionProp;
     fixedPositioning: boolean;
-    id: string;
     isHidden: boolean;
     matchWidth: boolean;
     middleware: {

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

@@ -238,11 +238,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     variant: "horizontal" | "vertical" | BentoRadioGroupVariant;
     disabled: boolean;
     description: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
     errorMessage: string;
+    readonly: boolean;
     hasError: boolean;
     modelValue: import("./components/radio-button").BentoRadioButtonValue;
     formId: string;

package/dist/@types/packages/vue2/src/components/selection-card/components/selection-card-group/selection-card-group.vue.d.ts

@@ -251,13 +251,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     required: boolean;
     variant: BentoSelectionCardGroupVariant;
     disabled: boolean;
-    description: string;
-    optional: boolean;
-    readonly: boolean;
     layout: BentoSelectionCardGroupLayout;
+    description: string;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
     errorMessage: string;
+    readonly: boolean;
     modelValue: BentoSelectionCardModelValue;
     formId: string;
 }>, {

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts

@@ -59,7 +59,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -152,7 +152,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -188,7 +188,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     itemType: "text" | "custom" | "numeric" | "amount" | "percentage" | SummaryGridItemType;
     infoIconTooltipText: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts

@@ -105,7 +105,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -193,13 +193,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts

@@ -97,7 +97,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -178,13 +178,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts

@@ -97,7 +97,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
@@ -178,13 +178,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Defines the size of the `summary-grid-item` text content
      */
     size: {
-        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
+        type: PropType<"small" | "large" | "medium" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
         validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
+    size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;

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

@@ -241,11 +241,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     height: string;
     placeholder: string;
     description: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     errorMessage: string;
     ariaLabel: string;
+    readonly: boolean;
     clearable: boolean;
     characterLimit: number;
     resizable: "none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption;

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

@@ -1,47 +1,14 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoToastItemAction } from './toast-item.types';
-/**
- * @example
- * Toast item component, for internal use only.
- *
- * import { BentoToastItem } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { BentoToastItem },
- *     template: `
- *          <bento-toast-item>
- *              This is a toast message
- *              <template #primaryAction>Button text</template>
- *          </bento-toast-item>
- *     `
- * }
- */
+import type { BentoToastItem } from "../../../../composables";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
-    text: {
-        type: StringConstructor;
+    toast: {
+        type: PropType<BentoToastItem>;
         required: true;
     };
-    action: {
-        type: PropType<BentoToastItemAction>;
-        default: any;
-    };
-}, {
-    dismissButtonClicked: () => void;
-    hasSlot: (name: string) => boolean;
-    onActionClicked: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("click" | "dismiss")[], "click" | "dismiss", 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<{
-    text: {
-        type: StringConstructor;
+}, {}, 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<{
+    toast: {
+        type: PropType<BentoToastItem>;
         required: true;
     };
-    action: {
-        type: PropType<BentoToastItemAction>;
-        default: any;
-    };
-}>> & {
-    onClick?: (...args: any[]) => any;
-    onDismiss?: (...args: any[]) => any;
-}, {
-    action: BentoToastItemAction;
-}>;
+}>>, {}>;
 export default _default;

package/dist/@types/packages/vue2/src/components/toast/components/toast-shadow-stack/toast-shadow-stack.types.d.ts

@@ -0,0 +1,5 @@
+import type { BentoToastItem } from "../../../../composables";
+export interface BentoToastItemWithDimensions extends BentoToastItem {
+    bottom: number;
+    height: number;
+}

package/dist/@types/packages/vue2/src/components/toast/components/toast-shadow-stack/toast-shadow-stack.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BentoToastItemWithDimensions } from './toast-shadow-stack.types';
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    update: (toasts: BentoToastItemWithDimensions[]) => 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<{}>> & {
+    onUpdate?: (toasts: BentoToastItemWithDimensions[]) => any;
+}, {}>;
+export default _default;

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

@@ -1,2 +1 @@
 export { default as BentoToast } from './toast.vue';
-export { useBentoToastController } from '../../utils/ts/toastController';

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

@@ -1,30 +1,2 @@
-/**
- * @example
- * import { BentoToast, useBentoToastController } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { BentoToast },
- *     template: `
- *          // in your project root
- *          <bento-toast />
- *      setup() {
- *          bentoToastController = useBentoToastController();
- *          onTrigger = () => {
- *              bentoToastController.addToast({ text: 'Your toast text', action: { text: 'Button text', handler: () => { your code here } });
- *      }
- *     `
- * }
- */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{}, {
-    computedPositioning: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        top: string;
-        width: string;
-    }[]>;
-    computedHeight: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        bottom: string;
-        height: string;
-    }>;
-    toastsToShow: import("../../../../vue3/node_modules/vue").ComputedRef<import("./components/toast-item").BentoToastItem[]>;
-    toast: any;
-}, {}, {}, {}, 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: 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<{}>>, {}>;
 export default _default;

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

@@ -119,8 +119,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }, {
     value: boolean;
     disabled: boolean;
-    readonly: boolean;
     ariaLabel: string;
+    readonly: boolean;
     labelPosition: "after" | "before" | BentoToggleLabelPosition;
 }>;
 export default _default;