@adyen/bento-vue3 1.52.0 → 1.53.0

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

@@ -75,6 +75,8 @@ declare type __VLS_NonUndefinedable_30<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_31<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_32<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
@@ -312,6 +314,15 @@ declare type __VLS_TypePropsToRuntimeProps_31<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_32<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_32<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_4<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
@@ -492,6 +503,12 @@ declare type __VLS_WithDefaults_28<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_29<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_3<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -762,6 +779,12 @@ declare type __VLS_WithTemplateSlots_43<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_44<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     new (): {
         $slots: S;
@@ -794,6 +817,7 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
 
 /**
  * Extracts all the keys from a type
+ * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.
  */
 export declare type allKeys<T> = T extends any ? keyof T : never;
 
@@ -3330,7 +3354,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<{
 /**
 * The header of the section
 */
@@ -3341,7 +3365,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<{
 /**
 * The header of the section
 */
@@ -3389,7 +3413,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * The header that goes to the top of the template
 */
@@ -3412,7 +3436,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * The header that goes to the top of the template
 */
@@ -3628,6 +3652,14 @@ type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
+* Filter's search bar properties with which the placeholder, hint and other
+* "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
+*/
+filterSearchConfig: {
+type: PropType<BentoFilterBarSearchBarProps>;
+default: any;
+};
+/**
 * Filter bar search term useful to filter all the data by text
 */
 filterSearchTerm: {
@@ -3894,6 +3926,14 @@ type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
+* Filter's search bar properties with which the placeholder, hint and other
+* "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
+*/
+filterSearchConfig: {
+type: PropType<BentoFilterBarSearchBarProps>;
+default: any;
+};
+/**
 * Filter bar search term useful to filter all the data by text
 */
 filterSearchTerm: {
@@ -4104,6 +4144,7 @@ filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
+filterSearchConfig: BentoFilterBarSearchBarProps;
 filterSearchTerm: string;
 noSpacingTop: boolean;
 stickyHorizontalScrollbar: boolean;
@@ -4269,7 +4310,7 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_43<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_44<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -4419,6 +4460,7 @@ format: "d" | "LLL" | "EEEE" | "h:mm aa" | "H:mm" | "h:mm:ss aa" | "H:mm:ss" | "
 export declare interface BentoDateFilterOptions {
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek;
     isDateDisabled?: CalendarMonthIsDateDisabled;
+    variant?: `${CalendarVariant}`;
 }
 
 export declare type BentoDateFilterValue = Date | null;
@@ -4747,6 +4789,7 @@ export declare interface BentoDateRangeFilterOptions {
     numberOfMonths?: number;
     showEndDateOnOpen?: boolean;
     quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
+    variant?: `${CalendarVariant}`;
 }
 
 export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
@@ -4982,7 +5025,7 @@ onEnterPressedOverInput: () => void;
 onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
 onDateRangePickerError: (dateTextInput: any) => void;
 onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
-t: (key: "cancel" | "apply" | "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: default_2.Values) => string;
+t: (key: "cancel" | "apply" | "selectDate" | "provideDateInAFormat" | "selectDateRange" | "selectedDateIsNotAvailable" | "dateRangePicker", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes<    {
 /**
 * Allows user to enter time values in the form
@@ -5351,13 +5394,20 @@ type: StringConstructor;
 default: any;
 };
 /**
-* Indicates if new options are loading.
+* Indicates if new options are lazy loading.
 */
 loading: {
 type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Indicates that dropdown items are loading
+*/
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * The type of `Lazy Load`.
 * Type "automatic" will enable infinite scrolling
 * Type "button" will enable lazy loading with "Show more" button
@@ -5456,7 +5506,7 @@ default: boolean;
 }, {
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
+input: (selectedValue: any) => void;
 } & {
 "show-more": () => void;
 }, string, Readonly<ExtractPropTypes<    {
@@ -5559,13 +5609,20 @@ type: StringConstructor;
 default: any;
 };
 /**
-* Indicates if new options are loading.
+* Indicates if new options are lazy loading.
 */
 loading: {
 type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Indicates that dropdown items are loading
+*/
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * The type of `Lazy Load`.
 * Type "automatic" will enable infinite scrolling
 * Type "button" will enable lazy loading with "Show more" button
@@ -5684,6 +5741,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -5780,6 +5838,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -5896,6 +5958,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -5973,6 +6039,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6075,6 +6142,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6199,6 +6270,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6277,6 +6352,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6370,6 +6446,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6485,6 +6565,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6562,6 +6646,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6655,6 +6740,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6770,6 +6859,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6847,6 +6940,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6955,6 +7049,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -7071,6 +7169,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -7148,6 +7250,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -7433,7 +7536,7 @@ export declare interface BentoFileUploaderProps {
      */
     maxSize?: number;
     /**
-     * Used to support `v-model`. Doesn't actually set the value of the file uploader.
+     * Used to support `v-model`. Can be used to set value of FileUploader if FileList
      */
     modelValue?: BentoFileUploaderValue;
     /**
@@ -7450,7 +7553,7 @@ export declare interface BentoFileUploaderProps {
     tooltipText?: string;
 }
 
-export declare type BentoFileUploaderValue = string | Array<string> | File | Array<File>;
+export declare type BentoFileUploaderValue = string | Array<string> | File | Array<File> | FileList;
 
 /**
  * The filter bar filters item lists and tables according to various filter criteria.
@@ -8056,6 +8159,199 @@ declare enum BentoHeaderVariant {
     COMPONENT = "component"
 }
 
+/**
+ * Header with views allow users to save and quickly retrieve configurations tailored to specific tasks.
+ * For example, managing daily transactions, auditing, or analyzing specific data sets.
+ * It also allows the user to define the columns, filters, and search queries they need.
+ *
+ * @example
+ * import { BentoHeaderWithViews } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *   components: { BentoHeaderWithViews },
+ *   template: `
+ *     <bento-header-with-views
+ *       :actions="[
+ *         { title: 'Primary action', event: () => undefined },
+ *         { title: 'Secondary action', event: () => undefined },
+ *         { title: 'Tertiary action', event: () => undefined },
+ *         { title: 'Another action', event: () => undefined }
+ *       ]"
+ *       description="Page Description"
+ *       title="Page Title"
+ *       :views="[
+ *         { icon: 'stack', iconColor: 'blue', label: 'A very long value' },
+ *         { icon: 'stack', iconColor: 'primary', label: 'Title 1' },
+ *         { icon: 'stack', iconColor: 'primary', label: 'Title 2' }
+ *       ]"
+ *       :additionalViewSetting="{
+ *         label: 'Include date filter (relative)',
+ *         value: false
+ *       }"
+ *       hasChanges
+ *     />
+ *   `
+ * };
+ */
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoHeaderWithViewsProps>, {
+actions: () => any[];
+additionalViewSetting: any;
+title: any;
+description: any;
+views: () => any[];
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"delete:view": (value: BentoHeaderWithViewsItemUpdate) => void;
+} & {
+"duplicate:view": (value: BentoHeaderWithViewsItemUpdate) => void;
+} & {
+"reorder:view": (value: Omit<BentoHeaderWithViewsItemUpdate, "targetViewLabel">) => void;
+} & {
+"restore:view": (value: string) => void;
+} & {
+"save:view": (value: string) => void;
+} & {
+"select:view": (value: string) => void;
+} & {
+"update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
+} & {
+"update:skip-unsaved-changes": (value: boolean) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoHeaderWithViewsProps>, {
+actions: () => any[];
+additionalViewSetting: any;
+title: any;
+description: any;
+views: () => any[];
+}>>>, {
+description: string;
+title: string;
+actions: BentoButtonActionsList_2;
+views: BentoHeaderWithViewsItem[];
+additionalViewSetting: BentoHeaderWithViewsItemAdditionalConfig;
+}>, {
+    infoIconTooltipContent: (_: {}) => any;
+}>;
+
+export declare interface BentoHeaderWithViewsItem {
+    /**
+     * Optional icon to display for the view item.
+     */
+    icon?: BentoHeaderWithViewsItemIcon;
+    /**
+     * Optional color of the icon for the view item.
+     */
+    iconColor?: BentoHeaderWithViewsItemIconColor;
+    /**
+     * Text label for the view item.
+     */
+    label: string;
+    /**
+     * Optional boolean indicating if this view item is the default or currently active view.
+     */
+    isDefault?: boolean;
+}
+
+export declare interface BentoHeaderWithViewsItemAdditionalConfig {
+    /**
+     * Label for an additional view setting (e.g. a checkbox or toggle).
+     */
+    label: string;
+    /**
+     * Boolean value indicating the state of the additional view setting (e.g. checked or toggled).
+     */
+    value: boolean;
+}
+
+export declare type BentoHeaderWithViewsItemIcon = `${BentoHeaderWithViewsItemIconEnum}`;
+
+export declare type BentoHeaderWithViewsItemIconColor = `${BentoHeaderWithViewsItemIconColorEnum}`;
+
+declare enum BentoHeaderWithViewsItemIconColorEnum {
+    BLUE = "blue",
+    GREEN = "green",
+    ORANGE = "orange",
+    PRIMARY = "primary",
+    RED = "red",
+    YELLOW = "yellow"
+}
+
+declare enum BentoHeaderWithViewsItemIconEnum {
+    STACK = "stack",
+    LEAF = "leaf",
+    HAND_ROCK = "hand-rock",
+    CAR = "car",
+    EDUCATION = "education",
+    HOTEL = "hotel",
+    TRAVEL_BAG = "travel-bag",
+    LIGHTNING = "lightning",
+    NEWS = "news",
+    PRIZE = "prize",
+    LOCK = "lock",
+    BAG = "bag",
+    DIAMOND = "diamond",
+    TARGET = "target",
+    GIFT = "gift",
+    CASH_STACK = "cash-stack",
+    HASHTAG = "hashtag",
+    CLOUD = "cloud",
+    HOSPITALITY = "hospitality",
+    SHOPPING_CART = "shopping-cart",
+    SLEEP = "sleep",
+    NOTIFICATION = "notification",
+    THUMBS_UP = "thumb-up",
+    THUMBS_DOWN = "thumb-down",
+    STAR = "star",
+    WARNING_DIAMOND = "warning-diamond",
+    RETAIL = "retail",
+    EMOTICON_HAPPY = "emoticon-happy",
+    GAMING = "gaming",
+    SUPPORT = "support",
+    HEART = "heart",
+    HOURGLASS = "hourglass",
+    WORLD = "world"
+}
+
+export declare interface BentoHeaderWithViewsItemUpdate {
+    newViews: BentoHeaderWithViewsItem[];
+    oldViews: BentoHeaderWithViewsItem[];
+    targetViewLabel: BentoHeaderWithViewsItem['label'];
+}
+
+export declare interface BentoHeaderWithViewsProps {
+    /**
+     * Optional list of actions (buttons) to display in the header.
+     * The structure of each action is defined by the `BentoButtonActionsList` type.
+     */
+    actions?: BentoButtonActionsList_2;
+    /**
+     * Optional secondary description text to display below the title.
+     */
+    description?: string;
+    /**
+     * Main title text for the header. This prop is required.
+     */
+    title: string;
+    /**
+     * Optional array of view items to display as selectable views or tabs.
+     * Each item's structure is defined by the `BentoHeaderWithViewsItem` interface.
+     */
+    views?: BentoHeaderWithViewsItem[];
+    /**
+     * Optional configuration for an additional view setting, such as a filter or option.
+     * Defined by the `BentoHeaderWithViewsItemAdditionalConfig` interface.
+     */
+    additionalViewSetting?: BentoHeaderWithViewsItemAdditionalConfig;
+    /**
+     * Boolean indicating whether there are unsaved changes on the page.
+     * This might be used to visually indicate to the user that they need to save their work.
+     */
+    hasChanges: boolean;
+    /**
+     * String indicating whether to display a prompt, reminding the user to save their changes whenever they switch view tabs.
+     * If null, no prompt is shown and changes will always be restored to it's previous settings on view tab change.
+     */
+    skipUnsavedChangesText: string | null;
+}
+
 /**
  * Image component used for resizing images to certain aspect ratios and fit strategies.
  *
@@ -8075,10 +8371,10 @@ declare enum BentoHeaderVariant {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8193,7 +8489,7 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -8234,7 +8530,7 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -8346,9 +8642,10 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
+disableValidation: boolean;
 label: any;
 errorMessage: any;
 placeholder: string;
@@ -8360,9 +8657,10 @@ withHint: boolean;
 "input:valid": () => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
+disableValidation: boolean;
 label: any;
 errorMessage: any;
 placeholder: string;
@@ -8379,6 +8677,7 @@ validation: BentoInputFieldPasswordValidation;
 readonly: BentoInputFieldProps["readonly"];
 errorMessage: BentoInputFieldProps["errorMessage"];
 placeholder: BentoInputFieldProps["placeholder"];
+disableValidation: boolean;
 withHint: boolean;
 }>;
 
@@ -8391,6 +8690,11 @@ export declare interface BentoInputFieldPasswordProps {
      * Disables the possibility of changing value in the input-field
      */
     disabled?: BentoInputFieldProps['disabled'];
+    /**
+     * Performs real-time validations over the input value. Default: `false`.
+     * Disabling the option (set to `true`) will not run pre-defined validations or custom validations defined in the `validation` field.
+     */
+    disableValidation?: boolean;
     /**
      * Renders input-field with an error state and the error message beneath the input box
      */
@@ -8471,7 +8775,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -8480,7 +8784,7 @@ blur: () => void;
 input: (value: string) => void;
 } & {
 "update:selected-country": (country: CountryCode_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>>>, {
@@ -8729,7 +9033,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<{
+export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<{
 /**
 * ID of the current active inspector page
 */
@@ -8766,7 +9070,7 @@ size: string;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<{
 /**
 * ID of the current active inspector page
 */
@@ -8856,10 +9160,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -8902,9 +9206,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -8936,10 +9240,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -9340,7 +9644,7 @@ isInverseColorSet: Ref<boolean>;
 hasSlot: (name: string) => boolean;
 onKeyDown: (event: KeyboardEvent) => void;
 onKeyUp: (event: KeyboardEvent) => void;
-closeMenu: (revertFocus?: boolean) => void;
+closeMenu: (revertFocus?: boolean) => Promise<void>;
 menuItemClick: () => void;
 toggleShowMenu: (e: MouseEvent) => void;
 t: (key: "backButton" | "menuButton", values?: default_2.Values) => string;
@@ -9474,7 +9778,7 @@ export declare interface BentoMenuItem {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_24<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_25<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -9812,7 +10116,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_25<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_26<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -9952,7 +10256,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_26<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_27<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10094,7 +10398,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_23<DefineComponent<    {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_24<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10454,10 +10758,10 @@ hidePageSize: boolean;
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -11586,7 +11890,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_27<DefineComponent<    {
+export declare const BentoPopover: __VLS_WithTemplateSlots_28<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -12007,7 +12311,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12015,7 +12319,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12151,7 +12455,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_30<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_31<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -12306,7 +12610,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_29<DefineComponent<    {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_30<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -12600,7 +12904,7 @@ export declare enum BentoRadioGroupVariant {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -12621,7 +12925,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -12704,7 +13008,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_24<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_25<{
 /**
 * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
 * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -12717,7 +13021,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_24<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_25<{
 /**
 * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
 * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -12762,7 +13066,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_26<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12771,7 +13075,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_26<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12892,6 +13196,10 @@ export declare interface BentoSelectFilterOptions {
          */
         showMoreEvent?: () => void;
     };
+    /**
+     * Toggles the loading state of the listbox.
+     */
+    loading?: boolean;
     /**
      * Search options and events for the listbox filtering.
      */
@@ -12931,7 +13239,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_31<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_32<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -13124,7 +13432,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -13440,7 +13748,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_34<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_35<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -13568,7 +13876,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_33<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_34<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -13711,7 +14019,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_26<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_26<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_TypePropsToRuntimeProps_27<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_27<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -13756,7 +14064,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_37<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_38<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -13813,7 +14121,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_36<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_37<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -13920,7 +14228,7 @@ export declare enum BentoStepperVariantOption {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_27<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -13941,7 +14249,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_27<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -13992,7 +14300,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_28<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_TypePropsToRuntimeProps_29<{
 /**
 * Label to display for the value
 */
@@ -14017,7 +14325,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_28<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_29<{
 /**
 * Label to display for the value
 */
@@ -14225,7 +14533,16 @@ type: PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>;
 default: BentoSummaryGridItemSize;
 validator: (value: BentoSummaryGridItemSize) => boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
+}, {
+hasSlot: (name: string) => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * Text to copy to the clipboard
 */
@@ -14313,6 +14630,13 @@ type: PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>;
 default: BentoSummaryGridItemSize;
 validator: (value: BentoSummaryGridItemSize) => boolean;
 };
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 copy: string;
 size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
@@ -14322,6 +14646,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryLabel: string;
 secondaryMetric: string;
 }>;
@@ -14370,7 +14695,16 @@ fitContent: {
 type: BooleanConstructor;
 default: boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "copy-to-clipboard"[], string, Readonly<ExtractPropTypes<    {
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
+}, {
+hasSlot: (name: string) => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "copy-to-clipboard"[], string, Readonly<ExtractPropTypes<    {
 /**
 * Text to copy to the clipboard
 */
@@ -14399,10 +14733,18 @@ fitContent: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 copy: string;
 fitContent: boolean;
 infoIconTooltipText: string;
+underlineTooltipText: string;
 }>;
 
 /**
@@ -14506,7 +14848,16 @@ type: PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>;
 default: BentoSummaryGridItemSize;
 validator: (value: BentoSummaryGridItemSize) => boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
+}, {
+hasSlot: (name: string) => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * Text to copy to the clipboard
 */
@@ -14587,6 +14938,13 @@ type: PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>;
 default: BentoSummaryGridItemSize;
 validator: (value: BentoSummaryGridItemSize) => boolean;
 };
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 copy: string;
 size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
@@ -14596,6 +14954,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryMetric: string;
 }>;
 
@@ -14700,7 +15059,16 @@ type: PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>;
 default: BentoSummaryGridItemSize;
 validator: (value: BentoSummaryGridItemSize) => boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
+}, {
+hasSlot: (name: string) => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * Amount to be shown as the main value
 */
@@ -14781,6 +15149,13 @@ type: PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>;
 default: BentoSummaryGridItemSize;
 validator: (value: BentoSummaryGridItemSize) => boolean;
 };
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 copy: string;
 size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
@@ -14790,6 +15165,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryMetric: string;
 }>;
 
@@ -14855,7 +15231,16 @@ fitContent: {
 type: BooleanConstructor;
 default: boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
+}, {
+hasSlot: (name: string) => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * Text to copy to the clipboard
 */
@@ -14891,10 +15276,18 @@ fitContent: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Text showed in the info-icon tooltip on hover
+*/
+underlineTooltipText: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 copy: string;
 fitContent: boolean;
 infoIconTooltipText: string;
+underlineTooltipText: string;
 }>;
 
 /**
@@ -15045,11 +15438,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -16186,7 +16579,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_29<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16234,7 +16627,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_29<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16420,6 +16813,7 @@ declare type Element_2 = HTMLElement & {
 
 /**
  * Object of all the form field props with their respective list of errors
+ * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.
  */
 export declare type ErrorBag<T> = typeToFlattenedError<T, string>['fieldErrors'];
 
@@ -16777,8 +17171,10 @@ export declare interface ToastStack {
  * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.
  * Function that transform Zod’s schemas into something that can be understood by vee-validate
  *
- * @param {T extends ZodSchema} formSchema Zod schema to be transformed into a `vee-validate` schema
- * @returns {UseForm<T>} schema Schema transformed
+ * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.
+ *
+ * @param formSchema Zod schema to be transformed into a `vee-validate` schema
+ * @returns Schema transformed
  */
 export declare function toTypedSchema<T extends ZodSchema>(formSchema: T): T;
 
@@ -16846,6 +17242,7 @@ export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => Com
 
 /**
  * useForm composable configuration object
+ * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.
  */
 export declare interface UseForm<T> {
     validationSchema: T;
@@ -16862,14 +17259,16 @@ export declare interface UseForm<T> {
  * with functions to "reset" the data (sets values to default value) and a function to execute the
  * successful form validation process (through a callback).
  *
- * @param {UseForm<T>} props Form configuration object
- * @param {T extends ZodSchema} props.validationSchema Zod typed validation schema
- * @returns {Object} response - Composable with reactive form values and errors, and functions to handle the reactive data
- * @returns {Ref<ErrorBag<T>>} response.errorBag Object with all the form values and an array of each one of the errors (if any) per value
- * @returns {Ref<T>} response.errors Object with all the form values and the first error found for that field (if any)
- * @returns {Ref<T>} response.values Object with all the form values and their current value
- * @returns {() => void} response.handleReset Resets the form values to default (initial values) when it gets called
- * @returns {(callback: (values: T) => void) => () => void} response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.
+ * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.
+ *
+ * @param props Form configuration object
+ * @param extends ZodSchema} props.validationSchema Zod typed validation schema
+ * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data
+ * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value
+ * @returns response.errors Object with all the form values and the first error found for that field (if any)
+ * @returns response.values Object with all the form values and their current value
+ * @returns response.handleReset Resets the form values to default (initial values) when it gets called
+ * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.
  *                                                                   When the validation is successful it calls the callback so the submit process can continue
  *
  * @example