@adyen/bento-vue3 1.24.0 → 1.26.0

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

@@ -14,6 +14,9 @@ export declare enum BentoAlertTypeOption {
     HIGHLIGHT = "highlight",
     SUCCESS = "success"
 }
+/**
+ * @deprecated from version 2.0.0. Use "@close-alert" instead.
+ */
 export declare enum BentoAlertEvent {
     CLOSE_ALERT = "close-alert"
 }

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

@@ -1,6 +1,4 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
-import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from "./alert.types";
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { BentoAlertTypeOption, BentoAlertVariant } from "./alert.types";
 /**
  * An Alert component is used to display a persistent
  * notification containing information important to the user
@@ -17,80 +15,74 @@ import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
  *     `
  * }
  */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Adds a close button on the right side of the alert
      */
-    closeButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    closeButton?: boolean;
     /**
      * Type of a alert; set a distinctive icon and color. Defaults to highlight.
      * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING
      */
-    type: {
-        type: PropType<"critical" | "success" | "warning" | "highlight" | BentoAlertTypeOption>;
-        default: BentoAlertTypeOption;
-        validator: (value: BentoAlertTypeOption) => boolean;
-    };
+    type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
     /**
      * Variant for the alert
      * @values DEFAULT, TIP
      */
-    variant: {
-        type: PropType<"default" | "tip" | BentoAlertVariant>;
-        default: BentoAlertVariant;
-        validator: (value: BentoAlertVariant) => boolean;
-    };
-}, {
-    alertConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean | "critical" | "success" | "warning" | "highlight" | BentoAlertTypeOption;
-    }>;
-    computedRole: import("../../../../vue3/node_modules/vue").ComputedRef<"alert" | "status">;
-    descriptionTypography: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        el: BentoTypographyElement;
-        variant: BentoTypographyVariant;
-        wide: boolean;
-    }>;
-    iconComponent: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
-    iconSvgTitle: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    isTipVariant: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    onCloseButtonClick: () => void;
-    hasSlot: (name: string) => boolean;
-    t: (key: "close" | "highlightIcon" | "successIcon" | "criticalIcon" | "warningIcon", values?: import("vue-i18n").default.Values) => string;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoAlertEvent[], BentoAlertEvent, 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<{
+    variant?: BentoAlertVariant | `${BentoAlertVariant}`;
+}>, {
+    closeButton: boolean;
+    type: BentoAlertTypeOption;
+    variant: BentoAlertVariant;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "close-alert": () => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Adds a close button on the right side of the alert
      */
-    closeButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    closeButton?: boolean;
     /**
      * Type of a alert; set a distinctive icon and color. Defaults to highlight.
      * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING
      */
-    type: {
-        type: PropType<"critical" | "success" | "warning" | "highlight" | BentoAlertTypeOption>;
-        default: BentoAlertTypeOption;
-        validator: (value: BentoAlertTypeOption) => boolean;
-    };
+    type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
     /**
      * Variant for the alert
      * @values DEFAULT, TIP
      */
-    variant: {
-        type: PropType<"default" | "tip" | BentoAlertVariant>;
-        default: BentoAlertVariant;
-        validator: (value: BentoAlertVariant) => boolean;
-    };
-}>> & {
-    "onClose-alert"?: (...args: any[]) => any;
+    variant?: BentoAlertVariant | `${BentoAlertVariant}`;
+}>, {
+    closeButton: boolean;
+    type: BentoAlertTypeOption;
+    variant: BentoAlertVariant;
+}>>> & {
+    "onClose-alert"?: () => any;
 }, {
-    type: "critical" | "success" | "warning" | "highlight" | BentoAlertTypeOption;
-    variant: "default" | "tip" | BentoAlertVariant;
+    type: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
+    variant: BentoAlertVariant | `${BentoAlertVariant}`;
     closeButton: boolean;
+}>, {
+    default: (_: {}) => any;
+    description: (_: {}) => any;
+    actions: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,3 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoButtonActionsLayout, BentoButtonActionsList } from "../button";
 import { BentoCardBackground, BentoCardTitleSize } from "./card.types";
 /**
@@ -17,44 +16,7 @@ import { BentoCardBackground, BentoCardTitleSize } from "./card.types";
  *     `
  * };
  */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
