@adyen/bento-vue2 1.14.0 → 1.15.0

package/dist/@types/components.d.ts

@@ -19,6 +19,7 @@ import {
     BentoCountry,
     BentoCurrency,
     BentoDataGrid,
+    BentoDataGridTemplate,
     BentoDate,
     BentoDatePicker,
     BentoDateRangePicker,
@@ -98,6 +99,7 @@ declare module 'vue' {
         BentoCodeSnippet: typeof BentoCodeSnippet;
         BentoCurrency: typeof BentoCurrency;
         BentoDataGrid: typeof BentoDataGrid;
+        BentoDataGridTemplate: typeof BentoDataGridTemplate;
         BentoDate: typeof BentoDate;
         BentoDatePicker: typeof BentoDatePicker;
         BentoDateRangePicker: typeof BentoDateRangePicker;

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

@@ -0,0 +1 @@
+export type BentoActionBarVariant = 'default' | 'confirmation';

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

@@ -1,9 +1,10 @@
 import { PropType } from 'vue';
 import { BentoButtonActionsList } from "../button";
+import { type BentoActionBarVariant } from "./action-bar.types";
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
-        required: true;
+        default: () => any[];
     };
     visibleActions: {
         type: NumberConstructor;
@@ -22,12 +23,20 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<BentoActionBarVariant>;
+        default: string;
+    };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
     close: () => void;
+} & {
+    cancel: () => void;
+} & {
+    save: () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
-        required: true;
+        default: () => any[];
     };
     visibleActions: {
         type: NumberConstructor;
@@ -46,7 +55,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<BentoActionBarVariant>;
+        default: string;
+    };
 }>>, {
+    variant: BentoActionBarVariant;
+    actions: BentoButtonActionsList;
     visibleActions: number;
     extraBottomSpacing: boolean;
     selectionLabel: string;

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

@@ -1 +1,2 @@
 export { default as BentoActionBar } from './action-bar.vue';
+export type { BentoActionBarVariant } from './action-bar.types';

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

@@ -31,13 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     isTipVariant: import("vue").ComputedRef<boolean>;
     onCloseButtonClick: () => void;
     hasSlot: (name: string) => boolean;
-    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: "close" | "highlightIcon" | "successIcon" | "criticalIcon" | "warningIcon", values?: import("vue-i18n").default.Values) => string);
+    t: (key: "close" | "highlightIcon" | "successIcon" | "criticalIcon" | "warningIcon", values?: import("vue-i18n").default.Values) => string;
     BentoTypographyVariant: typeof BentoTypographyVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoAlertEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     closeButton: {

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

@@ -146,13 +146,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     hasSlot: (name: string) => boolean;
     onClick: () => void;
-    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: "showCardContent" | "hideCardContent", values?: import("vue-i18n").default.Values) => string);
+    t: (key: "showCardContent" | "hideCardContent", values?: import("vue-i18n").default.Values) => string;
     toggleExpansion: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "expanded")[], string, Readonly<import("vue").ExtractPropTypes<{
     background: {

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

@@ -102,13 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     hasSlot: (name: string) => boolean;
     onChange: (event: Event) => void;
     onClick: (event: Event) => void;
-    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: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
+    t: (key: "required" | "optional" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;

package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts

@@ -59,13 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     handleChangeLanguage: () => void;
     onActionClicked: () => void;
     runText: import("vue").ComputedRef<string>;
-    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: "expand" | "run", values?: import("vue-i18n").default.Values) => string);
+    t: (key: "expand" | "run", values?: import("vue-i18n").default.Values) => string;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: PropType<"inline" | "singleline" | "multiline" | BentoCodeSnippetVariant>;

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

@@ -123,13 +123,7 @@ 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);
+    t: (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[]>;

package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts

@@ -213,13 +213,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-date-range-picker-calendar__form-input-wrapper': boolean;
     }>;
     hasSlot: (name: string) => boolean;
