@adyen/bento-vue3 1.9.0 → 1.10.0

package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.types.d.ts

@@ -4,6 +4,8 @@ export interface BentoButtonActionObject extends BentoButtonProps {
     title: string;
     event?: (event: Event) => void;
     icon?: VueNodeElement;
+    iconLeft?: VueNodeElement;
+    iconRight?: VueNodeElement;
     state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
 }
 export type BentoButtonActionsList = Array<BentoButtonActionObject>;

package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         default: boolean;
     };
     state: {
-        type: PropType<"start" | BentoLoadingButtonState | "loading" | "success" | "fail">;
+        type: PropType<"start" | "success" | BentoLoadingButtonState | "loading" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         default: boolean;
     };
     state: {
-        type: PropType<"start" | BentoLoadingButtonState | "loading" | "success" | "fail">;
+        type: PropType<"start" | "success" | BentoLoadingButtonState | "loading" | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     condensed: any;
     disabled: any;
     inverse: boolean;
-    state: "start" | BentoLoadingButtonState | "loading" | "success" | "fail";
+    state: "start" | "success" | BentoLoadingButtonState | "loading" | "fail";
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -61,6 +61,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     isChecked: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     isIndeterminate: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldShowErrorMessage: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    contentSlotAvailable: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    hasContentSlot: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;

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

@@ -73,6 +73,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }, {
+    COMPONENT_NAME: string;
     errorId: string;
     isReadOnly: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     shouldShowGroupError: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
@@ -81,6 +82,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         'b-checkbox-group__checkboxes--horizontal': boolean;
     }>;
     inputValue: import("../../../../../../vue3/node_modules/vue").Ref<(string | number)[]>;