-    /**
-     * Defines the color of card background
-     */
-    background: {
-        type: PropType<"primary" | "secondary" | BentoCardBackground>;
-        default: BentoCardBackground;
-        validator: (value: BentoCardBackground) => boolean;
-    };
-    /**
-     * Defines the title size of the card header
-     */
-    titleSize: {
-        type: PropType<"default" | "small" | BentoCardTitleSize>;
-        default: BentoCardTitleSize;
-        validator: (value: BentoCardTitleSize) => boolean;
-    };
-    /**
-     * The whole content of the card will be expandable in accordion manner
-     */
-    expandable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Sets the expandable card in a closed state
-     */
-    closed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Disables the expandable card
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * List of actions that will be used to render the buttons.
      * First element in the list will be rendered as "primary".
@@ -80,10 +42,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * }]
      * ```
      */
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
+    actions?: BentoButtonActionsList;
     /**
      * Defines the layout in which the button actions is presented.
      * It can be one of:
@@ -94,138 +53,40 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * @values SPACE_BETWEEN
      * @values VERTICAL_STACK
      */
-    actionsLayout: {
-        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
-        default: import("../button").BentoButtonActionsLayoutBasic;
-        validator: (value: BentoButtonActionsLayout) => boolean;
-    };
-}, {
-    cardId: string;
-    cardConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean | "primary" | "secondary" | BentoCardBackground;
-        'b-card--expandable': boolean;
-        'b-card--disabled': boolean;
-    }>;
-    cardBodyConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-card__body--expandable': boolean;
-        'b-card__body--without-header': boolean;
-    }>;
-    cardHeaderConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-card__header--expandable': boolean;
-        'b-card__header--without-body': boolean;
-    }>;
-    cardContentConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-card__content--without-header': boolean;
-        'b-card__content--expandable': boolean;
-    }>;
-    cardActionsConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-card__actions--without-content': boolean;
-        'b-card__actions--without-content-and-with-header': boolean;
-    }>;
-    cardTitleWrapperConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-card__title-wrapper--truncated': boolean;
-    }>;
-    cardToggleConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-card__toggle--small-text': boolean;
-    }>;
-    showCardBody: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    showContent: import("../../../../vue3/node_modules/vue").Ref<boolean>;
-    tabIndex: import("../../../../vue3/node_modules/vue").ComputedRef<-1 | 0>;
-    showHeader: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    showTitleWrapper: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    typography: import("../../../../vue3/node_modules/vue").ComputedRef<Partial<{
-        wide: boolean;
-        stronger: boolean;
-        strongest: boolean;
-        el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
-        large: boolean;
-        medium: boolean;
-        variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
-    }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        wide: {
-            type: PropType<boolean>;
-        } & {
-            default: boolean;
-        };
-        stronger: {
-            type: PropType<boolean>;
-        } & {
-            default: boolean;
-        };
-        strongest: {
-            type: PropType<boolean>;
-        } & {
-            default: boolean;
-        };
-        el: {
-            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-        } & {
-            default: import("../typography").BentoTypographyElement;
-        };
-        large: {
-            type: PropType<boolean>;
-        } & {
-            default: boolean;
-        };
-        medium: {
-            type: PropType<boolean>;
-        } & {
-            default: boolean;
-        };
-        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">>;
-    contentDiv: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
-    contentMaxHeight: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'max-height': string;
-    } | {
-        'max-height'?: undefined;
-    }>;
-    hasSlot: (name: string) => boolean;
-    onClick: () => void;
-    t: (key: "showCardContent" | "hideCardContent", values?: import("vue-i18n").default.Values) => string;
-    toggleExpansion: () => void;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("click" | "expanded")[], "click" | "expanded", 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<{
+    actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
     /**
      * Defines the color of card background
      */
-    background: {
-        type: PropType<"primary" | "secondary" | BentoCardBackground>;
-        default: BentoCardBackground;
-        validator: (value: BentoCardBackground) => boolean;
-    };
+    background?: BentoCardBackground | `${BentoCardBackground}`;
     /**
-     * Defines the title size of the card header
+     * Sets the expandable card in a closed state
      */
-    titleSize: {
-        type: PropType<"default" | "small" | BentoCardTitleSize>;
-        default: BentoCardTitleSize;
-        validator: (value: BentoCardTitleSize) => boolean;
-    };
+    closed?: boolean;
     /**
-     * The whole content of the card will be expandable in accordion manner
+     * Disables the expandable card
      */
-    expandable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled?: boolean;
     /**
-     * Sets the expandable card in a closed state
+     * The whole content of the card will be expandable in accordion manner
      */
-    closed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    expandable?: boolean;
     /**
-     * Disables the expandable card
+     * Defines the title size of the card header
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;
+}>, {
+    actions: any;
+    actionsLayout: import("../button").BentoButtonActionsLayoutBasic;
+    background: BentoCardBackground;
+    closed: boolean;
+    disabled: boolean;
+    expandable: boolean;
+    titleSize: BentoCardTitleSize;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    click: () => void;
+} & {
+    expanded: (isExpanded: boolean) => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * List of actions that will be used to render the buttons.
      * First element in the list will be rendered as "primary".
@@ -251,10 +112,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * }]
      * ```
      */
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
-    };
+    actions?: BentoButtonActionsList;
     /**
      * Defines the layout in which the button actions is presented.
      * It can be one of:
@@ -265,21 +123,70 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * @values SPACE_BETWEEN
      * @values VERTICAL_STACK
      */