-    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: "daily" | "weekly" | "monthly" | "customRange" | "dateFrom" | "dateTo" | "lastMonth" | "lastSevenDays" | "lastThreeMonths" | "timeFrom" | "timeTo", values?: import("vue-i18n").default.Values) => string);
+    t: (key: "daily" | "weekly" | "monthly" | "customRange" | "dateFrom" | "dateTo" | "lastMonth" | "lastSevenDays" | "lastThreeMonths" | "timeFrom" | "timeTo", values?: import("vue-i18n").default.Values) => string;
     onDateInput: (selectedRange: CalendarRangeDateValue) => void;
     onDateInputKeyDown: (event: KeyboardEvent) => void;
     onEndDateInput: (endDateText: string) => void;

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

@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {

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

@@ -95,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
@@ -209,7 +209,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {

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

@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts

@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {

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

@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | import("../../..").BentoDropdownSize>;
-        default: import("../../..").BentoDropdownSize;
+        default: any;
         validator: (value: import("../../..").BentoDropdownSize) => boolean;
     };
     staticCategories: {

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

@@ -89,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
-        default: BentoDropdownSize;
+        default: any;
         validator: (value: BentoDropdownSize) => boolean;
     };
     staticCategories: {
@@ -200,7 +200,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     size: {
         type: PropType<"DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize>;
-        default: BentoDropdownSize;
+        default: any;
         validator: (value: BentoDropdownSize) => boolean;
     };
     staticCategories: {

package/dist/@types/packages/vue2/src/components/header/components/info-icon-with-popover/index.d.ts

@@ -0,0 +1 @@
+export { default as InfoIconWithPopover } from './info-icon-with-popover.vue';

package/dist/@types/packages/vue2/src/components/header/components/info-icon-with-popover/info-icon-with-popover.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    popoverText: {
+        type: StringConstructor;
+        default: any;
+    };
+    popoverPosition: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+        default: import("../../../popper-container").PopperContainerPositionExtended;
+        validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    popoverText: {
+        type: StringConstructor;
+        default: any;
+    };
+    popoverPosition: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
+        default: import("../../../popper-container").PopperContainerPositionExtended;
+        validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
+    };
+}>>, {
+    popoverText: string;
+    popoverPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -3,27 +3,32 @@ import { BentoButtonActionsList } from "../button";
 import { BentoHeaderVariant } from './header.types';
 import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: PropType<"component" | "page" | BentoHeaderVariant>;
-        default: BentoHeaderVariant;
-        validator: (value: BentoHeaderVariant) => boolean;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
     };
     infoIconTooltipText: {
         type: StringConstructor;
         default: any;
     };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
+    infoIconPopoverPosition: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        default: import("../popper-container").PopperContainerPositionExtended;
+        validator: (value: import("../popper-container").PopperContainerPosition) => boolean;
     };
     lastUpdated: {
         type: (DateConstructor | NumberConstructor)[];
         default: any;
     };
+    variant: {
+        type: PropType<"component" | "page" | BentoHeaderVariant>;
+        default: BentoHeaderVariant;
+        validator: (value: BentoHeaderVariant) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
     hasSlot: (name: string) => boolean;
     conditionalClasses: import("vue").ComputedRef<{
@@ -37,31 +42,37 @@ declare const _default: import("vue").DefineComponent<{
         large: boolean;
     }>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    variant: {
-        type: PropType<"component" | "page" | BentoHeaderVariant>;
-        default: BentoHeaderVariant;
-        validator: (value: BentoHeaderVariant) => boolean;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        default: any;
     };
     infoIconTooltipText: {
         type: StringConstructor;
         default: any;
     };
-    actions: {
-        type: PropType<BentoButtonActionsList>;
-        default: any;
+    infoIconPopoverPosition: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+        default: import("../popper-container").PopperContainerPositionExtended;
+        validator: (value: import("../popper-container").PopperContainerPosition) => boolean;
     };
     lastUpdated: {
         type: (DateConstructor | NumberConstructor)[];
         default: any;
     };
+    variant: {
+        type: PropType<"component" | "page" | BentoHeaderVariant>;
+        default: BentoHeaderVariant;
+        validator: (value: BentoHeaderVariant) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
 }>>, {
     variant: "component" | "page" | BentoHeaderVariant;
     actions: BentoButtonActionsList;
     infoIconTooltipText: string;
     lastUpdated: number | Date;
+    infoIconPopoverPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
 }>;
 export default _default;

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

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

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

@@ -34,10 +34,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: BentoModalRole;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         default: BentoModalSize;
@@ -83,10 +79,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: BentoModalRole;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         default: BentoModalSize;
@@ -102,7 +94,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     customPadding: string;
     initiallyOpen: boolean;
     modalRole: string;
-    overflowVisible: boolean;
     withColumnLayout: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -38,10 +38,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
@@ -89,10 +85,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     size: {
         type: PropType<"small" | "medium" | "large" | BentoModalSize>;
         required: true;
@@ -107,7 +99,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     customPadding: string;
     hideCloseButton: boolean;
     initiallyOpen: boolean;
-    overflowVisible: boolean;
     withColumnLayout: boolean;
     actionsLabel: string;
     destructiveActions: boolean;

package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts

@@ -26,10 +26,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
     "close-modal": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<{
@@ -57,14 +53,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
     actions: BentoButtonActionsList;
     initiallyOpen: boolean;
-    overflowVisible: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,4 +1,8 @@
 export declare enum BentoModalVariant {
+    DEFAULT = "default",
+    DIALOG = "dialog"
+}
+export declare enum BentoModalVariantMapping {
     DEFAULT = "BentoModalDefault",
     DIALOG = "BentoModalDialog"
 }

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

@@ -53,14 +53,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     variant: {
-        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
-        default: BentoModalVariant;
-        validator: (value: BentoModalVariant) => boolean;
+        type: PropType<"default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
+        default: string;
+        validator: (value: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant) => boolean;
     };
     withColumnLayout: {
         type: BooleanConstructor;
@@ -120,21 +116,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: BentoModalSize;
         validator: (value: BentoModalSize) => boolean;
     };
-    overflowVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     variant: {
-        type: PropType<"BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
-        default: BentoModalVariant;
-        validator: (value: BentoModalVariant) => boolean;
+        type: PropType<"default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant>;
+        default: string;
+        validator: (value: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant) => boolean;
     };
     withColumnLayout: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
-    variant: "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
+    variant: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | BentoModalVariant;
     isOpen: boolean;
     content: string;
     size: "small" | "medium" | "large" | BentoModalSize;
@@ -144,7 +136,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hideCloseButton: boolean;
     initiallyOpen: boolean;
     isDismissible: boolean;
-    overflowVisible: boolean;
     withColumnLayout: boolean;
     actionsLabel: string;
     destructiveActions: boolean;

package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts

@@ -91,13 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     isLastItem: import("vue").ComputedRef<boolean>;
     generateUid: (value: string) => string;
     hasSlot: (name: string) => boolean;
-    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: "showMore" | "timegap" | "showLess", values?: import("vue-i18n").default.Values) => string);
+    t: (key: "showMore" | "timegap" | "showLess", values?: import("vue-i18n").default.Values) => string;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     additionalTimestamp: {
         type: PropType<BentoTimelineTimestamp>;

package/dist/@types/packages/vue2/src/index.d.ts

@@ -46,6 +46,7 @@ export * from './components/toast';
 export * from './components/toggle';
 export * from './components/tutorial';
 export * from './components/typography';
+export * from './templates/data-grid-template';
 export * from './types';
 export * from './directives';
 export default BentoVue;

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

@@ -1,11 +1,13 @@
 import { Ref } from 'vue';
-import { BentoTab } from "../../components/tabs";
+import type { BentoTab } from "../../components/tabs";
+import type { BentoHeader } from "../../components/header";
 export type BentoDataGridTemplateDataGrid = () => {
     isDataGridTemplate: boolean;
     stickyTabs: Ref<boolean>;
     tabsRef: Ref<HTMLDivElement> | null;
 };
 export type BentoDataGridTemplateTab = InstanceType<typeof BentoTab>['$props'];
+export type BentoDataGridTemplateHeader = InstanceType<typeof BentoHeader>['$props'];
 export type BentoDataGridTemplateTabs = {
     activeTabIndex?: number;
     tabs: BentoDataGridTemplateTab[];