@adyen/bento-vue3 1.38.1 → 1.40.0

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

@@ -1,6 +1,6 @@
 import { PropType } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEmptyStateProps, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridPaginationProps, BentoDatagridSortByColumn } from './data-grid.types';
-import { BentoLazyLoadType } from "../../types";
+import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEmptyStateProps, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridPaginationProps, BentoDatagridShouldShowNestedContentFn, BentoDatagridSortByColumn } from './data-grid.types';
+import type { BentoLazyLoadType } from "../../types";
 import type { BentoButtonActionsList } from "../button";
 /**
  * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
@@ -134,6 +134,20 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enables the nested content slot functionality.
+     */
+    hasNestedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Highlighted items
+     */
+    highlightedRows: {
+        type: PropType<BentoDatagridDataItemId[]>;
+        default: () => any[];
+    };
     /**
      * A customisable method to determine if a row is not selectable.
      * The default is that every row is selectable.
@@ -167,6 +181,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Renders the data grid with no top spacing, to render inside containers that already have spacing
+     */
+    noSpacingTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Pagination props that will be passed down to inner pagination component
      */
@@ -212,18 +233,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         default: () => any[];
     };
     /**
-     * Highlighted items
+     * Enables / Disables the nested-content slot
      */
-    highlightedRows: {
-        type: PropType<BentoDatagridDataItemId[]>;
-        default: () => any[];
-    };
-    /**
-     * Renders the data grid with no top spacing, to render inside containers that already have spacing
-     */
-    noSpacingTop: {
-        type: BooleanConstructor;
-        default: boolean;
+    shouldShowNestedContent: {
+        type: PropType<BentoDatagridShouldShowNestedContentFn>;
+        default: (_item: BentoDatagridDataItem) => true;
     };
     /**
      * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
@@ -358,6 +372,20 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enables the nested content slot functionality.
+     */
+    hasNestedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Highlighted items
+     */
+    highlightedRows: {
+        type: PropType<BentoDatagridDataItemId[]>;
+        default: () => any[];
+    };
     /**
      * A customisable method to determine if a row is not selectable.
      * The default is that every row is selectable.
@@ -391,6 +419,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Renders the data grid with no top spacing, to render inside containers that already have spacing
+     */
+    noSpacingTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Pagination props that will be passed down to inner pagination component
      */
@@ -436,18 +471,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
         default: () => any[];
     };
     /**
-     * Highlighted items
-     */
-    highlightedRows: {
-        type: PropType<BentoDatagridDataItemId[]>;
-        default: () => any[];
-    };
-    /**
-     * Renders the data grid with no top spacing, to render inside containers that already have spacing
+     * Enables / Disables the nested-content slot
      */
