@adyen/bento-vue2 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("vue").DefineComponent<{
         default: boolean;
     };
     state: {
-        type: PropType<"start" | "loading" | BentoLoadingButtonState | "success" | "fail">;
+        type: PropType<"start" | "loading" | "success" | BentoLoadingButtonState | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     state: {
-        type: PropType<"start" | "loading" | BentoLoadingButtonState | "success" | "fail">;
+        type: PropType<"start" | "loading" | "success" | BentoLoadingButtonState | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -53,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     condensed: boolean;
     disabled: boolean;
     inverse: boolean;
-    state: "start" | "loading" | BentoLoadingButtonState | "success" | "fail";
+    state: "start" | "loading" | "success" | BentoLoadingButtonState | "fail";
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -61,6 +61,8 @@ declare const _default: import("vue").DefineComponent<{
     isChecked: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     shouldShowErrorMessage: import("vue").ComputedRef<boolean>;
+    contentSlotAvailable: import("vue").ComputedRef<boolean>;
+    hasContentSlot: import("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("vue").DefineComponent<{
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }, {
+    COMPONENT_NAME: string;
     errorId: string;
     isReadOnly: import("vue").ComputedRef<boolean>;
     shouldShowGroupError: import("vue").ComputedRef<boolean>;
@@ -81,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-checkbox-group__checkboxes--horizontal': boolean;
     }>;
     inputValue: import("vue").Ref<(string | number)[]>;
+    hasContentSlot: (name: any) => boolean;
     onInput: (value: any) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("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 'vue';
+import { BentoDatagridDataItem } from "../../data-grid.types";
+import type { BentoColumnCellActions } from './data-grid-cell-actions.types';
+declare const _default: import("vue").DefineComponent<{
+    cellActions: {
+        type: PropType<BentoColumnCellActions>;
+        required: true;
+        validator: (value: BentoColumnCellActions) => boolean;
+    };
+    columnKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    rowDataItem: {
+        type: PropType<BentoDatagridDataItem>;
+        required: true;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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("vue").DefineComponent<{
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     sortBy: {
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
@@ -67,12 +71,12 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid-columns--config-settings-margin': boolean;
         'b-data-grid-columns--frozen'?: undefined;
     }>;
-    allItemsSelectedCheckboxState: import("vue").Ref<{
-        allItemsSelected: boolean;
-        isIndeterminate: boolean;
-    }>;
     isSelectColumn: (column: BentoColumn) => boolean;
     onAllRowSelect: (areAllItemsSelected: boolean) => void;
+    selectAllMenu: import("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("vue").DefineComponent<{
     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);
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatagridColumnsEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<BentoColumn[]>;
@@ -137,6 +148,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDatagridAllItemsSelectedState>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     sortBy: {
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
@@ -150,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     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("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?: {
+                link?: object;
+                type?: string;
+                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?: {
+                link?: object;
+                type?: string;
+                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("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?: {
+                link?: object;
+                type?: string;
+                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?: {
+                link?: object;
+                type?: string;
+                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?: {
+            link?: object;
+            type?: string;
+            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 '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 '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("vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             description: string;
             title: string;
-            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
             variant: "condensed" | "full-page" | "embedded" | "basic";
             action: import("../button").BentoButtonActionObject;
             headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 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;
             };
@@ -84,7 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 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;
             };
@@ -215,6 +215,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -278,7 +282,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<Readonly<Partial<{
             description: string;
             title: string;
-            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
             variant: "condensed" | "full-page" | "embedded" | "basic";
             action: import("../button").BentoButtonActionObject;
             headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
@@ -298,7 +302,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 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;
             };
@@ -327,7 +331,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 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;
             };
@@ -458,6 +462,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    selectableAcrossPages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     stickyPagination: {
         type: BooleanConstructor;
         default: boolean;
@@ -495,6 +503,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
+    selectableAcrossPages: boolean;
     sortBy: BentoDatagridSortByColumn[];
     filterValues: import("../filter-bar").BentoFilterValues;
     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/divider/divider.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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 '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 'vue/types/jsx';
 import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DropdownBaseTextboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -155,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: 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("vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DropdownBaseTextboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;

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

@@ -48,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -1398,6 +1402,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         required: true;
@@ -1424,6 +1432,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
     ariaLabel: string;
     searching: boolean;
     emptyState: BentoDropdownEmptyStateProps;

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

@@ -3,7 +3,7 @@ import { DropdownBaseTextboxEvent } from "../dropdown-base-textbox/dropdown-base
 import { Booleanish } from "../../../../types";
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, (DropdownBaseTextboxEvent.OPEN | DropdownBaseTextboxEvent.CLOSE)[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
-        type: NumberConstructor;
+        type: PropType<string | number>;
         default: number;
     };
     ariaControls: {
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     open: boolean;
     ariaLabel: string;
-    additionalItemsSelected: number;
+    additionalItemsSelected: string | number;
     ariaLabelledby: string;
     debounceTime: number;
     displayValue: string;