-    actionsLayout: {
-        type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
-        default: import("../button").BentoButtonActionsLayoutBasic;
-        validator: (value: BentoButtonActionsLayout) => boolean;
-    };
-}>> & {
-    onClick?: (...args: any[]) => any;
-    onExpanded?: (...args: any[]) => any;
+    actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
+    /**
+     * Defines the color of card background
+     */
+    background?: BentoCardBackground | `${BentoCardBackground}`;
+    /**
+     * Sets the expandable card in a closed state
+     */
+    closed?: boolean;
+    /**
+     * Disables the expandable card
+     */
+    disabled?: boolean;
+    /**
+     * The whole content of the card will be expandable in accordion manner
+     */
+    expandable?: boolean;
+    /**
+     * Defines the title size of the card header
+     */
+    titleSize?: BentoCardTitleSize | `${BentoCardTitleSize}`;
+}>, {
+    actions: any;
+    actionsLayout: import("../button").BentoButtonActionsLayoutBasic;
+    background: BentoCardBackground;
+    closed: boolean;
+    disabled: boolean;
+    expandable: boolean;
+    titleSize: BentoCardTitleSize;
+}>>> & {
+    onClick?: () => any;
+    onExpanded?: (isExpanded: boolean) => any;
 }, {
-    titleSize: "default" | "small" | BentoCardTitleSize;
+    titleSize: BentoCardTitleSize | `${BentoCardTitleSize}`;
     disabled: boolean;
-    background: "primary" | "secondary" | BentoCardBackground;
+    background: BentoCardBackground | `${BentoCardBackground}`;
     actions: BentoButtonActionsList;
-    actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+    actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
     closed: boolean;
     expandable: boolean;
+}>, {
+    image: (_: {}) => any;
+    default: (_: {}) => any;
+    header: (_: {}) => any;
+    description: (_: {}) => any;
+    content: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -270,9 +270,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     tag: any;
     indeterminate: boolean;
     optional: boolean;
-    readonly: boolean;
     errorMessage: string;
     ariaLabel: string;
+    readonly: boolean;
     hasError: boolean;
     modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 }>;

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

@@ -276,11 +276,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     variant: "horizontal" | "vertical" | BentoCheckboxGroupVariant;
     disabled: boolean;
     description: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
     errorMessage: string;
+    readonly: boolean;
     hasError: boolean;
     modelValue: (string | number)[];
     formId: string;

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

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

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

@@ -1,4 +1,5 @@
 import type { BentoColumn } from '../../data-grid.types';