+    hasContentSlot: (name: any) => boolean;
     onInput: (value: any) => void;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoCheckboxEvent[], BentoCheckboxEvent, 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<{
     description: {

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

@@ -0,0 +1,14 @@
+import type { BentoButtonActionObject } from "../../../button";
+import type { BentoMenuItem } from "../../../menu/components";
+import type { BentoDatagridDataItem } from "../..";
+import { OmitStrict } from "../../../../types";
+export type BentoColumnCellActionVariant = 'copy' | 'edit' | 'open' | 'more';
+export type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
+    title?: string;
+    event?: (rowDataItem: BentoDatagridDataItem, columnKey: string) => void;
+    isShort?: true;
+    variant?: BentoColumnCellActionVariant;
+    menuData?: BentoMenuItem[];
+    getCopyData?: (rowDataItem: BentoDatagridDataItem, columnKey: string) => string;
+};
+export type BentoColumnCellActions = BentoColumnCellAction[];

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

@@ -0,0 +1,33 @@
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoDatagridDataItem } from "../../data-grid.types";
+import type { BentoColumnCellActions } from './data-grid-cell-actions.types';
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+    cellActions: {
+        type: PropType<BentoColumnCellActions>;
+        required: true;
+        validator: (value: BentoColumnCellActions) => boolean;
+    };
+    columnKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    rowDataItem: {
+        type: PropType<BentoDatagridDataItem>;
+        required: true;
+    };
+}, {}, 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<{
+    cellActions: {
+        type: PropType<BentoColumnCellActions>;
+        required: true;
+        validator: (value: BentoColumnCellActions) => boolean;
+    };
+    columnKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    rowDataItem: {
+        type: PropType<BentoDatagridDataItem>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -4,6 +4,7 @@ export declare enum DatagridColumnsEvent {
     COLUMN_RESIZING = "column-resizing",
     SORT = "sort",
     SELECT_ALL_ROWS = "select-all-rows",
+    SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
     COLUMN_MOVE = "column-move",
     COLUMN_UPDATE = "column-update",
     COLUMN_MENU_OPEN = "column-menu-open",

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

@@ -39,6 +39,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     sortBy: {
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
@@ -67,12 +71,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         'b-data-grid-columns--config-settings-margin': boolean;
         'b-data-grid-columns--frozen'?: undefined;
     }>;
-    allItemsSelectedCheckboxState: import("../../../../../../vue3/node_modules/vue").Ref<{
-        allItemsSelected: boolean;
-        isIndeterminate: boolean;
-    }>;
     isSelectColumn: (column: BentoColumn) => boolean;
     onAllRowSelect: (areAllItemsSelected: boolean) => void;
+    selectAllMenu: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+        text: string;
+        handler: () => void;
+    }[]>;
     conditionalSortDirectionClasses: (field: string, direction: BentoDatagridSortDirection) => {
         'b-data-grid-columns__column-sort-icon--sorted': boolean;
     };
@@ -100,6 +104,13 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     computeMenuPosition: (hasFirstColumnPanelRightAligned: any, index: any) => import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START | import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     DatagridColumnsEvent: typeof DatagridColumnsEvent;
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
+    }>, never, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>, import("@intlify/core-base")._ResourcePath<{
+        [key: string]: string;
+    }>> | ((key: "selectAll" | "freezeColumn" | "hideColumn" | "moveColumnLeft" | "moveColumnRight" | "selectPage" | "selectionMenu" | "showColumn" | "unfreezeColumn", values?: import("vue-i18n").default.Values) => string);
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DatagridColumnsEvent[], DatagridColumnsEvent, 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<{
     columns: {
         type: PropType<BentoColumn[]>;
@@ -137,6 +148,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     sortBy: {
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
@@ -146,6 +161,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     "onColumn-resizing"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
     "onSelect-all-rows"?: (...args: any[]) => any;
+    "onSelect-all-across-pages"?: (...args: any[]) => any;
     "onColumn-move"?: (...args: any[]) => any;
     "onColumn-update"?: (...args: any[]) => any;
     "onColumn-menu-open"?: (...args: any[]) => any;
@@ -163,6 +179,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     hasFirstColumnPanelRightAligned: boolean;
     isOnlyOneVisibleColumn: boolean;
     allItemsSelectedState: BentoDatagridAllItemsSelectedState;
+    selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
 }>;
 export default _default;

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

@@ -1,3 +1,4 @@
 export { default as DataGridColumns } from './data-grid-columns/data-grid-columns.vue';
 export { default as BentoDataGridConfigSettings } from './data-grid-config-settings/data-grid-config-settings.vue';
 export { default as DataGridLazyLoad } from './data-grid-lazy-load/data-grid-lazy-load.vue';
+export { default as DataGridCellActions } from './data-grid-cell-actions/data-grid-cell-actions.vue';

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

@@ -25,6 +25,7 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
         visible?: boolean;
         mandatory?: boolean;
         frozen?: boolean;
+        cellActions?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActions;
     }[]>;
     gridColumnWidthStyle: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         width: string;

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

@@ -21,6 +21,33 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
             visible?: boolean;
             mandatory?: boolean;
             frozen?: boolean;
+            cellActions?: {
+                type?: string;
+                link?: object;
+                condensed?: boolean;
+                critical?: boolean;
+                disabled?: boolean;
+                inverse?: boolean;
+                iconLeft?: object | Element | (object | Element)[];
+                iconRight?: object | Element | (object | Element)[];
+                title?: string;
+                event?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => void;
+                isShort?: true;
+                variant?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionVariant;
+                menuData?: {
+                    text: string;
+                    handler: () => void;
+                    secondaryText?: string;
+                    items?: any[];
+                    disabled?: boolean;
+                    chevron?: boolean;
+                    icon?: object | Element | (object | Element)[];
+                    critical?: boolean;
+                    indent?: boolean;
+                    addDivider?: boolean;
+                }[];
+                getCopyData?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => string;
+            }[];
         };
         dragToLeft?: boolean;
         target?: {
@@ -41,6 +68,33 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
             visible?: boolean;
             mandatory?: boolean;
             frozen?: boolean;
+            cellActions?: {
+                type?: string;
+                link?: object;
+                condensed?: boolean;
+                critical?: boolean;
+                disabled?: boolean;
+                inverse?: boolean;
+                iconLeft?: object | Element | (object | Element)[];
+                iconRight?: object | Element | (object | Element)[];
+                title?: string;
+                event?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => void;
+                isShort?: true;
+                variant?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionVariant;
+                menuData?: {
+                    text: string;
+                    handler: () => void;
+                    secondaryText?: string;
+                    items?: any[];
+                    disabled?: boolean;
+                    chevron?: boolean;
+                    icon?: object | Element | (object | Element)[];
+                    critical?: boolean;
+                    indent?: boolean;
+                    addDivider?: boolean;
+                }[];
+                getCopyData?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => string;
+            }[];
         };
     };
     draggingEventsForColumns: import("../../../../../../vue3/node_modules/vue").ComputedRef<{

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

@@ -21,6 +21,33 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
             visible?: boolean;
             mandatory?: boolean;
             frozen?: boolean;
+            cellActions?: {
+                type?: string;
+                link?: object;
+                condensed?: boolean;
+                critical?: boolean;
+                disabled?: boolean;
+                inverse?: boolean;
+                iconLeft?: object | Element | (object | Element)[];
+                iconRight?: object | Element | (object | Element)[];
+                title?: string;
+                event?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => void;
+                isShort?: true;
+                variant?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionVariant;
+                menuData?: {
+                    text: string;
+                    handler: () => void;
+                    secondaryText?: string;
+                    items?: any[];
+                    disabled?: boolean;
+                    chevron?: boolean;
+                    icon?: object | Element | (object | Element)[];
+                    critical?: boolean;
+                    indent?: boolean;
+                    addDivider?: boolean;
+                }[];
+                getCopyData?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => string;
+            }[];
         })[];
         id: string;
         isFrozenColumns: boolean;
