@adyen/bento-vue3 1.65.0 → 1.67.0

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

@@ -10,6 +10,7 @@ import { CountryCode } from 'libphonenumber-js/types';
 import { CountryCode as CountryCode_2 } from 'libphonenumber-js';
 import { DeepReadonly } from 'vue';
 import { default as default_2 } from 'vue-i18n';
+import { DefaultKeys } from 'vue/types/v3-component-props';
 import { DefineComponent } from 'vue';
 import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
@@ -105,6 +106,12 @@ declare type __VLS_NonUndefinedable_42<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_43<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_44<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_45<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_46<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
@@ -457,6 +464,33 @@ declare type __VLS_TypePropsToRuntimeProps_43<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_44<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_44<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_45<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_45<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_46<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_46<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_5<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_5<T[K]>>;
@@ -712,6 +746,24 @@ declare type __VLS_WithDefaults_40<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_41<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_42<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_43<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_5<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1030,6 +1082,12 @@ declare type __VLS_WithTemplateSlots_52<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_53<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     new (): {
         $slots: S;
@@ -1699,18 +1757,26 @@ inverse: boolean;
     iconRight: (_: {}) => any;
 }>;
 
-export declare type BentoButtonActionObject = BentoButtonActionObject_2<VueNodeElement>;
-
-declare interface BentoButtonActionObject_2<IconType = object> extends BentoButtonProps {
+export declare interface BentoButtonActionObject extends BentoButtonProps {
     title: string;
     event?: (event: Event) => void;
-    icon?: IconType;
-    iconLeft?: IconType;
-    iconRight?: IconType;
+    icon?: VueNodeElement;
+    iconLeft?: VueNodeElement;
+    iconRight?: VueNodeElement;
     state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
     iconOnly?: boolean;
 }
 
+declare interface BentoButtonActionObject_2 extends BentoButtonProps_2 {
+    title: string;
+    event?: (event: Event) => void;
+    icon?: VueNodeElement_2;
+    iconLeft?: VueNodeElement_2;
+    iconRight?: VueNodeElement_2;
+    state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
+    iconOnly?: boolean;
+}
+
 /**
  * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
  *
@@ -1771,9 +1837,9 @@ export declare enum BentoButtonActionsLayoutExtended {
     BUTTONS_START = "buttons-start"
 }
 
-export declare type BentoButtonActionsList = BentoButtonActionsList_2<VueNodeElement>;
+export declare type BentoButtonActionsList = Array<BentoButtonActionObject>;
 
-declare type BentoButtonActionsList_2<IconType = object> = Array<BentoButtonActionObject_2<IconType>>;
+declare type BentoButtonActionsList_2 = Array<BentoButtonActionObject_2>;
 
 export declare interface BentoButtonActionsProps {
     /**
@@ -1847,6 +1913,16 @@ export declare interface BentoButtonProps {
     link?: object;
 }
 
+declare interface BentoButtonProps_2 {
+    condensed?: boolean;
+    critical?: boolean;
+    disabled?: boolean;
+    inverse?: boolean;
+    variant?: BentoButtonVariant_2 | `${BentoButtonVariant_2}`;
+    type?: string;
+    link?: object;
+}
+
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -3270,8 +3346,8 @@ currencySign: string;
 }>>>, {
 value: number;
 disableTypography: boolean;
-currencySign: Intl.NumberFormatOptions["currencySign"];
 currency: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
+currencySign: Intl.NumberFormatOptions["currencySign"];
 majorUnits: boolean;
 }>;
 
@@ -3512,7 +3588,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<{
 /**
 * The header of the section
 */
@@ -3523,7 +3599,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<{
 /**
 * The header of the section
 */
@@ -3571,7 +3647,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<{
 /**
 * The header that goes to the top of the template
 */
@@ -3594,7 +3670,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<{
 /**
 * The header that goes to the top of the template
 */
@@ -3896,6 +3972,7 @@ default: any;
 };
 /**
 * Allows the grid to be rendered inside a confined space.
+* This makes the data-grid expand to fill the height of its parent container, with the grid body becoming scrollable.
 */
 fitContent: {
 type: BooleanConstructor;
@@ -4194,6 +4271,7 @@ default: any;
 };
 /**
 * Allows the grid to be rendered inside a confined space.
+* This makes the data-grid expand to fill the height of its parent container, with the grid body becoming scrollable.
 */
 fitContent: {
 type: BooleanConstructor;
@@ -4549,7 +4627,8 @@ export declare enum BentoDatagridStyleState {
     STICKY_FILTERS = "sticky-filters",
     OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
     OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right",
-    NO_SPACING_TOP = "no-spacing-top"
+    NO_SPACING_TOP = "no-spacing-top",
+    FIT_CONTENT = "fit-content"
 }
 
 /**
@@ -4630,13 +4709,13 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_52<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_53<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
 header: {
 type: PropType<BentoDataGridTemplateHeader>;
-required: true;
+default: any;
 };
 /**
 * All the tab properties that can be set on the inner tab components.
@@ -4682,7 +4761,7 @@ default: any;
 */
 header: {
 type: PropType<BentoDataGridTemplateHeader>;
-required: true;
+default: any;
 };
 /**
 * All the tab properties that can be set on the inner tab components.
@@ -4715,6 +4794,85 @@ type: PropType<BentoDataGridTemplateInspector>;
 default: any;
 };
 }>>, {
+header: Readonly<Partial<{
+description: string;
+variant: "component" | "page" | BentoHeaderVariant;
+actions: BentoButtonActionsList_2;
+infoIconTooltipText: string;
+infoIconPopoverPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
+lastUpdated: number | Date;
+reloadButton: BentoHeaderReloadButton;
+}> & Omit<Readonly<ExtractPropTypes<    {
+actions: {
+type: PropType<BentoButtonActionsList_2>;
+default: any;
+};
+description: {
+type: StringConstructor;
+default: any;
+};
+infoIconTooltipText: {
+type: StringConstructor;
+default: any;
+};
+infoIconPopoverPosition: {
+type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+default: PopperContainerPositionExtended;
+validator: (value: BentoPopoverPositions_2) => boolean;
+};
+lastUpdated: {
+type: (DateConstructor | NumberConstructor)[];
+default: any;
+};
+variant: {
+type: PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>;
+default: BentoHeaderVariant;
+validator: (value: BentoHeaderVariant) => boolean;
+};
+title: {
+type: StringConstructor;
+required: true;
+};
+reloadButton: {
+type: PropType<BentoHeaderReloadButton>;
+default: any;
+};
+}>>, DefaultKeys<    {
+actions: {
+type: PropType<BentoButtonActionsList_2>;
+default: any;
+};
+description: {
+type: StringConstructor;
+default: any;
+};
+infoIconTooltipText: {
+type: StringConstructor;
+default: any;
+};
+infoIconPopoverPosition: {
+type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+default: PopperContainerPositionExtended;
+validator: (value: BentoPopoverPositions_2) => boolean;
+};
+lastUpdated: {
+type: (DateConstructor | NumberConstructor)[];
+default: any;
+};
+variant: {
+type: PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>;
+default: BentoHeaderVariant;
+validator: (value: BentoHeaderVariant) => boolean;
+};
+title: {
+type: StringConstructor;
+required: true;
+};
+reloadButton: {
+type: PropType<BentoHeaderReloadButton>;
+default: any;
+};
+}>>>;
 tabs: BentoDataGridTemplateTabs;
 inspector: {
 title: string;
@@ -4729,6 +4887,7 @@ activePage: BentoInspectorProps["activePage"];
 stickyTabs: boolean;
 stickyAdditionalContent: boolean;
 }>, Record<string, (_: {}) => any> & {
+    header: (_: {}) => any;
     infoIconTooltipContent: (_: {}) => any;
     additionalContent: (_: {}) => any;
     default: (_: {}) => any;
@@ -4765,68 +4924,22 @@ export declare type BentoDataGridTemplateTabs = {
  * export default {
  *     components: { BentoDate },
  *     template: `
- *          <bento-date :date="dateObject" :format="BentoDateVariant.LONG_DATE"/>
+ *          <bento-date :date="dateObject" :format="BentoDateFormat.LONG_DATE"/>
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<    {
-/**
-* The date to format. The data can be supplied as:
-* - a Date object.
-* - a number of milliseconds elapsed since the epoch.
-* - a date string e.g. '2023-07-31T10:55:22+02:00'.
-*/
-date: {
-type: (StringConstructor | DateConstructor | NumberConstructor)[];
-default: any;
-};
-/**
-* The string format of the date to be displayed
-*/
-format: {
-type: PropType<BentoDateFormat | `${BentoDateFormat}`>;
-default: BentoDateFormat;
-validator: (value: BentoDateFormat) => boolean;
-};
-/**
-* Disable the default typography for the component. Only use this when the component is inside another typography
-*/
-disableTypography: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {
-formattedDate: ComputedRef<string>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-* The date to format. The data can be supplied as:
-* - a Date object.
-* - a number of milliseconds elapsed since the epoch.
-* - a date string e.g. '2023-07-31T10:55:22+02:00'.
-*/
-date: {
-type: (StringConstructor | DateConstructor | NumberConstructor)[];
-default: any;
-};
-/**
-* The string format of the date to be displayed
-*/
-format: {
-type: PropType<BentoDateFormat | `${BentoDateFormat}`>;
-default: BentoDateFormat;
-validator: (value: BentoDateFormat) => boolean;
-};
-/**
-* Disable the default typography for the component. Only use this when the component is inside another typography
-*/
-disableTypography: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateProps>, {
+date: any;
+format: BentoDateFormat;
+disableTypography: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateProps>, {
+date: any;
+format: BentoDateFormat;
 disableTypography: boolean;
-date: string | number | Date;
-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";
+}>>>, {
+disableTypography: boolean;
+date: Date | number | string | null;
+format: BentoDateFormat | `${BentoDateFormat}`;
 }>;
 
 export declare interface BentoDateFilterOptions {
@@ -5152,6 +5265,24 @@ export declare enum BentoDatePickerEvent {
 
 export declare type BentoDatePickerValue = Date;
 
+export declare interface BentoDateProps {
+    /**
+     * The date to format. The data can be supplied as:
+     * - a Date object.
+     * - a number of milliseconds elapsed since the epoch.
+     * - a date string e.g. '2023-07-31T10:55:22+02:00'.
+     */
+    date?: Date | number | string | null;
+    /**
+     * The string format of the date to be displayed
+     */
+    format?: BentoDateFormat | `${BentoDateFormat}`;
+    /**
+     * Disable the default typography for the component. Only use this when the component is inside another typography
+     */
+    disableTypography?: boolean;
+}
+
 export declare interface BentoDateRangeFilterOptions {
     allowTimeInput?: boolean;
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek;
@@ -7917,7 +8048,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7934,7 +8065,7 @@ input: (value?: FileList) => void;
 "update:modelValue": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -8039,7 +8170,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoFilterBarProps>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8055,7 +8186,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoFilterBarProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8707,11 +8838,12 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
 description: any;
+disableCustomization: boolean;
 views: () => any[];
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "delete:view": (value: BentoHeaderWithViewsItemUpdate) => void;
@@ -8729,18 +8861,20 @@ views: () => any[];
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
 description: any;
+disableCustomization: boolean;
 views: () => any[];
 }>>>, {
 description: string;
 title: string;
-actions: BentoButtonActionsList_2;
+actions: BentoButtonActionsList;
 additionalViewSetting: BentoHeaderWithViewsItemAdditionalConfig;
 views: BentoHeaderWithViewsItem[];
+disableCustomization: boolean;
 }>, {
     infoIconTooltipContent: (_: {}) => any;
 }>;
@@ -8766,6 +8900,10 @@ export declare interface BentoHeaderWithViewsItem {
      * Optional configuration for an additional view setting, such as a filter or option.
      */
     additionalViewSetting?: BentoHeaderWithViewsItemAdditionalConfig;
+    /**
+     * Optional boolean indicating if this view can be edited or deleted.
+     */
+    isFixed?: boolean;
 }
 
 export declare interface BentoHeaderWithViewsItemAdditionalConfig {
@@ -8839,7 +8977,7 @@ 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;
+    actions?: BentoButtonActionsList;
     /**
      * Optional secondary description text to display below the title.
      */
@@ -8868,6 +9006,10 @@ export declare interface BentoHeaderWithViewsProps {
      * If null, no prompt is shown and changes will always be restored to it's previous settings on view tab change.
      */
     skipUnsavedChangesText: string | null;
+    /**
+     * Boolean indicating whether icon and icon selection is allowed on view creation and edit.
+     */
+    disableCustomization?: boolean;
 }
 
 /**
@@ -8889,10 +9031,10 @@ export declare interface BentoHeaderWithViewsProps {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8937,56 +9079,56 @@ export declare interface BentoImageProps {
 
 /**
  * @example
- * import { BentoInfoIcon } from '@adyen/adl-vue-components';
+ * <template>
+ *     <bento-info-icon tooltip-text="Text on hover" />
+ * </template>
  *
- * export default {
- *     components: { BentoInfoIcon },
- *     template: `
- *          <bento-info-icon tooltip-text="Text on hover" />
- *     `
- * }
+ * <script setup lang="ts">
+ * import { BentoInfoIcon } from '@adyen/bento-vue2';
+ * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<    {
-/**
-* Text showed in the info-icon tooltip on hover
-*/
-tooltipText: {
-type: StringConstructor;
-required: true;
-};
-/**
-* Position the tooltip should take if space is available. Defaults to 'auto'
-*/
-tooltipPosition: {
-type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
-default: PopperContainerPositionExtended;
-validator: (value: PopperContainerPosition) => boolean;
-};
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-* Text showed in the info-icon tooltip on hover
-*/
-tooltipText: {
-type: StringConstructor;
-required: true;
-};
-/**
-* Position the tooltip should take if space is available. Defaults to 'auto'
-*/
-tooltipPosition: {
-type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
-default: PopperContainerPositionExtended;
-validator: (value: PopperContainerPosition) => boolean;
-};
-}>>, {
-tooltipPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoInfoIconProps>, {
+tooltipPosition: PopperContainerPositionExtended;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+mouseenter: (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoInfoIconProps>, {
+tooltipPosition: PopperContainerPositionExtended;
+}>>>, {
+tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
 }>;
 
+export declare interface BentoInfoIconProps {
+    /**
+     * Text showed in the info-icon tooltip on hover
+     */
+    tooltipText: string;
+    /**
+     * Position the tooltip should take if space is available. Defaults to 'auto'
+     */
+    tooltipPosition?: PopperContainerPosition | `${PopperContainerPosition}`;
+}
+
 export declare type BentoInputDropdownProps = {
+    /**
+     * Text that labels the dropdown element
+     */
+    'aria-label'?: string;
+    /**
+     * Enables dynamic filtering
+     */
+    dynamicFiltering?: DropdownProps['dynamicFiltering'];
+    /**
+     * List of available items
+     */
     items: DropdownProps['items'];
+    /**
+     * Sets the dropdown in read-only mode
+     */
+    readonly?: DropdownProps['readonly'];
+    /**
+     *  Selected value of the dropdown
+     */
     value?: DropdownProps['value'];
-    dynamicFiltering?: DropdownProps['dynamicFiltering'];
-    'aria-label'?: string;
 };
 
 /**
@@ -9007,7 +9149,7 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9048,7 +9190,7 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9149,8 +9291,9 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInputFieldPasswordProps>, {
 condensed: boolean;
+debounceTime: number;
 disabled: boolean;
 disableValidation: boolean;
 label: any;
@@ -9170,8 +9313,9 @@ focus: () => void;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInputFieldPasswordProps>, {
 condensed: boolean;
+debounceTime: number;
 disabled: boolean;
 disableValidation: boolean;
 label: any;
@@ -9189,6 +9333,7 @@ disabled: BentoInputFieldProps["disabled"];
 validation: BentoInputFieldPasswordValidation;
 readonly: BentoInputFieldProps["readonly"];
 errorMessage: BentoInputFieldProps["errorMessage"];
+debounceTime: number;
 placeholder: BentoInputFieldProps["placeholder"];
 disableValidation: boolean;
 withHint: boolean;
@@ -9203,6 +9348,11 @@ export declare interface BentoInputFieldPasswordProps {
      * Reduces height of the input
      */
     condensed?: BentoInputFieldProps['condensed'];
+    /**
+     * The debounce time in milliseconds for running validation and emitting the `input` event after the user has stopped typing.
+     * This helps to avoid excessive validation checks on every keystroke. Defaults to `500`.
+     */
+    debounceTime?: number;
     /**
      * Disables the possibility of changing value in the input-field
      */
@@ -9296,7 +9446,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -9305,7 +9455,7 @@ blur: () => void;
 input: (value: string) => void;
 } & {
 "update:selected-country": (country: CountryCode_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>>>, {
@@ -9354,10 +9504,11 @@ export declare interface BentoInputFieldProps {
      * Dropdown props for the small selectable dropdown menu.
      * Properties supported:
      *
-     *  - `value`: Selected value of the dropdown
-     *  - `items`: List of available items
      *  - `aria-label`: Text that labels the dropdown element
-     *
+     *  - `dynamicFiltering`: Enables dynamic filtering
+     *  - `items`: List of available items
+     *  - `readonly`: Sets the dropdown in read-only mode
+     *  - `value`: Selected value of the dropdown
      */
     dropdown?: BentoInputDropdownProps;
     /**
@@ -9566,7 +9717,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -9580,7 +9731,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -9696,10 +9847,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -9742,9 +9893,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -9776,10 +9927,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -9832,6 +9983,8 @@ export { BentoListboxEvent }
 
 export declare type BentoListboxIsOptionDisabled = undefined | ((optionValue: BentoListboxOptionItem) => boolean);
 
+export declare type BentoListboxItemRole = 'treeitem' | 'option';
+
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -10015,6 +10168,13 @@ export declare enum BentoLoadingButtonState {
     FAIL = "fail"
 }
 
+declare enum BentoLoadingButtonState_2 {
+    START = 'start',
+    LOADING = 'loading',
+    SUCCESS = 'success',
+    FAIL = 'fail',
+}
+
 export declare const BentoLoadingIndicator: DefineComponent<    {
 /**
 * Displays the loading indicator in a small size
@@ -10093,7 +10253,7 @@ export declare enum BentoLoadingIndicatorEvent {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -10116,7 +10276,7 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -11103,7 +11263,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11119,7 +11279,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11185,10 +11345,10 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -12739,7 +12899,7 @@ fallbackPosition: Placement[];
 fixedPositioning: boolean;
 ariaLabel: string;
 actions: BentoButtonActionsList;
-actionsLayout: "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start" | BentoButtonActionsLayout;
+actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
@@ -12801,7 +12961,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12809,7 +12969,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12825,7 +12985,10 @@ dismissButtonText: string;
     description: (_: {}) => any;
 }>;
 
-export declare type BentoPromoBannerAction<IconType = object> = BentoButtonActionObject_2<IconType> & {
+/**
+ * @deprecated for usage with generic. Remove the generic and use it as `BentoPromoBannerAction`.
+ */
+export declare type BentoPromoBannerAction<IconType = object> = BentoButtonActionObject & {
     variant: BentoPromoBannerButtonVariant;
 };
 
@@ -13375,7 +13538,7 @@ export declare type BentoRangeFilterOptions = {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13387,7 +13550,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13499,7 +13662,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13520,7 +13683,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13603,7 +13766,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_30<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_32<{
 /**
 * 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.
@@ -13616,7 +13779,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_30<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_32<{
 /**
 * 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.
@@ -13661,7 +13824,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_31<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_33<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13670,7 +13833,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_31<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_33<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14636,7 +14799,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_TypePropsToRuntimeProps_32<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_32<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_TypePropsToRuntimeProps_34<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_34<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14824,6 +14987,9 @@ export declare enum BentoStepperVariantOption {
     VERTICAL = "vertical"
 }
 
+/**
+ * Private
+ */
 declare interface BentoStickyTabsOptions {
     top?: Ref<number>;
 }
@@ -14849,7 +15015,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_33<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_35<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14873,7 +15039,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_33<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_35<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14927,7 +15093,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_TypePropsToRuntimeProps_34<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_TypePropsToRuntimeProps_36<{
 /**
 * Label to display for the value
 */
@@ -14952,7 +15118,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_34<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_36<{
 /**
 * Label to display for the value
 */
@@ -15007,10 +15173,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -15045,7 +15211,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15058,7 +15224,23 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemAmountProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"info-icon-mouseenter": (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15118,13 +15300,29 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridItemCustomProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"info-icon-mouseenter": (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15188,7 +15386,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15200,7 +15398,23 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemNumericProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"info-icon-mouseenter": (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15259,7 +15473,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15271,7 +15485,23 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<BentoSummaryGridItemPercentageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"info-icon-mouseenter": (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15294,7 +15524,7 @@ trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
 underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
 underlineTooltipText: string;
-secondaryMetric: string;
+secondaryMetric: string | number;
 }>, {
     'dashed-underline': (_: {}) => any;
 }>;
@@ -15303,11 +15533,11 @@ export declare interface BentoSummaryGridItemPercentageProps extends BaseSummary
     /**
      * Amount to be shown as the main value
      */
-    label: string;
+    label: string | number;
     /**
      * Amount to be shown as the secondary metric value
      */
-    secondaryMetric?: string;
+    secondaryMetric?: string | number;
 }
 
 /**
@@ -15345,13 +15575,29 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<BentoSummaryGridItemTextProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"copy-click": (event: MouseEvent) => void;
+} & {
+"info-icon-mouseenter": (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15431,80 +15677,83 @@ export declare interface BentoSummaryGridProps {
     slashedZero?: boolean;
 }
 
-export declare const BentoTab: DefineComponent<    {
-/**
-* Displays a counter next to the tab title
-*/
-counter: {
-type: NumberConstructor;
-default: any;
-};
-/**
-* Title of the tab
-*/
-title: {
-type: StringConstructor;
-required: true;
-};
-/**
-* Determines whether the tab is disabled
-*/
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays the tab with a notification indicator
-*/
-withNotificationIndicator: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {
-activeTabId: unknown;
-id: string;
-computedTitle: ComputedRef<string>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-* Displays a counter next to the tab title
-*/
-counter: {
-type: NumberConstructor;
-default: any;
-};
 /**
-* Title of the tab
-*/
-title: {
-type: StringConstructor;
-required: true;
-};
-/**
-* Determines whether the tab is disabled
-*/
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays the tab with a notification indicator
-*/
-withNotificationIndicator: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
+ * Tab content which attaches a tab to the `bento-tabs` component
+ * and renders is content when it becomes active.
+ *
+ * @example
+ * import { BentoTab, BentoTabs } from '@adyen/bento-vue2';
+ *
+ * <template>
+ *    <bento-tabs>
+ *        <bento-tab
+ *            :counter="1"
+ *            :disabled="false"
+ *            :hidden="false"
+ *            title="Tab's title"
+ *            with-notification-indicator
+ *        >
+ *            Tab content
+ *        </bento-tab>
+ *    </bento-tabs>
+ * </template>
+ */
+export declare const BentoTab: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoTabProps>, {
+counter: any;
 disabled: boolean;
+hidden: boolean;
+withNotificationIndicator: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoTabProps>, {
+counter: any;
+disabled: boolean;
+hidden: boolean;
+withNotificationIndicator: boolean;
+}>>>, {
+disabled: boolean;
+hidden: boolean;
 counter: number;
 withNotificationIndicator: boolean;
+}>, {
+    default: (_: {}) => any;
 }>;
 
+/**
+ * Private
+ */
 declare interface BentoTab_2 {
+    counter: Ref<number>;
     disabled: Ref<boolean>;
+    hidden: Ref<boolean>;
     id: string;
     title: MaybeRef<string>;
     withNotificationIndicator: Ref<boolean>;
-    counter: Ref<number>;
+}
+
+/**
+ * Public
+ */
+export declare interface BentoTabProps {
+    /**
+     * Displays a counter next to the tab title
+     */
+    counter?: number;
+    /**
+     * Determines whether the tab is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Prevents a tab from being displayed.
+     * Use `hidden` instead of `v-show`.
+     */
+    hidden?: boolean;
+    /**
+     * Title of the tab
+     */
+    title: string;
+    /**
+     * Displays the tab with a notification indicator
+     */
+    withNotificationIndicator?: boolean;
 }
 
 /**
@@ -15603,11 +15852,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -17209,7 +17458,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17257,7 +17506,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span