@adyen/bento-vue3 1.3.0 → 1.4.0

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

@@ -1,7 +1,6 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { Booleanish } from "../../types";
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     allowRowClicks: {
         type: BooleanConstructor;
@@ -27,6 +26,44 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoDatagridData>;
         required: true;
     };
+    emptyState: {
+        type: PropType<Partial<{
+            title: string;
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            variant: "condensed" | "full-page" | "embedded" | "basic";
+            description: string;
+            headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../button").BentoButtonActionObject>;
+                required: true;
+            };
+            description: {
+                type: StringConstructor;
+                default: any;
+            };
+            headingEl: {
+                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+                default: any;
+                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">;
+                default: any;
+                validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            variant: {
+                type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+                default: string;
+                validator: (value: import("../empty-state").BentoEmptyStateVariant) => boolean;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "headingEl">>;
+        default: any;
+    };
     filters: {
         type: any;
         default: any;
@@ -61,9 +98,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     pagination: {
         type: PropType<Partial<{
-            ariaLabel: string;
             page: number;
             size: number;
+            ariaLabel: string;
             totalCount: number;
             hasNext: boolean;
             hidePageSize: boolean;
@@ -99,7 +136,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             "onItems-page"?: (...args: any[]) => any;
             "onUpdate:page"?: (...args: any[]) => any;
             "onUpdate:size"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaLabel" | "page" | "size" | "totalCount" | "hasNext" | "hidePageSize">>;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
     stickyPagination: {
@@ -122,6 +159,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    tabTitle: {
+        type: StringConstructor;
+        default: any;
+    };
 }, {
     body: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
     columnDefs: import("../../../../vue3/node_modules/vue").ComputedRef<{
@@ -186,11 +227,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         isFrozenColumns?: undefined;
     })[]>;
     gridcellRefs: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement[]>;
-    isColumnMenuOpen: import("../../../../vue3/node_modules/vue").Ref<boolean>;
-    paginationRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
-    bodyDynamicStyles: {
-        height: import("../../../../vue3/node_modules/vue").Ref<string>;
-    };
     slots: Readonly<{
         [name: string]: import("../../../../vue3/node_modules/vue").Slot;
     }>;
@@ -230,9 +266,41 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         'b-data-grid__pagination--padding-right-unset': boolean;
         'b-data-grid__pagination--sticky': boolean;
     }>;
-    conditionalColumnsClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-data-grid__columns--menu-open': boolean;
-    }>;
+    limitedEmptyStateProps: import("../../../../vue3/node_modules/vue").ComputedRef<Partial<{
+        title: string;
+        image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+        variant: "condensed" | "full-page" | "embedded" | "basic";
+        description: string;
+        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../button").BentoButtonActionObject>;
+            required: true;
+        };
+        description: {
+            type: StringConstructor;
+            default: any;
+        };
+        headingEl: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+            default: any;
+            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">;
+            default: any;
+            validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+            default: string;
+            validator: (value: import("../empty-state").BentoEmptyStateVariant) => boolean;
+        };
+    }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "headingEl">>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
     onColumnResized: (resizeEvent: {
         field: string;
@@ -258,11 +326,124 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     }>;
     isOnlyOneVisibleColumn: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
+    filterBarRef: import("../../../../vue3/node_modules/vue").Ref<{
+        $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            value: import("../filter-bar").BentoFilterBarModel;
+            searchTerm: any;
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            searchTerm: {
+                type: any;
+                default: any;
+            };
+            value: {
+                type: PropType<import("../filter-bar").BentoFilterBarModel>;
+                default: () => any[];
+            };
+        }>> & {
+            onInput?: (...args: any[]) => any;
+            "onSearch-clear"?: (...args: any[]) => any;
+            "onSearch-input"?: (...args: any[]) => any;
+            "onUpdate:search-term"?: (...args: any[]) => any;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "searchTerm">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("../../../../vue3/node_modules/vue").Slot;
+        }>;
+        $root: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent, ...args: any[]) => void;
+        $el: any;
+        $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            searchTerm: {
+                type: any;
+                default: any;
+            };
+            value: {
+                type: PropType<import("../filter-bar").BentoFilterBarModel>;
+                default: () => any[];
+            };
+        }>> & {
+            onInput?: (...args: any[]) => any;
+            "onSearch-clear"?: (...args: any[]) => any;
+            "onSearch-input"?: (...args: any[]) => any;
+            "onUpdate:search-term"?: (...args: any[]) => any;
+        }, {
+            hasHiddenFilters: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+            isClearAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+            isSearchBarEnabled: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+            searchBarAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+            persistentFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
+            regularFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
+            isResetAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+            updateAllFilters: (newFilters: import("../filter-bar").BentoFilterBarModel) => void;
+            updateFilterHandler: (updatedFilter: import("../filter-bar").BentoFilterModel) => void;
+            clearAllFilters: () => void;
+            onSearchbarClear: () => void;
+            onSearchbarInput: (newSearchTerm: string) => void;
+            resetAllFilters: () => void;
+        }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent)[], string, {
+            value: import("../filter-bar").BentoFilterBarModel;
+            searchTerm: any;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("../../../../vue3/node_modules/vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../vue3/node_modules/vue").WatchStopHandle;
+    } & Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        searchTerm: {
+            type: any;
+            default: any;
+        };
+        value: {
+            type: PropType<import("../filter-bar").BentoFilterBarModel>;
+            default: () => any[];
+        };
+    }>> & {
+        onInput?: (...args: any[]) => any;
+        "onSearch-clear"?: (...args: any[]) => any;
+        "onSearch-input"?: (...args: any[]) => any;
+        "onUpdate:search-term"?: (...args: any[]) => any;
+    } & import("../../../../vue3/node_modules/vue").ShallowUnwrapRef<{
+        hasHiddenFilters: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+        isClearAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+        isSearchBarEnabled: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+        searchBarAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+        persistentFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
+        regularFilters: import("../../../../vue3/node_modules/vue").ComputedRef<import("../filter-bar").BentoFilterModel[]>;
+        isResetAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+        updateAllFilters: (newFilters: import("../filter-bar").BentoFilterBarModel) => void;
+        updateFilterHandler: (updatedFilter: import("../filter-bar").BentoFilterModel) => void;
+        clearAllFilters: () => void;
+        onSearchbarClear: () => void;
+        onSearchbarInput: (newSearchTerm: string) => void;
+        resetAllFilters: () => void;
+    }> & {} & import("../../../../vue3/node_modules/vue").ComponentCustomProperties & {}>;
+    onEmptyStateClearResetButtonClick: () => void;
     onSearchTermCleared: () => void;
     onSearchTermInput: (newSearchTerm: any) => void;
     onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