-    noSpacingTop: {
-        type: BooleanConstructor;
-        default: boolean;
+    shouldShowNestedContent: {
+        type: PropType<BentoDatagridShouldShowNestedContentFn>;
+        default: (_item: BentoDatagridDataItem) => true;
     };
     /**
      * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
@@ -479,6 +507,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
     onSort?: (...args: any[]) => any;
     "onSelect-all-across-pages"?: (...args: any[]) => any;
     "onUpdate:columns"?: (...args: any[]) => any;
+    "onRow-click"?: (...args: any[]) => any;
     "onUpdate:filter-values"?: (...args: any[]) => any;
     onColumns?: (...args: any[]) => any;
     "onFilter-search-input"?: (...args: any[]) => any;
@@ -490,7 +519,6 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
     "onUpdate:selection"?: (...args: any[]) => any;
     "onUpdate:show-more"?: (...args: any[]) => any;
     "onUpdate:sort-by"?: (...args: any[]) => any;
-    "onRow-click"?: (...args: any[]) => any;
 }>, {
     filters: any;
     condensed: boolean;
@@ -541,17 +569,19 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
     truncateColumnHeaders: boolean;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
-    filterValues: any;
     allowRowClicks: boolean;
+    hasNestedContent: boolean;
+    highlightedRows: BentoDatagridDataItemId[];
+    shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
+    filterValues: any;
     allowColumnDragAndDrop: boolean;
     bulkActions: BentoButtonActionsList;
     columnPanel: boolean;
     filterSearchTerm: any;
+    noSpacingTop: boolean;
     stickyPagination: boolean;
     stickyFilters: boolean;
     selection: BentoDatagridDataItemId[];
-    highlightedRows: BentoDatagridDataItemId[];
-    noSpacingTop: boolean;
     tabTitle: string;
 }, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, Record<NonNullable<string | number>, (_: any) => any> & Record<NonNullable<string | number>, (_: any) => any> & {
     header: (_: {}) => any;

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

@@ -68,8 +68,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    date: string | number | Date;
     disableTypography: boolean;
+    date: string | number | Date;
     format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
 }, {}, {
     BentoTypography: {

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

@@ -1329,8 +1329,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    date: string | number | Date;
                     disableTypography: boolean;
+                    date: string | number | Date;
                     format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                 }, {}, {
                     BentoTypography: {

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

@@ -2794,8 +2794,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    date: string | number | Date;
                     disableTypography: boolean;
+                    date: string | number | Date;
                     format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                 }, {}, {
                     BentoTypography: {

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

@@ -3529,8 +3529,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                             default: boolean;
                         };
                     }>> & Readonly<{}>, {
-                        date: string | number | Date;
                         disableTypography: boolean;
+                        date: string | number | Date;
                         format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                     }, {}, {
                         BentoTypography: {

package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts

@@ -4718,8 +4718,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                                 default: boolean;
                             };
                         }>> & Readonly<{}>, {
-                            date: string | number | Date;
                             disableTypography: boolean;
+                            date: string | number | Date;
                             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                         }, {}, {
                             BentoTypography: {
@@ -5968,8 +5968,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                             default: boolean;
                         };
                     }>> & Readonly<{}>, {
-                        date: string | number | Date;
                         disableTypography: boolean;
+                        date: string | number | Date;
                         format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                     }, {}, {
                         BentoTypography: {
@@ -10306,8 +10306,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                                     default: boolean;
                                 };
                             }>> & Readonly<{}>, {
-                                date: string | number | Date;
                                 disableTypography: boolean;
+                                date: string | number | Date;
                                 format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                             }, {}, {
                                 BentoTypography: {
@@ -13764,8 +13764,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                                 default: boolean;
                             };
                         }>> & Readonly<{}>, {
-                            date: string | number | Date;
                             disableTypography: boolean;
+                            date: string | number | Date;
                             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                         }, {}, {
                             BentoTypography: {
@@ -17148,6 +17148,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             type: NumberConstructor;
             default: number;
         };
+        hint: {
+            type: StringConstructor;
+            default: string;
+        };
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -17181,6 +17185,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             type: NumberConstructor;
             default: number;
         };
+        hint: {
+            type: StringConstructor;
+            default: string;
+        };
         placeholder: {
             type: StringConstructor;
             default: string;
@@ -17200,6 +17208,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
         condensed: boolean;
         debounceTime: number;
         placeholder: string;
+        hint: string;
     }, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
     BentoSelectAvatarFilter: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
         options: {

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

@@ -2036,8 +2036,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                             default: boolean;
                         };
                     }>> & Readonly<{}>, {
-                        date: string | number | Date;
                         disableTypography: boolean;
+                        date: string | number | Date;
                         format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                     }, {}, {
                         BentoTypography: {
@@ -3286,8 +3286,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    date: string | number | Date;
                     disableTypography: boolean;
+                    date: string | number | Date;
                     format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                 }, {}, {
                     BentoTypography: {

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

@@ -4241,8 +4241,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                                 default: boolean;
                             };
                         }>> & Readonly<{}>, {
-                            date: string | number | Date;
                             disableTypography: boolean;
+                            date: string | number | Date;
                             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                         }, {}, {
                             BentoTypography: {
@@ -7699,8 +7699,8 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                             default: boolean;
                         };
                     }>> & Readonly<{}>, {
-                        date: string | number | Date;
                         disableTypography: boolean;
+                        date: string | number | Date;
                         format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                     }, {}, {
                         BentoTypography: {

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

@@ -3166,8 +3166,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                                 default: boolean;
                             };
                         }>> & Readonly<{}>, {
-                            date: string | number | Date;
                             disableTypography: boolean;
+                            date: string | number | Date;
                             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                         }, {}, {
                             BentoTypography: {
@@ -4416,8 +4416,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                             default: boolean;
                         };
                     }>> & Readonly<{}>, {
-                        date: string | number | Date;
                         disableTypography: boolean;
+                        date: string | number | Date;
                         format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                     }, {}, {
                         BentoTypography: {
@@ -8754,8 +8754,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                                     default: boolean;
                                 };
                             }>> & Readonly<{}>, {
-                                date: string | number | Date;
                                 disableTypography: boolean;
+                                date: string | number | Date;
                                 format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                             }, {}, {
                                 BentoTypography: {
@@ -12212,8 +12212,8 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
                                 default: boolean;
                             };
                         }>> & Readonly<{}>, {
-                            date: string | number | Date;
                             disableTypography: boolean;
+                            date: string | number | Date;
                             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
                         }, {}, {
                             BentoTypography: {

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

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

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

@@ -728,8 +728,8 @@ declare const _default: import("../../../../../../node_modules/.pnpm/vue@3.5.13_
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                date: string | number | Date;
                 disableTypography: boolean;
+                date: string | number | Date;
                 format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
             }, {}, {
                 BentoTypography: {

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts

@@ -640,8 +640,8 @@ declare const _default: import("../../../../../../../../node_modules/.pnpm/vue@3
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            date: string | number | Date;
             disableTypography: boolean;
+            date: string | number | Date;
             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
         }, {}, {
             BentoTypography: {

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/__test__/calendar-month-day-stub.vue.d.ts

@@ -131,8 +131,8 @@ declare const _default: import("../../../../../../../../../../../node_modules/.p
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            date: string | number | Date;
             disableTypography: boolean;
+            date: string | number | Date;
             format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | import("../../../../../../../date").BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
         }, {}, {
             BentoTypography: {

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts

@@ -113,8 +113,8 @@ declare const _default: import("../../../../../../../../../../node_modules/.pnpm
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        date: string | number | Date;
         disableTypography: boolean;
+        date: string | number | Date;
         format: "d" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "LLLL dd, yyyy" | "LLL dd, yyyy" | BentoDateFormat | "LLL dd, yyyy, h:mm:ss aa" | "LLL dd, yyyy, H:mm:ss" | "LLL dd, yyyy, h:mm:ss aa O" | "LLL dd, yyyy, H:mm:ss O" | "LLL dd, yyyy, h:mm aa" | "LLL dd, yyyy, h:mm aa O" | "LLL dd, yyyy, H:mm" | "LLL dd, yyyy, H:mm O";
     }, {}, {
         BentoTypography: {

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

@@ -0,0 +1,3 @@
+import type { LinkProps } from '@adyen/bento-core/src/components/link/link.types';
+import type { RouterLinkProps } from 'vue-router/types/router';
+export type BentoLinkProps = RouterLinkProps & LinkProps;

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

@@ -1,113 +1,5 @@
 import { BentoLinkVariant } from "../../../../core/src/components/link/link.types";
-export interface LinkProps {
-    /**
-     * Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to
-     * `router.push()` internally, so the value can be either a "string" or a location" descriptor object.
-     */
-    to: any;
-    /**
-     * Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will
-     * not create a new history record.
-     *
-     * @default false
-     */
-    replace?: boolean;
-    /**
-     * Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating
-     * from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at
-     * `/a/b`.
-     *
-     * @default false
-     */
-    append?: boolean;
-    /**
-     * Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to
-     * render to, and it will still listen to click events for navigation.
-     *
-     * @default "a"
-     */
-    tag?: string;
-    /**
-     * Configure the active CSS class applied when the link is active. Note the default value can also be configured
-     * globally via the `linkActiveClass` router constructor option.
-     *
-     * @default "router-link-active"
-     */
-    activeClass?: string;
-    /**
-     * The default active class matching behavior is **inclusive match**. For example, `<RouterLink to="/a">` will get
-     * this class applied as long as the current path starts with `/a/` or is `/a`.
-     *
-     * @default false
-     */
-    exact?: boolean;
-    /**
-     * Allows matching only using the `path` section of the url, effectively ignoring the `query` and the `hash` sections.
-     *
-     * @default false
-     */
-    exactPath?: boolean;
-    /**
-     * Configure the active CSS class applied when the link is active with exact path match. Note the default value can
-     * also be configured globally via the `linkExactPathActiveClass` router constructor option.
-     *
-     * @default "router-link-exact-path-active"
-     */
-    exactPathActiveClass?: string;
-    /**
-     * Specify the event(s) that can trigger the link navigation.
-     *
-     * @default 'click'
-     */
-    event?: string | ReadonlyArray<string>;
-    /**
-     * Configure the active CSS class applied when the link is active with exact match. Note the default value can also be
-     * configured globally via the `linkExactActiveClass` router constructor option.
-     *
-     * @default "router-link-exact-active"
-     */
-    exactActiveClass?: string;
-    /**
-     * Configure the value of `aria-current` when the link is active with exact match. It must be one of the allowed
-     * values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the
-     * default of page should be the best fit.
-     *
-     * @default "page"
-     */
-    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
-    /**
-     * Custom Props
-     */
-    /**
-     * Disable the default typography for the component. Only use this when the component is inside another typography component.
-     */
-    disableTypography?: boolean;
-    /**
-     * Set the rendered link to a regular external anchor link and renders an external link icon.
-     */
-    external?: boolean;
-    /**
-     * Set to true if used inside a `BentoButton` component.
-     */
-    isButton?: boolean;
-    /**
-     * Set the rendered link to a regular external anchor link.
-     */
-    isNotRouting?: boolean;
-    /**
-     * Sets the target of the rendered link.
-     */
-    target?: string;
-    /**
-     * Set to true to truncate link. Doesn't work with disableTypography.
-     */
-    truncate?: boolean;
-    /**
-     * Link variant type affecting visual style.
-     * @values default, quiet
-     */
-    variant?: BentoLinkVariant | `${BentoLinkVariant}`;
-}
+import type { BentoLinkProps } from './link.types';
 /**
  * Extends the `router-link` from the `vue-router` NPM package.
  *
@@ -123,12 +15,12 @@ export interface LinkProps {
  *     `
  * }
  */
-declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoLinkProps>, {
     target: any;
     variant: BentoLinkVariant;
 }>>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
     click: (clickEvent: MouseEvent) => void;
-}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LinkProps>, {
+}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoLinkProps>, {
     target: any;
     variant: BentoLinkVariant;
 }>>> & Readonly<{

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

@@ -23,7 +23,7 @@
  *     `,
  * }
  */
-declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * @deprecated from version 2.0.0. Use the aria-label attribute instead.
      */
@@ -126,7 +126,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     totalCount: number;
     hasNext: boolean;
     hidePageSize: boolean;
-}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, {
+    default: (_: {}) => any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -142,3 +144,8 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     } : P[K];
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -63,6 +63,13 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Text displayed as a hint when the field is not empty
+     */
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Text displayed as the placeholder of the input-field
      */
@@ -114,6 +121,13 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Text displayed as a hint when the field is not empty
+     */
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Text displayed as the placeholder of the input-field
      */
@@ -139,5 +153,6 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     condensed: boolean;
     debounceTime: number;
     placeholder: string;
+    hint: string;
 }, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
 export default _default;