@adyen/bento-vue3 1.22.0 → 1.24.0

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

@@ -102,10 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
             description: {
                 type: StringConstructor;
                 default: any;
-            }; /**
-             * A customisable method to determine if a row is not selectable.
-             * The default is that every row is selectable.
-             */
+            };
             headingEl: {
                 type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
                 default: any;
@@ -225,6 +222,29 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
             };
             hasNext: {
                 type: BooleanConstructor;
+                /**
+                 * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
+                 *
+                 * @example
+                 * import { BentoDataGrid } from '@adyen/bento-vue2';
+                 *
+                 * export default {
+                 *     components: { BentoDataGrid },
+                 *     template: `
+                 *          <bento-data-grid
+                 *               :data="[
+                 *                  { id: '123', name: 'John', company: 'TestCompany', 'payment': 200 }
+                 *                  { id: '321', name: 'Jane', company: 'Adyen', 'payment': 300 }
+                 *               ]"
+                 *               :columns="[
+                 *                  { field: 'name', label: 'Name', minWidth: 300, mandatory: true },
+                 *                  { field: 'company', label: 'Reference' },
+                 *                  { field: 'payment', label: 'Payment', width: 200, minWidth: 150 },
+                 *                ]"
+                 *          />
+                 *     `
+                 * }
+                 */
                 default: any;
             };
             hidePageSize: {
@@ -402,10 +422,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
             description: {
                 type: StringConstructor;
                 default: any;
-            }; /**
-             * A customisable method to determine if a row is not selectable.
-             * The default is that every row is selectable.
-             */
+            };
             headingEl: {
                 type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
                 default: any;
@@ -525,6 +542,29 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
             };
             hasNext: {
                 type: BooleanConstructor;
+                /**
+                 * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
+                 *
+                 * @example
+                 * import { BentoDataGrid } from '@adyen/bento-vue2';
+                 *
+                 * export default {
+                 *     components: { BentoDataGrid },
+                 *     template: `
+                 *          <bento-data-grid
+                 *               :data="[
+                 *                  { id: '123', name: 'John', company: 'TestCompany', 'payment': 200 }
+                 *                  { id: '321', name: 'Jane', company: 'Adyen', 'payment': 300 }
+                 *               ]"
+                 *               :columns="[
+                 *                  { field: 'name', label: 'Name', minWidth: 300, mandatory: true },
+                 *                  { field: 'company', label: 'Reference' },
+                 *                  { field: 'payment', label: 'Payment', width: 200, minWidth: 150 },
+                 *                ]"
+                 *          />
+                 *     `
+                 * }
+                 */
                 default: any;
             };
             hidePageSize: {

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

@@ -446,9 +446,9 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     value: BentoListboxSelectedValue;
     required: boolean;
     label: string;
+    search: BentoDropdownSearchOptions;
     condensed: boolean;
     disabled: boolean;
-    search: BentoDropdownSearchOptions;
     error: boolean;
     multiple: boolean;
     placeholder: string;

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

@@ -141,10 +141,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             messages?: {
                 [key: string]: {
                     [key: string]: string;
-                    persistentButtonLabelPartiallySelected: string;
-                    persistentButtonLabelAllSelected: string;
+                    persistentButtonLabelPartiallySelected?: string;
+                    persistentButtonLabelAllSelected?: string;
                 };
             };
+            messagesPersistentButtonLabelPartiallySelectedKey?: string;
+            messagesPersistentButtonLabelAllSelectedKey?: string;
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -168,8 +170,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             messages?: {
                 [key: string]: {
                     [key: string]: string;
-                    persistentButtonLabelPartiallySelected: string;
-                    persistentButtonLabelAllSelected: string;
+                    persistentButtonLabelPartiallySelected?: string;
+                    persistentButtonLabelAllSelected?: string;
                 };
             };
             multiple?: boolean;
@@ -241,6 +243,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             virtualScroll?: boolean | {
                 itemHeight: import("../../../../composables").UseVirtualListItemHeight;
             };
+            messagesPersistentButtonLabelPartiallySelectedKey?: string;
+            messagesPersistentButtonLabelAllSelectedKey?: string;
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -268,8 +272,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             messages?: {
                 [key: string]: {
                     [key: string]: string;
-                    persistentButtonLabelPartiallySelected: string;
-                    persistentButtonLabelAllSelected: string;
+                    persistentButtonLabelPartiallySelected?: string;
+                    persistentButtonLabelAllSelected?: string;
                 };
             };
             multiple?: boolean;
@@ -341,6 +345,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             virtualScroll?: boolean | {
                 itemHeight: import("../../../../composables").UseVirtualListItemHeight;
             };
+            messagesPersistentButtonLabelPartiallySelectedKey?: string;
+            messagesPersistentButtonLabelAllSelectedKey?: string;
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -369,8 +375,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             messages?: {
                 [key: string]: {
                     [key: string]: string;
-                    persistentButtonLabelPartiallySelected: string;
-                    persistentButtonLabelAllSelected: string;
+                    persistentButtonLabelPartiallySelected?: string;
+                    persistentButtonLabelAllSelected?: string;
                 };
             };
             multiple?: boolean;
@@ -442,6 +448,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             virtualScroll?: boolean | {
                 itemHeight: import("../../../../composables").UseVirtualListItemHeight;
             };
+            messagesPersistentButtonLabelPartiallySelectedKey?: string;
+            messagesPersistentButtonLabelAllSelectedKey?: string;
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -469,8 +477,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             messages?: {
                 [key: string]: {
                     [key: string]: string;
-                    persistentButtonLabelPartiallySelected: string;
-                    persistentButtonLabelAllSelected: string;
+                    persistentButtonLabelPartiallySelected?: string;
+                    persistentButtonLabelAllSelected?: string;
                 };
             };
             multiple?: boolean;
@@ -542,6 +550,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             virtualScroll?: boolean | {
                 itemHeight: import("../../../../composables").UseVirtualListItemHeight;
             };
+            messagesPersistentButtonLabelPartiallySelectedKey?: string;
+            messagesPersistentButtonLabelAllSelectedKey?: string;
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -569,8 +579,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             messages?: {
                 [key: string]: {
                     [key: string]: string;
-                    persistentButtonLabelPartiallySelected: string;
-                    persistentButtonLabelAllSelected: string;
+                    persistentButtonLabelPartiallySelected?: string;
+                    persistentButtonLabelAllSelected?: string;
                 };
             };
             multiple?: boolean;
@@ -642,6 +652,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             virtualScroll?: boolean | {
                 itemHeight: import("../../../../composables").UseVirtualListItemHeight;
             };
+            messagesPersistentButtonLabelPartiallySelectedKey?: string;
+            messagesPersistentButtonLabelAllSelectedKey?: string;
             lazy?: {
                 hasMoreItems: boolean;
                 lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -1566,10 +1578,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 messages?: {
                     [key: string]: {
                         [key: string]: string;
-                        persistentButtonLabelPartiallySelected: string;
-                        persistentButtonLabelAllSelected: string;
+                        persistentButtonLabelPartiallySelected?: string;
+                        persistentButtonLabelAllSelected?: string;
                     };
                 };
+                messagesPersistentButtonLabelPartiallySelectedKey?: string;
+                messagesPersistentButtonLabelAllSelectedKey?: string;
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -1593,8 +1607,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 messages?: {
                     [key: string]: {
                         [key: string]: string;
-                        persistentButtonLabelPartiallySelected: string;
-                        persistentButtonLabelAllSelected: string;
+                        persistentButtonLabelPartiallySelected?: string;
+                        persistentButtonLabelAllSelected?: string;
                     };
                 };
                 multiple?: boolean;
@@ -1666,6 +1680,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 virtualScroll?: boolean | {
                     itemHeight: import("../../../../composables").UseVirtualListItemHeight;
                 };
+                messagesPersistentButtonLabelPartiallySelectedKey?: string;
+                messagesPersistentButtonLabelAllSelectedKey?: string;
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -1693,8 +1709,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 messages?: {
                     [key: string]: {
                         [key: string]: string;
-                        persistentButtonLabelPartiallySelected: string;
-                        persistentButtonLabelAllSelected: string;
+                        persistentButtonLabelPartiallySelected?: string;
+                        persistentButtonLabelAllSelected?: string;
                     };
                 };
                 multiple?: boolean;
@@ -1766,6 +1782,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 virtualScroll?: boolean | {
                     itemHeight: import("../../../../composables").UseVirtualListItemHeight;
                 };
+                messagesPersistentButtonLabelPartiallySelectedKey?: string;
+                messagesPersistentButtonLabelAllSelectedKey?: string;
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -1794,8 +1812,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 messages?: {
                     [key: string]: {
                         [key: string]: string;
-                        persistentButtonLabelPartiallySelected: string;
-                        persistentButtonLabelAllSelected: string;
+                        persistentButtonLabelPartiallySelected?: string;
+                        persistentButtonLabelAllSelected?: string;
                     };
                 };
                 multiple?: boolean;
@@ -1867,6 +1885,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 virtualScroll?: boolean | {
                     itemHeight: import("../../../../composables").UseVirtualListItemHeight;
                 };
+                messagesPersistentButtonLabelPartiallySelectedKey?: string;
+                messagesPersistentButtonLabelAllSelectedKey?: string;
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -1894,8 +1914,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 messages?: {
                     [key: string]: {
                         [key: string]: string;
-                        persistentButtonLabelPartiallySelected: string;
-                        persistentButtonLabelAllSelected: string;
+                        persistentButtonLabelPartiallySelected?: string;
+                        persistentButtonLabelAllSelected?: string;
                     };
                 };
                 multiple?: boolean;
@@ -1967,6 +1987,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 virtualScroll?: boolean | {
                     itemHeight: import("../../../../composables").UseVirtualListItemHeight;
                 };
+                messagesPersistentButtonLabelPartiallySelectedKey?: string;
+                messagesPersistentButtonLabelAllSelectedKey?: string;
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;
@@ -1994,8 +2016,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 messages?: {
                     [key: string]: {
                         [key: string]: string;
-                        persistentButtonLabelPartiallySelected: string;
-                        persistentButtonLabelAllSelected: string;
+                        persistentButtonLabelPartiallySelected?: string;
+                        persistentButtonLabelAllSelected?: string;
                     };
                 };
                 multiple?: boolean;
@@ -2067,6 +2089,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 virtualScroll?: boolean | {
                     itemHeight: import("../../../../composables").UseVirtualListItemHeight;
                 };
+                messagesPersistentButtonLabelPartiallySelectedKey?: string;
+                messagesPersistentButtonLabelAllSelectedKey?: string;
                 lazy?: {
                     hasMoreItems: boolean;
                     lazyLoadType: "button" | "none" | "automatic" | import("../../../dropdown").BentoDropdownLazyLoadType;

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

@@ -104,8 +104,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
 }>> & {
     onClick?: (...args: any[]) => any;
 }, {
-    disabled: boolean;
     bold: boolean;
+    disabled: boolean;
     isFilterOpen: boolean;
     hasChevron: boolean;
     amountAppliedValues: string | number;

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

@@ -27,11 +27,21 @@ export interface BentoSelectFilterOptions {
      */
     messages?: {
         [key: string]: {
-            persistentButtonLabelPartiallySelected: string;
-            persistentButtonLabelAllSelected: string;
+            persistentButtonLabelPartiallySelected?: string;
+            persistentButtonLabelAllSelected?: string;
             [key: string]: string;
         };
     };
+    /**
+     * The unique key to use in the messages translation object to use for the persistent button label
+     * when the select filter has partially selected items.
+     */
+    messagesPersistentButtonLabelPartiallySelectedKey?: string;
+    /**
+     * The unique key to use in the messages translation object to use for the persistent button label
+     * when the select filter has all items selected.
+     */
+    messagesPersistentButtonLabelAllSelectedKey?: string;
     lazy?: {
         /**
          * Indicates whether there are more items to load

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

@@ -53,7 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * Dropdown props for the small selectable dropdown menu.
-     * @see BentoDropdown
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *
      */
     dropdown: {
         type: PropType<BentoInputDropdownProps>;
@@ -209,7 +213,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * Dropdown props for the small selectable dropdown menu.
-     * @see BentoDropdown
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *
      */
     dropdown: {
         type: PropType<BentoInputDropdownProps>;

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

@@ -87,41 +87,46 @@ declare const _default: import("../../../../../../../../../../../vue3/node_modul
         stronger: boolean;
         strongest: boolean;
         el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement;
-        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
-        medium: boolean;
         large: boolean;
+        medium: boolean;
+        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
     }> & Omit<Readonly<import("../../../../../../../../../../../vue3/node_modules/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;
+        wide: {
+            type: PropType<boolean>;
+        } & {
+            default: boolean;
         };
         stronger: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
         strongest: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             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;
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
+        } & {
+            default: import("../../../../../../../../typography").BentoTypographyElement;
         };
         large: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        wide: {
-            type: BooleanConstructor;
+        medium: {
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-    }>> & import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "variant" | "medium" | "large">>;
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
+        } & {
+            default: import("../../../../../../../../typography").BentoTypographyVariant;
+        };
+    }>> & import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "large" | "medium" | "variant">>;
     toggleOpen: (event: Event) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, unknown, {}, {}, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ListboxMultiSelectCategoryEvent[], ListboxMultiSelectCategoryEvent, 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<{

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

@@ -1,4 +1,5 @@
 import { BentoButton } from '../button';
+export * from './components/menu-item/menu-item.types';
 export declare enum BentoMenuEvent {
     BACK = "back",
     CLOSE = "close",
@@ -10,4 +11,3 @@ export type BentoMenuButtonProps = {
     condensed?: ButtonProps['condensed'];
     disabled?: ButtonProps['disabled'];
 };
-export {};

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

@@ -66,6 +66,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }, {
+    popoverRef: import("../../../../vue3/node_modules/vue").Ref<HTMLElement>;
     menuButtonRef: any;
     menuId: string;
     popoverId: string;

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/stepper/composables/index.d.ts

@@ -0,0 +1,2 @@
+export { useKeyboardNavigation } from './use-keyboard-navigation/use-keyboard-navigation';
+export { useStepRegister } from './use-step-register/use-step-register';

package/dist/@types/packages/vue2/src/components/stepper/composables/use-step-register/use-step-register.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from "../../../../../../vue3/node_modules/vue";
+import type { BentoStepperStepExposeState } from '../../stepper.types';
+/**
+ * Provides methods to register/unregister `bento-step` elements to/from the `bento-stepper` step state.
+ * These methods allow for tracking the child step elements, including their position in the DOM tree.
+ * @param childrenSteps The `bento-stepper` (or `bento-step` if substeps) step state.
+ */
+export declare const useStepRegister: (childrenSteps: Ref<BentoStepperStepExposeState[]>) => {
+    registerStep: (stepState: BentoStepperStepExposeState) => void;
+    removeStep: (stepState: BentoStepperStepExposeState) => void;
+};

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

@@ -21,4 +21,5 @@ export type BentoStepperState = Ref<{
     isParentStep?: boolean;
     navigateToStep: (index: number) => void;
     registerStep: (stepState: BentoStepperStepExposeState) => void;
+    removeStep: (stepState: BentoStepperStepExposeState) => void;
 }>;

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;