@@ -325,6 +506,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         drop: () => void;
         dragover: (e: DragEvent) => void;
     }>;
+    updateScrollPosition: (event: Event) => void;
     computedColumnPanelAlignment: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
     gridcellEvents: (column: any) => {
         [eventName: string]: (e: Event) => void;
@@ -339,7 +521,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
     }>> | ((key: "gettingYourData" | "sortAscending" | "sortDescending" | "sortInactive" | "selectRow", values?: import("vue-i18n").default.Values) => string);
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT)[], BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT, 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, BentoDatagridEvent[], BentoDatagridEvent, 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<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -364,6 +546,44 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoDatagridData>;
         required: true;
     };
+    emptyState: {
+        type: PropType<Partial<{
+            title: string;
+            image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+            variant: "condensed" | "full-page" | "embedded" | "basic";
+            description: string;
+            headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../button").BentoButtonActionObject>;
+                required: true;
+            };
+            description: {
+                type: StringConstructor;
+                default: any;
+            };
+            headingEl: {
+                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+                default: any;
+                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">;
+                default: any;
+                validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            variant: {
+                type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+                default: string;
+                validator: (value: import("../empty-state").BentoEmptyStateVariant) => boolean;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "headingEl">>;
+        default: any;
+    };
     filters: {
         type: any;
         default: any;
@@ -398,9 +618,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     pagination: {
         type: PropType<Partial<{
-            ariaLabel: string;
             page: number;
             size: number;
+            ariaLabel: string;
             totalCount: number;
             hasNext: boolean;
             hidePageSize: boolean;
@@ -436,7 +656,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             "onItems-page"?: (...args: any[]) => any;
             "onUpdate:page"?: (...args: any[]) => any;
             "onUpdate:size"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaLabel" | "page" | "size" | "totalCount" | "hasNext" | "hidePageSize">>;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
     stickyPagination: {
@@ -459,6 +679,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoDatagridSortByColumn[]>;
         default: () => any[];
     };
+    tabTitle: {
+        type: StringConstructor;
+        default: any;
+    };
 }>> & {
     onSelect?: (...args: any[]) => any;
     onNavigate?: (...args: any[]) => any;
@@ -469,6 +693,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     onColumns?: (...args: any[]) => any;
     "onFilter-search-input"?: (...args: any[]) => any;
     "onFilter-search-clear"?: (...args: any[]) => any;
+    "onUpdate:condensed"?: (...args: any[]) => any;
     "onUpdate:filters"?: (...args: any[]) => any;
     "onUpdate:filter-search-term"?: (...args: any[]) => any;
     "onUpdate:pagination"?: (...args: any[]) => any;
@@ -486,6 +711,41 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
     columnPanel: boolean;
+    emptyState: Partial<{
+        title: string;
+        image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+        variant: "condensed" | "full-page" | "embedded" | "basic";
+        description: string;
+        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../button").BentoButtonActionObject>;
+            required: true;
+        };
+        description: {
+            type: StringConstructor;
+            default: any;
+        };
+        headingEl: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+            default: any;
+            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">;
+            default: any;
+            validator: (value: import("../empty-state").BentoEmptyStateImage) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+            default: string;
+            validator: (value: import("../empty-state").BentoEmptyStateVariant) => boolean;
+        };
+    }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "headingEl">;
     filterSearchTerm: any;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
@@ -494,5 +754,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
     highlightedRows: BentoDatagridDataItemId[];
+    tabTitle: string;
 }>;
 export default _default;

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

@@ -1,9 +1,8 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoDateFormat } from "./date.types";
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     date: {
-        type: (DateConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | DateConstructor | NumberConstructor)[];
         default: any;
     };
     format: {
@@ -17,11 +16,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
 }, {
     formattedDate: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoTypographyElement: typeof BentoTypographyElement;
 }, 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<{
     date: {
-        type: (DateConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | DateConstructor | NumberConstructor)[];
         default: any;
     };
     format: {

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

@@ -1,6 +1,5 @@
 import { PropType, Ref } from "../../../../vue3/node_modules/vue";
 import { BentoDatePickerEvent } from './date-picker.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     description: {
         type: StringConstructor;
@@ -55,25 +54,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     popoverAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     ariaDescribedBy: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     textInputValue: Ref<string>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoPopoverPositions: {
-        AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
-    };
     closeDatePicker: () => void;
     clearDatePickerValue: () => Promise<void>;
     onDateSelected: (selectedDate: Date) => void;

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

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { CalendarRangeDateValue } from "../../../internal";
-import { BentoTypographyElement } from "../../../typography";
 import { DateRangePickerCalendarEvent, DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './date-range-picker-calendar.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     allowTimeInput: {
@@ -54,7 +53,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     formInputWrapperConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         'b-date-range-picker-calendar__form-input-wrapper': boolean;
     }>;
-    BentoTypographyElement: typeof BentoTypographyElement;
     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>;

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

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoDateRangePickerEvent, BentoDateRangePickerValue } from './date-range-picker.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
 import { DateRangePickerCalendarFormData, DateRangePickerCalendarRangeSelectorItems } from './components/date-range-picker-calendar/date-range-picker-calendar.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     allowTimeInput: {
@@ -61,25 +60,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     popoverAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     ariaDescribedBy: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     textInputDisplayValue: DateRangePickerCalendarFormData;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    BentoPopoverPositions: {
-        AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
-    };
     closeDateRangePicker: () => void;
     clearDateRangePickerValue: () => Promise<void>;
     openDateRangePicker: () => void;

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

@@ -1,5 +1,4 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from "../../../../types";
 import type { HTMLAttributes } from "../../../../../../../node_modules/@vue/runtime-dom";
 import { DropdownBaseTextboxEvent } from './dropdown-base-textbox.types';
@@ -69,8 +68,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
     DropdownBaseTextboxEvent: typeof DropdownBaseTextboxEvent;
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
@@ -159,11 +156,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onClear?: (...args: any[]) => any;
 }, {
     value: string;
+    open: boolean;
+    multiple: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
-    multiple: boolean;
-    open: boolean;
+    ariaLabel: string;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;

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

@@ -155,11 +155,11 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onClear?: (...args: any[]) => any;
 }, {
     value: string;
+    open: boolean;
+    multiple: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
-    multiple: boolean;
-    open: boolean;
+    ariaLabel: string;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;