@adyen/bento-vue3 1.51.0 → 1.53.0

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

@@ -12,6 +12,7 @@ import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
 import { EditorView } from '@codemirror/view';
 import { ExtractPropTypes } from 'vue';
+import type { HTMLAttributes } from '@vue/runtime-dom';
 import { Placement } from '@floating-ui/vue';
 import type { Plugin } from 'vue';
 import { PropType } from 'vue';
@@ -74,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;
@@ -311,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]>>;
@@ -491,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];
@@ -761,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;
@@ -793,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;
 
@@ -1927,6 +1952,10 @@ shouldShowError: ComputedRef<boolean>;
 shouldShowErrorMessage: ComputedRef<boolean>;
 contentSlotAvailable: ComputedRef<boolean>;
 hasContentSlot: ComputedRef<boolean>;
+styleAttrs: ComputedRef<    {
+class: HTMLAttributes["class"];
+style: HTMLAttributes["style"];
+}>;
 hasSlot: (name: string) => boolean;
 onChange: (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => void;
 t: (key: "required" | "optional" | "checkbox", values?: default_2.Values) => string;
@@ -3325,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
 */
@@ -3336,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
 */
@@ -3384,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
 */
@@ -3407,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
 */
@@ -3623,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: {
@@ -3889,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: {
@@ -4099,6 +4144,7 @@ filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
+filterSearchConfig: BentoFilterBarSearchBarProps;
 filterSearchTerm: string;
 noSpacingTop: boolean;
 stickyHorizontalScrollbar: boolean;
@@ -4264,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
 */
@@ -4408,17 +4454,19 @@ default: boolean;
 }>>, {
 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";
+format: "d" | "LLL" | "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";
 }>;
 
 export declare interface BentoDateFilterOptions {
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek;
     isDateDisabled?: CalendarMonthIsDateDisabled;
+    variant?: `${CalendarVariant}`;
 }
 
 export declare type BentoDateFilterValue = Date | null;
 
 export declare enum BentoDateFormat {
+    SHORT_MONTH = "LLL",// Jun
     DAY_OF_MONTH = "d",// 1, 2, ..., 31,
     LONG_WEEKDAY = "EEEE",// Friday
     SHORT_TIME_WITH_PERIOD = "h:mm aa",// 2:44 PM
@@ -4558,6 +4606,13 @@ type: PropType<BentoDatePickerValue>;
 default: any;
 };
 /**
+* The type of calendar to display. Defaults to showing days.
+*/
+variant: {
+type: PropType<`${CalendarVariant}`>;
+default: any;
+};
+/**
 * Default start date for the calendar pane
 */
 defaultDisplayMonth: {
@@ -4685,6 +4740,13 @@ type: PropType<BentoDatePickerValue>;
 default: any;
 };
 /**
+* The type of calendar to display. Defaults to showing days.
+*/
+variant: {
+type: PropType<`${CalendarVariant}`>;
+default: any;
+};
+/**
 * Default start date for the calendar pane
 */
 defaultDisplayMonth: {
@@ -4696,6 +4758,7 @@ validator: (value: string) => boolean;
 value: Date;
 description: string;
 label: string;
+variant: "day" | "month";
 required: boolean;
 disabled: boolean;
 optional: boolean;
@@ -4726,6 +4789,7 @@ export declare interface BentoDateRangeFilterOptions {
     numberOfMonths?: number;
     showEndDateOnOpen?: boolean;
     quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
+    variant?: `${CalendarVariant}`;
 }
 
 export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
@@ -4900,6 +4964,13 @@ type: PropType<BentoDateRangePickerValue>;
 default: any;
 };
 /**
+* The type of calendar to display. Defaults to showing days.
+*/
+variant: {
+type: PropType<`${CalendarVariant}`>;
+default: any;
+};
+/**
 * Enables the date picker selection to persist until it is explicitly applied.
 * Displays a set of buttons: Apply and Cancel.
 *
@@ -4945,6 +5016,7 @@ FILL_CONTAINER: import("../../components/button").BentoButtonActionsLayoutBasic.
 SPACE_BETWEEN: import("../../components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
 VERTICAL_STACK: import("../../components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
 };
+withTimeInput: ComputedRef<boolean>;
 closeDateRangePicker: () => void;
 clearDateRangePickerValue: () => Promise<void>;
 openDateRangePicker: () => void;
@@ -4953,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
@@ -5097,6 +5169,13 @@ type: PropType<BentoDateRangePickerValue>;
 default: any;
 };
 /**
+* The type of calendar to display. Defaults to showing days.
+*/
+variant: {
+type: PropType<`${CalendarVariant}`>;
+default: any;
+};
+/**
 * Enables the date picker selection to persist until it is explicitly applied.
 * Displays a set of buttons: Apply and Cancel.
 *
@@ -5110,6 +5189,7 @@ default: boolean;
 value: BentoDateRangePickerValue;
 description: string;
 label: string;
+variant: "day" | "month";
 required: boolean;
 disabled: boolean;
 optional: boolean;
@@ -5314,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
@@ -5419,7 +5506,7 @@ default: boolean;
 }, {
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
+input: (selectedValue: any) => void;
 } & {
 "show-more": () => void;
 }, string, Readonly<ExtractPropTypes<    {
@@ -5522,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
@@ -5647,6 +5741,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -5743,6 +5838,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -5859,6 +5958,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -5936,6 +6039,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6038,6 +6142,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6162,6 +6270,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6240,6 +6352,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6333,6 +6446,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6448,6 +6565,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6525,6 +6646,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6618,6 +6740,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6733,6 +6859,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6810,6 +6940,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6918,6 +7049,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -7034,6 +7169,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -7111,6 +7250,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -7396,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;
     /**
@@ -7413,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.
@@ -7586,7 +7726,7 @@ export declare interface BentoFilterModel extends BentoFilterValue {
     value?: BentoFilterBarValue;
 }
 
-export declare type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputWithDropdownFilterOptions | undefined;
+export declare type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputFilterOptions | BentoInputWithDropdownFilterOptions | undefined;
 
 export declare interface BentoFilterValue {
     field: string;
@@ -7646,7 +7786,9 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+submit: (event: SubmitEvent) => void;
+}, string, Readonly<ExtractPropTypes<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -8017,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.
  *
@@ -8036,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;
 }>>>, {
@@ -8154,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;
@@ -8195,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;
@@ -8307,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;
@@ -8321,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;
@@ -8340,6 +8677,7 @@ validation: BentoInputFieldPasswordValidation;
 readonly: BentoInputFieldProps["readonly"];
 errorMessage: BentoInputFieldProps["errorMessage"];
 placeholder: BentoInputFieldProps["placeholder"];
+disableValidation: boolean;
 withHint: boolean;
 }>;
 
@@ -8352,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
      */
@@ -8432,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, {
@@ -8441,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;
 }>>>, {
@@ -8596,7 +8939,63 @@ export declare type BentoInputFilterInputAndDropdownValues = {
     dropdownValue?: string;
 };
 
-export declare type BentoInputFilterOptions = {};
+export declare interface BentoInputFilterOptions {
+    /**
+     * @deprecated BentoInputFilter "options" no longer supports "dropdown".  Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
+     */
+    dropdown?: any;
+    /**
+     * @deprecated BentoInputFilter "options" no longer supports "dropdownPosition".  Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
+     */
+    dropdownPosition?: any;
+    /**
+     * Sets a placeholder in the input field
+     */
+    placeholder?: BentoInputFieldProps['placeholder'];
+    /**
+     * @deprecated from version 2.0.0. BentoInputFilter "options" no longer supports "variant".  Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
+     */
+    variant?: 'dropdown';
+}
+
+export declare interface BentoInputFilterProps {
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue?: string;
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: string;
+    /**
+     * Label text to be displayed
+     */
+    label: string;
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot?: boolean;
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - placeholder: allows to set a placeholder to the search bar
+     *   - dropdown (deprecated): all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
+     *   - dropdownPosition (deprecated): allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
+     *   - variant (deprecated): can be `undefined` or set to `dropdown`. Enables dropdown input variant.
+     */
+    options?: BentoInputFilterOptions;
+    /**
+     * Current value of the filter.
+     * If the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.
+     */
+    value?: BentoInputFilterValue;
+}
 
 export declare type BentoInputFilterValue = string | null | BentoInputFilterInputAndDropdownValues;
 
@@ -8634,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
 */
@@ -8671,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
 */
@@ -8761,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;
 }>>>, {
@@ -8807,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;
@@ -8841,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<{
@@ -9245,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;
@@ -9379,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".
@@ -9717,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".
@@ -9857,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".
@@ -9999,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".
@@ -10359,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;
 }>>>, {
@@ -11491,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".
@@ -11912,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;
@@ -11920,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;
@@ -12056,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)
 */
@@ -12211,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.
 */
@@ -12505,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;
@@ -12526,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;
@@ -12609,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.
@@ -12622,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.
@@ -12667,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;
@@ -12676,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;
@@ -12797,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.
      */
@@ -12836,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
 */
@@ -13029,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.
 */
@@ -13345,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
@@ -13473,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".
@@ -13616,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;
 }>;
 
@@ -13661,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.
 */
@@ -13718,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
@@ -13825,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.
 */
@@ -13846,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.
 */
@@ -13897,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
 */
@@ -13922,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
 */
@@ -14130,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
 */
@@ -14218,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;
@@ -14227,6 +14646,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryLabel: string;
 secondaryMetric: string;
 }>;
@@ -14275,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
 */
@@ -14304,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;
 }>;
 
 /**
@@ -14411,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
 */
@@ -14492,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;
@@ -14501,6 +14954,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryMetric: string;
 }>;
 
@@ -14605,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
 */
@@ -14686,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;
@@ -14695,6 +15165,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryMetric: string;
 }>;
 
@@ -14760,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
 */
@@ -14796,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;
 }>;
 
 /**
@@ -14950,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;
@@ -16091,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
@@ -16139,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
@@ -16263,6 +16751,16 @@ declare type CalendarMonthIsDateDisabled = (date: Date) => boolean;
 export { CalendarMonthIsDateDisabled as BentoDatePickerIsDateDisabled }
 export { CalendarMonthIsDateDisabled as BentoDateRangePickerIsDateDisabled }
 
+/**
+ * Private types
+ */
+declare enum CalendarVariant {
+    DAY = "day",
+    MONTH = "month"
+}
+export { CalendarVariant as BentoDatePickerVariant }
+export { CalendarVariant as BentoDateRangePickerVariant }
+
 export declare type Component = object;
 
 declare type Component_2 = object;
@@ -16315,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'];
 
@@ -16672,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;
 
@@ -16741,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;
@@ -16757,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