+import type { Ref } from "../../../../../../vue3/node_modules/vue";
 export declare enum DataGridCellPropClass {
     COLUMN_HOVERED = "column-hovered",
     COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left",
@@ -33,6 +34,12 @@ export interface DataGridCellEvents extends DataGridCellDragEvents {
     keyup?: (event: KeyboardEvent) => void;
     keydown?: (event: KeyboardEvent) => void;
     mouseenter?: () => void;
-    mouseleave?: () => void;
+    mouseleave?: (e: MouseEvent) => void;
+    focus?: (e: FocusEvent) => void;
+    focusout?: (e: FocusEvent) => void;
 }
 export type DataGridCellEventsForColumn = (column: BentoColumn) => DataGridCellEvents;
+export type DataGridCellRegisterMenu = {
+    registerMenuContainerElement: (menuContainerElement: Ref<HTMLDivElement>) => void;
+    menuMouseLeave: (e: MouseEvent) => void;
+};

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

@@ -1,8 +1,8 @@
-import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { PropType, Ref } from "../../../../../../vue3/node_modules/vue";
 import { BentoColumn, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn } from "../../data-grid.types";
 import { DataGridCellColumnSet, DataGridCellDragEventsForColumn } from './data-grid-cell.types';
 import type { BentoDatagridDraggingColumnState } from '../data-grid-columns/data-grid-columns.types';
-import { DatagridColumnHoveringState } from "../../composables/use-column-hovering";
+import type { DatagridColumnHoveringState } from "../../composables/use-column-hovering";
 /**
  * Internal component to display the BentoDataGrid cells.
  *
@@ -97,13 +97,15 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         required: true;
     };
 }, {
-    gridcellRef: import("../../../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
+    gridcellRef: Ref<HTMLDivElement>;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
     "on-frozen-columns-key-press": (event: Event) => void;
 } & {
     "select-row": (value: BentoDatagridDataItemId[]) => void;
 } & {
     "register-row-cell-element": (el: Element, field: string, rowIndex: number) => void;
+} & {
+    "cell-hovered": (value: number) => void;
 }, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     draggingEventsForRowCell: {
         type: PropType<DataGridCellDragEventsForColumn>;
@@ -191,12 +193,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     "onOn-frozen-columns-key-press"?: (event: Event) => any;
     "onSelect-row"?: (value: BentoDatagridDataItemId[]) => any;
     "onRegister-row-cell-element"?: (el: Element, field: string, rowIndex: number) => any;
+    "onCell-hovered"?: (value: number) => any;
 }, {
     condensed: boolean;
     draggingColumns: any;
+    isMeasuringColumnWidths: boolean;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
-    isMeasuringColumnWidths: boolean;
 }>, Record<string, (_: {
     item: BentoDatagridDataItem;
 }) => any>>;

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

@@ -3,12 +3,20 @@ import type { BentoMenuItem } from "../../../menu/components";
 import type { BentoDatagridDataItem } from "../..";
 import { OmitStrict } from "../../../../types";
 export type BentoColumnCellActionVariant = 'copy' | 'edit' | 'open' | 'more';
+export type BentoColumnCellActionEvent = (rowDataItem: BentoDatagridDataItem, columnKey: string) => void;
+export type BentoColumnCellActionMenuItem = {
+    /**
+     * @deprecated This property will be removed in version 2.0, please use `event` instead.
+     */
+    handler?: BentoMenuItem['handler'];
+    event?: BentoColumnCellActionEvent;
+} & OmitStrict<BentoMenuItem, 'handler'>;
 export type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
     title?: string;
-    event?: (rowDataItem: BentoDatagridDataItem, columnKey: string) => void;
+    event?: BentoColumnCellActionEvent;
     isShort?: true;
     variant?: BentoColumnCellActionVariant;
-    menuData?: BentoMenuItem[];
+    menuData?: BentoColumnCellActionMenuItem[];
     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

@@ -59,7 +59,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         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<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "menu-item-click-close": () => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     /**
      * Column definitions using 'key' to relate to data object.
      */
@@ -82,5 +84,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: PropType<BentoDatagridDataItem>;
         required: true;
     };
-}>>, {}>;
+}>> & {
+    "onMenu-item-click-close"?: () => any;
+}, {}>;
 export default _default;

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

@@ -18,6 +18,9 @@ export declare enum DatagridColumnsEvent {
     COLUMN_DRAG_END = "column-dragend",
     COLUMN_DROP = "column-drop"
 }
+export interface DatagridColumnsHeaderReferences {
+    [key: string]: HTMLDivElement | null;
+}
 /**
  * The Datagrid column dragging state.
  * @interface BentoDatagridDraggingColumnState