@@ -43,6 +70,33 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
             visible?: boolean;
             mandatory?: boolean;
             frozen?: boolean;
+            cellActions?: {
+                type?: string;
+                link?: object;
+                condensed?: boolean;
+                critical?: boolean;
+                disabled?: boolean;
+                inverse?: boolean;
+                iconLeft?: object | Element | (object | Element)[];
+                iconRight?: object | Element | (object | Element)[];
+                title?: string;
+                event?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => void;
+                isShort?: true;
+                variant?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionVariant;
+                menuData?: {
+                    text: string;
+                    handler: () => void;
+                    secondaryText?: string;
+                    items?: any[];
+                    disabled?: boolean;
+                    chevron?: boolean;
+                    icon?: object | Element | (object | Element)[];
+                    critical?: boolean;
+                    indent?: boolean;
+                    addDivider?: boolean;
+                }[];
+                getCopyData?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => string;
+            }[];
         })[];
         id: string;
         isFrozenColumns?: undefined;
@@ -66,6 +120,33 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
         visible?: boolean;
         mandatory?: boolean;
         frozen?: boolean;
+        cellActions?: {
+            type?: string;
+            link?: object;
+            condensed?: boolean;
+            critical?: boolean;
+            disabled?: boolean;
+            inverse?: boolean;
+            iconLeft?: object | Element | (object | Element)[];
+            iconRight?: object | Element | (object | Element)[];
+            title?: string;
+            event?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => void;
+            isShort?: true;
+            variant?: import("../../components/data-grid-cell-actions/data-grid-cell-actions.types").BentoColumnCellActionVariant;
+            menuData?: {
+                text: string;
+                handler: () => void;
+                secondaryText?: string;
+                items?: any[];
+                disabled?: boolean;
+                chevron?: boolean;
+                icon?: object | Element | (object | Element)[];
+                critical?: boolean;
+                indent?: boolean;
+                addDivider?: boolean;
+            }[];
+            getCopyData?: (rowDataItem: import("../../data-grid.types").BentoDatagridDataItem, columnKey: string) => string;
+        }[];
     })[]>;
     onConfigSettingsUpdate: (isCondensedView: boolean) => void;
     onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;

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

