@adyen/bento-vue2 1.51.0 → 1.53.0

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

@@ -11,6 +11,7 @@ import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
 import { EditorView } from '@codemirror/view';
 import { ExtractPropTypes } from 'vue';
+import type { HTMLAttributes } from 'vue/types/jsx.d.ts';
 import { Placement } from '@floating-ui/vue';
 import type { PluginObject } from 'vue';
 import { PropType } from 'vue';
@@ -72,6 +73,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;
@@ -309,6 +312,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]>>;
@@ -489,6 +501,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];
@@ -759,6 +777,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;
@@ -791,6 +815,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;
 
@@ -1915,6 +1940,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;
@@ -3313,7 +3342,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
 */
@@ -3324,7 +3353,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
 */
@@ -3372,7 +3401,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
 */
@@ -3395,7 +3424,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
 */
@@ -3611,6 +3640,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: {
@@ -3877,6 +3914,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: {
@@ -4087,6 +4132,7 @@ filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
+filterSearchConfig: BentoFilterBarSearchBarProps;
 filterSearchTerm: string;
 noSpacingTop: boolean;
 stickyHorizontalScrollbar: boolean;
@@ -4252,7 +4298,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
 */
@@ -4396,17 +4442,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
@@ -4546,6 +4594,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: {
@@ -4673,6 +4728,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: {
@@ -4684,6 +4746,7 @@ validator: (value: string) => boolean;
 value: Date;
 description: string;
 label: string;
+variant: "day" | "month";
 required: boolean;
 disabled: boolean;
 optional: boolean;
@@ -4714,6 +4777,7 @@ export declare interface BentoDateRangeFilterOptions {
     numberOfMonths?: number;
     showEndDateOnOpen?: boolean;
     quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
+    variant?: `${CalendarVariant}`;
 }
 
 export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
@@ -4888,6 +4952,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.
 *
@@ -4933,6 +5004,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;
@@ -4941,7 +5013,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
@@ -5085,6 +5157,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.
 *
@@ -5098,6 +5177,7 @@ default: boolean;
 value: BentoDateRangePickerValue;
 description: string;
 label: string;
+variant: "day" | "month";
 required: boolean;
 disabled: boolean;
 optional: boolean;
@@ -5302,13 +5382,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
@@ -5407,7 +5494,7 @@ default: boolean;
 }, {
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
+input: (selectedValue: any) => void;
 } & {
 "show-more": () => void;
 }, string, Readonly<ExtractPropTypes<    {
@@ -5510,13 +5597,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
@@ -5635,6 +5729,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -5731,6 +5826,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -5847,6 +5946,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -5924,6 +6027,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6026,6 +6130,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6150,6 +6258,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6228,6 +6340,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6321,6 +6434,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6436,6 +6553,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6513,6 +6634,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6606,6 +6728,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6721,6 +6847,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -6798,6 +6928,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -6898,6 +7029,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -7014,6 +7149,10 @@ loading: {
 type: BooleanConstructor;
 default: boolean;
 };
+componentLoading: {
+type: BooleanConstructor;
+default: boolean;
+};
 lazyLoadType: {
 type: PropType<BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`>;
 default: BentoListboxLazyLoadType;
@@ -7091,6 +7230,7 @@ staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
@@ -7376,7 +7516,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;
     /**
@@ -7393,7 +7533,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.
@@ -7566,7 +7706,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;
@@ -7626,7 +7766,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`
 */
@@ -7997,6 +8139,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.
  *
@@ -8016,10 +8351,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;
 }>>>, {
@@ -8134,7 +8469,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;
@@ -8175,7 +8510,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;
@@ -8287,9 +8622,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;
@@ -8301,9 +8637,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;
@@ -8320,6 +8657,7 @@ validation: BentoInputFieldPasswordValidation;
 readonly: BentoInputFieldProps["readonly"];
 errorMessage: BentoInputFieldProps["errorMessage"];
 placeholder: BentoInputFieldProps["placeholder"];
+disableValidation: boolean;
 withHint: boolean;
 }>;
 
@@ -8332,6 +8670,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
      */
@@ -8412,7 +8755,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, {
@@ -8421,7 +8764,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;
 }>>>, {
@@ -8576,7 +8919,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;
 
@@ -8614,7 +9013,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
 */
@@ -8651,7 +9050,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
 */
@@ -8741,10 +9140,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;
 }>>>, {
@@ -8787,9 +9186,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;
@@ -8836,12 +9235,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -9240,7 +9639,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;
@@ -9374,7 +9773,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".
@@ -9712,7 +10111,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".
@@ -9852,7 +10251,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".
@@ -9994,7 +10393,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".
@@ -10354,10 +10753,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;
 }>>>, {
@@ -11486,7 +11885,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".
@@ -11900,7 +12299,7 @@ export declare type BentoPopoverPositions = PopperContainerPosition;
  *     `
  * };
  */
-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;
@@ -11908,7 +12307,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;
@@ -12044,7 +12443,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)
 */
@@ -12199,7 +12598,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.
 */
@@ -12493,7 +12892,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;
@@ -12514,7 +12913,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;
@@ -12597,7 +12996,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.
@@ -12610,7 +13009,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.
@@ -12655,7 +13054,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;
@@ -12664,7 +13063,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;
@@ -12785,6 +13184,10 @@ export declare interface BentoSelectFilterOptions {
          */
         showMoreEvent?: () => void;
     };
+    /**
+     * Toggles the loading state of the listbox.
+     */
+    loading?: boolean;
     /**
      * Search options and events for the listbox filtering.
      */
@@ -12824,7 +13227,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
 */
@@ -13017,7 +13420,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.
 */
@@ -13333,7 +13736,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
@@ -13461,7 +13864,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".
@@ -13604,7 +14007,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;
 }>;
 
@@ -13649,7 +14052,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.
 */
@@ -13706,7 +14109,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
@@ -13813,7 +14216,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.
 */
@@ -13834,7 +14237,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.
 */
@@ -13885,7 +14288,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
 */
@@ -13910,7 +14313,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
 */
@@ -14118,7 +14521,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
 */
@@ -14206,6 +14618,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;
@@ -14215,6 +14634,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryLabel: string;
 secondaryMetric: string;
 }>;
@@ -14263,7 +14683,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
 */
@@ -14292,10 +14721,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;
 }>;
 
 /**
@@ -14399,7 +14836,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
 */
@@ -14480,6 +14926,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;
@@ -14489,6 +14942,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryMetric: string;
 }>;
 
@@ -14593,7 +15047,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
 */
@@ -14674,6 +15137,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;
@@ -14683,6 +15153,7 @@ trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+underlineTooltipText: string;
 secondaryMetric: string;
 }>;
 
@@ -14748,7 +15219,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
 */
@@ -14784,10 +15264,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;
 }>;
 
 /**
@@ -14938,11 +15426,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;
@@ -16079,7 +16567,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
@@ -16127,7 +16615,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
@@ -16251,6 +16739,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;
 
 export declare enum DateFormat {
@@ -16301,6 +16799,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'];
 
@@ -16630,8 +17129,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;
 
@@ -16699,6 +17200,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;
@@ -16715,14 +17217,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