@adyen/bento-vue3 1.23.0 → 1.25.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/avatar-image/avatar-image.vue.d.ts

@@ -1,13 +1,13 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Avatar color. Defaults to yellow.
+     */
+    color?: BentoAvatarImageColor;
     /**
      * Image src to load the profile picture.
      */
-    src: {
-        type: StringConstructor;
-        default: any;
-    };
+    src?: string;
     /**
      * Name of the user that will be used to extract initials to display default value.
      * John => J
@@ -15,40 +15,26 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * John Smith Doe => JD
      * John Smith Doe Holly => JH
      */
-    username: {
-        type: StringConstructor;
-        default: any;
-    };
+    username?: string;
     /**
      * Variants supported for small and large.
      * Default - large
      */
-    variant: {
-        type: PropType<BentoAvatarImageVariant>;
-        default: BentoAvatarImageVariant;
-        validator: (value: BentoAvatarImageVariant) => boolean;
-    };
+    variant?: BentoAvatarImageVariant;
+}>, {
+    color: BentoAvatarImageColor;
+    src: any;
+    username: any;
+    variant: BentoAvatarImageVariant;
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Avatar color. Defaults to yellow.
      */
-    color: {
-        type: PropType<BentoAvatarImageColor>;
-        default: BentoAvatarImageColor;
-        validator: (value: BentoAvatarImageColor) => boolean;
-    };
-}, {
-    conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean | BentoAvatarImageColor;
-    }>;
-    initials: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-}, 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<{
+    color?: BentoAvatarImageColor;
     /**
      * Image src to load the profile picture.
      */
-    src: {
-        type: StringConstructor;
-        default: any;
-    };
+    src?: string;
     /**
      * Name of the user that will be used to extract initials to display default value.
      * John => J
@@ -56,31 +42,35 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
      * John Smith Doe => JD
      * John Smith Doe Holly => JH
      */
-    username: {
-        type: StringConstructor;
-        default: any;
-    };
+    username?: string;
     /**
      * Variants supported for small and large.
      * Default - large
      */
-    variant: {
-        type: PropType<BentoAvatarImageVariant>;
-        default: BentoAvatarImageVariant;
-        validator: (value: BentoAvatarImageVariant) => boolean;
-    };
-    /**
-     * Avatar color. Defaults to yellow.
-     */
-    color: {
-        type: PropType<BentoAvatarImageColor>;
-        default: BentoAvatarImageColor;
-        validator: (value: BentoAvatarImageColor) => boolean;
-    };
-}>>, {
+    variant?: BentoAvatarImageVariant;
+}>, {
+    color: BentoAvatarImageColor;
+    src: any;
+    username: any;
+    variant: BentoAvatarImageVariant;
+}>>>, {
     variant: BentoAvatarImageVariant;
     src: string;
     color: BentoAvatarImageColor;
     username: string;
 }>;
 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];
+};

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,133 +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;
-        variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
-        medium: boolean;
-        large: boolean;
-    }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        el: {
-            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-            default: import("../typography").BentoTypographyElement;
-            validator: (value: import("../typography").BentoTypographyElement) => boolean;
-        };
-        stronger: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        strongest: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
-            default: import("../typography").BentoTypographyVariant;
-            validator: (value: import("../typography").BentoTypographyVariant) => boolean;
-        };
-        medium: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        large: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wide: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "variant" | "medium" | "large">>;
-    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".
@@ -246,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:
@@ -260,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;
+};