@@ -1,7 +1,7 @@
 import { Ref } from "../../../../../vue3/node_modules/vue";
 import { BentoDatagridData, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn } from '../data-grid.types';
 export declare const useSelector: (selection: Ref<BentoDatagridDataItemId[]>, emit: (event: string, emitedSelectedItems: BentoDatagridDataItemId[]) => void, data: Ref<BentoDatagridData>, getDataItemId: BentoDatagridGetDataItemIdFn, isDataItemDisabled: BentoDatagridIsDataItemDisabledFn) => {
-    onAllRowSelect: (allItemsSelected: boolean) => void;
+    onAllRowSelect: (selectAllItems: boolean) => void;
     onRowSelect: (value: BentoDatagridDataItemId[]) => void;
     allItemsSelectedState: {
         allItemsSelected: boolean;

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

@@ -1,5 +1,6 @@
-import { BentoPagination } from "../pagination";
-import { BentoEmptyState } from "../empty-state";
+import type { BentoPagination } from "../pagination";
+import type { BentoEmptyState } from "../empty-state";
+import type { BentoColumnCellActions } from './components/data-grid-cell-actions/data-grid-cell-actions.types';
 export declare enum BentoColumnOverflow {
     WRAP = "wrap",
     ELLIPSIS = "ellipsis"
@@ -22,6 +23,7 @@ export interface BentoColumn {
     visible?: boolean;
     mandatory?: boolean;
     frozen?: boolean;
+    cellActions?: BentoColumnCellActions;
 }
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline",
@@ -73,6 +75,7 @@ export declare enum BentoDatagridEvent {
     UPDATE_SORT_BY = "update:sort-by",
     ROW_CLICK = "row-click",
     SELECT = "select",
+    SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
     SORT = "sort"
 }
 export declare enum BentoDatagridAriaSortValue {

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

@@ -1,7 +1,7 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import { BentoButtonActionsList } from "../button";
 import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn } from './data-grid.types';
 import { BentoLazyLoadType } from "../../types";
+import type { BentoButtonActionsList } from "../button";
 declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     emptyState: {
         type: PropType<Partial<{
             title: string;
-            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
             variant: "condensed" | "full-page" | "embedded" | "basic";
             description: string;
             action: import("../button").BentoButtonActionObject;
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
                 validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             image: {
-                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment">;
                 default: any;
                 validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
             };
@@ -160,6 +160,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "virtualScroll" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -222,7 +226,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     emptyState: {
         type: PropType<Partial<{
             title: string;
-            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
             variant: "condensed" | "full-page" | "embedded" | "basic";
             description: string;
             action: import("../button").BentoButtonActionObject;
@@ -243,7 +247,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
                 validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             image: {
-                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+                type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment">;
                 default: any;
                 validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
             };
@@ -348,6 +352,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "virtualScroll" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -382,6 +390,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     "onItems-page"?: (...args: any[]) => any;
     "onColumn-resize"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
+    "onSelect-all-across-pages"?: (...args: any[]) => any;
     "onUpdate:columns"?: (...args: any[]) => any;
     "onUpdate:filter-values"?: (...args: any[]) => any;
     onColumns?: (...args: any[]) => any;
@@ -404,6 +413,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
+    selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: any;
     allowRowClicks: boolean;

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

@@ -0,0 +1 @@
+export declare const DIVIDER_INVERSE_INJECTION_KEY: unique symbol;

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

@@ -2,7 +2,7 @@ import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { Booleanish } from "../../../../types";
 export declare const DropdownBaseTextboxProps: {
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     dynamicFiltering: {

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

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from "../../../../../../../node_modules/@vue/runt
 import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -85,7 +85,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     hasSlot: (name: string) => boolean;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DropdownBaseTextboxEvent[], DropdownBaseTextboxEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -161,7 +161,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     readonly: boolean;
     open: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;

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

@@ -3,7 +3,7 @@ import { BentoListboxOptionItem, Booleanish } from "../../../../types";
 import { DropdownBaseTextboxEvent } from '../dropdown-base-textbox/dropdown-base-textbox.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -89,7 +89,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, DropdownBaseTextboxEvent[], DropdownBaseTextboxEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -170,7 +170,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     readonly: boolean;
     open: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;