@adyen/bento-vue3 1.68.1 → 1.69.0

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

@@ -16,7 +16,7 @@ import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
 import { ExtractComputedReturns } from 'vue/types/v3-component-options';
 import { ExtractPropTypes } from 'vue';
-import type { HTMLAttributes } from '@vue/runtime-dom';
+import { HTMLAttributes } from 'vue';
 import type { Middleware } from '@floating-ui/vue';
 import { MiddlewareReturn } from '@floating-ui/vue';
 import { MiddlewareState } from '@floating-ui/vue';
@@ -123,6 +123,10 @@ declare type __VLS_NonUndefinedable_49<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_50<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_51<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
@@ -536,6 +540,24 @@ declare type __VLS_TypePropsToRuntimeProps_5<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_50<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_50<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_51<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_51<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_6<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_6<T[K]>>;
@@ -818,6 +840,18 @@ declare type __VLS_WithDefaults_46<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_47<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_48<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];
@@ -1495,6 +1529,36 @@ selectionLabel: string;
 
 export declare type BentoActionBarVariant = 'default' | 'confirmation';
 
+/**
+ * Type for the Buttons passed as objects to Button Actions
+ */
+declare interface BentoActionButton extends BentoButtonActionBase, BentoButtonProps {
+    event?: (event: Event) => void;
+    state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
+    iconOnly?: boolean;
+}
+
+/**
+ * Type for the Buttons passed as objects to Button Actions
+ */
+declare interface BentoActionButton_2 extends BentoButtonActionBase_2, BentoButtonProps_2 {
+    event?: (event: Event) => void;
+    state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
+    iconOnly?: boolean;
+}
+
+/**
+ * Type for the Menus passed as objects to Button Actions
+ */
+declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps, 'button' | 'data'> & Partial<Pick<BentoMenuProps, 'data'>>;
+
+/**
+ * Type for the Menus passed as objects to Button Actions
+ */
+declare type BentoActionMenu_2 = BentoButtonActionBase_2 &
+OmitStrict_2<BentoMenuProps_2, 'button' | 'data'> &
+Partial<Pick<BentoMenuProps_2, 'data'>>;
+
 /**
  * An Alert component is used to display a persistent
  * notification containing information important to the user
@@ -1817,26 +1881,35 @@ inverse: boolean;
     iconRight: (_: {}) => any;
 }>;
 
-export declare interface BentoButtonActionObject extends BentoButtonProps_2 {
+/**
+ * Private
+ */
+/**
+ * Base interface for the Button and Menu objects
+ */
+declare interface BentoButtonActionBase {
     title: string;
-    event?: (event: Event) => void;
     icon?: VueNodeElement;
     iconLeft?: VueNodeElement;
     iconRight?: VueNodeElement;
-    state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
-    iconOnly?: boolean;
 }
 
-declare interface BentoButtonActionObject_2 extends BentoButtonProps_2 {
+/**
+ * Private
+ */
+
+/**
+ * Base interface for the Button and Menu objects
+ */
+declare interface BentoButtonActionBase_2 {
     title: string;
-    event?: (event: Event) => void;
     icon?: VueNodeElement_2;
     iconLeft?: VueNodeElement_2;
     iconRight?: VueNodeElement_2;
-    state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
-    iconOnly?: boolean;
 }
 
+export declare type BentoButtonActionObject = BentoActionButton;
+
 /**
  * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
  *
@@ -1864,13 +1937,13 @@ declare interface BentoButtonActionObject_2 extends BentoButtonProps_2 {
  */
 export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
 inverse: boolean;
-layout: BentoButtonActionsLayoutBasic;
+layout: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
 inverse: boolean;
-layout: BentoButtonActionsLayoutBasic;
+layout: string;
 }>>>, {
 inverse: boolean;
-layout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
+layout: string;
 }>;
 
 /**
@@ -1897,9 +1970,9 @@ export declare enum BentoButtonActionsLayoutExtended {
     BUTTONS_START = "buttons-start"
 }
 
-export declare type BentoButtonActionsList = Array<BentoButtonActionObject>;
+export declare type BentoButtonActionsList = Array<BentoActionButton & BentoActionMenu>;
 
-declare type BentoButtonActionsList_2 = Array<BentoButtonActionObject_2>;
+declare type BentoButtonActionsList_2 = Array<BentoActionButton_2 & BentoActionMenu_2>;
 
 export declare interface BentoButtonActionsProps {
     /**
@@ -1952,7 +2025,7 @@ export declare interface BentoButtonActionsProps {
      * @values SPACE_BETWEEN
      * @values VERTICAL_STACK
      */
-    layout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
+    layout?: string;
 }
 
 export declare enum BentoButtonPropClass {
@@ -2777,7 +2850,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -2785,7 +2858,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -2867,7 +2940,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -2877,7 +2950,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -2889,8 +2962,8 @@ loading: boolean;
 variant: BentoCodeSnippetVariant;
 }>>>, {
 variant: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
-loading: boolean;
 content: string;
+loading: boolean;
 expandable: boolean;
 actionable: boolean;
 actionableText: string;
@@ -3392,13 +3465,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3413,175 +3486,175 @@ majorUnits: boolean;
 }>;
 
 export declare enum BentoCurrencyISOCode {
-    AED = 'AED',
-    AFA = 'AFA',
-    ALL = 'ALL',
-    AMD = 'AMD',
-    ANG = 'ANG',
-    AOA = 'AOA',
-    ARS = 'ARS',
-    AUD = 'AUD',
-    AWG = 'AWG',
-    AZN = 'AZN',
-    BAM = 'BAM',
-    BBD = 'BBD',
-    BDT = 'BDT',
-    BEF = 'BEF',
-    BGN = 'BGN',
-    BHD = 'BHD',
-    BIF = 'BIF',
-    BMD = 'BMD',
-    BND = 'BND',
-    BOB = 'BOB',
-    BRL = 'BRL',
-    BSD = 'BSD',
-    BTC = 'BTC',
-    BTN = 'BTN',
-    BWP = 'BWP',
-    BYR = 'BYR',
-    BZD = 'BZD',
-    CAD = 'CAD',
-    CDF = 'CDF',
-    CHF = 'CHF',
-    CLF = 'CLF',
-    CLP = 'CLP',
-    CNY = 'CNY',
-    COP = 'COP',
-    CRC = 'CRC',
-    CUC = 'CUC',
-    CVE = 'CVE',
-    CZK = 'CZK',
-    DEM = 'DEM',
-    DJF = 'DJF',
-    DKK = 'DKK',
-    DOP = 'DOP',
-    DZD = 'DZD',
-    EEK = 'EEK',
-    EGP = 'EGP',
-    ERN = 'ERN',
-    ETB = 'ETB',
-    EUR = 'EUR',
-    FJD = 'FJD',
-    FKP = 'FKP',
-    GBP = 'GBP',
-    GEL = 'GEL',
-    GHS = 'GHS',
-    GIP = 'GIP',
-    GMD = 'GMD',
-    GNF = 'GNF',
-    GRD = 'GRD',
-    GTQ = 'GTQ',
-    GYD = 'GYD',
-    HKD = 'HKD',
-    HNL = 'HNL',
-    HRK = 'HRK',
-    HTG = 'HTG',
-    HUF = 'HUF',
-    IDR = 'IDR',
-    ILS = 'ILS',
-    INR = 'INR',
-    IQD = 'IQD',
-    IRR = 'IRR',
-    ISK = 'ISK',
-    ITL = 'ITL',
-    JMD = 'JMD',
-    JOD = 'JOD',
-    JPY = 'JPY',
-    KES = 'KES',
-    KGS = 'KGS',
-    KHR = 'KHR',
-    KMF = 'KMF',
-    KPW = 'KPW',
-    KRW = 'KRW',
-    KWD = 'KWD',
-    KYD = 'KYD',
-    KZT = 'KZT',
-    LAK = 'LAK',
-    LBP = 'LBP',
-    LKR = 'LKR',
-    LRD = 'LRD',
-    LSL = 'LSL',
-    LTC = 'LTC',
-    LTL = 'LTL',
-    LVL = 'LVL',
-    LYD = 'LYD',
-    MAD = 'MAD',
-    MDL = 'MDL',
-    MGA = 'MGA',
-    MKD = 'MKD',
-    MMK = 'MMK',
-    MNT = 'MNT',
-    MOP = 'MOP',
-    MRO = 'MRO',
-    MRU = 'MRU',
-    MUR = 'MUR',
-    MVR = 'MVR',
-    MWK = 'MWK',
-    MXN = 'MXN',
-    MYR = 'MYR',
-    MZM = 'MZM',
-    NAD = 'NAD',
-    NGN = 'NGN',
-    NIO = 'NIO',
-    NOK = 'NOK',
-    NPR = 'NPR',
-    NZD = 'NZD',
-    OMR = 'OMR',
-    PAB = 'PAB',
-    PEN = 'PEN',
-    PGK = 'PGK',
-    PHP = 'PHP',
-    PKR = 'PKR',
-    PLN = 'PLN',
-    PYG = 'PYG',
-    QAR = 'QAR',
-    RON = 'RON',
-    RSD = 'RSD',
-    RUB = 'RUB',
-    RWF = 'RWF',
-    SAR = 'SAR',
-    SBD = 'SBD',
-    SCR = 'SCR',
-    SDG = 'SDG',
-    SEK = 'SEK',
-    SGD = 'SGD',
-    SHP = 'SHP',
-    SKK = 'SKK',
-    SLL = 'SLL',
-    SOS = 'SOS',
-    SRD = 'SRD',
-    SSP = 'SSP',
-    STD = 'STD',
-    SVC = 'SVC',
-    SYP = 'SYP',
-    SZL = 'SZL',
-    THB = 'THB',
-    TJS = 'TJS',
-    TMT = 'TMT',
-    TND = 'TND',
-    TOP = 'TOP',
-    TRY = 'TRY',
-    TTD = 'TTD',
-    TWD = 'TWD',
-    TZS = 'TZS',
-    UAH = 'UAH',
-    UGX = 'UGX',
-    USD = 'USD',
-    UYU = 'UYU',
-    UZS = 'UZS',
-    VEF = 'VEF',
-    VND = 'VND',
-    VUV = 'VUV',
-    WST = 'WST',
-    XAF = 'XAF',
-    XCD = 'XCD',
-    XDR = 'XDR',
-    XOF = 'XOF',
-    XPF = 'XPF',
-    YER = 'YER',
-    ZAR = 'ZAR',
-    ZMK = 'ZMK',
-    ZWL = 'ZWL',
+    AED = "AED",
+    AFA = "AFA",
+    ALL = "ALL",
+    AMD = "AMD",
+    ANG = "ANG",
+    AOA = "AOA",
+    ARS = "ARS",
+    AUD = "AUD",
+    AWG = "AWG",
+    AZN = "AZN",
+    BAM = "BAM",
+    BBD = "BBD",
+    BDT = "BDT",
+    BEF = "BEF",
+    BGN = "BGN",
+    BHD = "BHD",
+    BIF = "BIF",
+    BMD = "BMD",
+    BND = "BND",
+    BOB = "BOB",
+    BRL = "BRL",
+    BSD = "BSD",
+    BTC = "BTC",
+    BTN = "BTN",
+    BWP = "BWP",
+    BYR = "BYR",
+    BZD = "BZD",
+    CAD = "CAD",
+    CDF = "CDF",
+    CHF = "CHF",
+    CLF = "CLF",
+    CLP = "CLP",
+    CNY = "CNY",
+    COP = "COP",
+    CRC = "CRC",
+    CUC = "CUC",
+    CVE = "CVE",
+    CZK = "CZK",
+    DEM = "DEM",
+    DJF = "DJF",
+    DKK = "DKK",
+    DOP = "DOP",
+    DZD = "DZD",
+    EEK = "EEK",
+    EGP = "EGP",
+    ERN = "ERN",
+    ETB = "ETB",
+    EUR = "EUR",
+    FJD = "FJD",
+    FKP = "FKP",
+    GBP = "GBP",
+    GEL = "GEL",
+    GHS = "GHS",
+    GIP = "GIP",
+    GMD = "GMD",
+    GNF = "GNF",
+    GRD = "GRD",
+    GTQ = "GTQ",
+    GYD = "GYD",
+    HKD = "HKD",
+    HNL = "HNL",
+    HRK = "HRK",
+    HTG = "HTG",
+    HUF = "HUF",
+    IDR = "IDR",
+    ILS = "ILS",
+    INR = "INR",
+    IQD = "IQD",
+    IRR = "IRR",
+    ISK = "ISK",
+    ITL = "ITL",
+    JMD = "JMD",
+    JOD = "JOD",
+    JPY = "JPY",
+    KES = "KES",
+    KGS = "KGS",
+    KHR = "KHR",
+    KMF = "KMF",
+    KPW = "KPW",
+    KRW = "KRW",
+    KWD = "KWD",
+    KYD = "KYD",
+    KZT = "KZT",
+    LAK = "LAK",
+    LBP = "LBP",
+    LKR = "LKR",
+    LRD = "LRD",
+    LSL = "LSL",
+    LTC = "LTC",
+    LTL = "LTL",
+    LVL = "LVL",
+    LYD = "LYD",
+    MAD = "MAD",
+    MDL = "MDL",
+    MGA = "MGA",
+    MKD = "MKD",
+    MMK = "MMK",
+    MNT = "MNT",
+    MOP = "MOP",
+    MRO = "MRO",
+    MRU = "MRU",
+    MUR = "MUR",
+    MVR = "MVR",
+    MWK = "MWK",
+    MXN = "MXN",
+    MYR = "MYR",
+    MZM = "MZM",
+    NAD = "NAD",
+    NGN = "NGN",
+    NIO = "NIO",
+    NOK = "NOK",
+    NPR = "NPR",
+    NZD = "NZD",
+    OMR = "OMR",
+    PAB = "PAB",
+    PEN = "PEN",
+    PGK = "PGK",
+    PHP = "PHP",
+    PKR = "PKR",
+    PLN = "PLN",
+    PYG = "PYG",
+    QAR = "QAR",
+    RON = "RON",
+    RSD = "RSD",
+    RUB = "RUB",
+    RWF = "RWF",
+    SAR = "SAR",
+    SBD = "SBD",
+    SCR = "SCR",
+    SDG = "SDG",
+    SEK = "SEK",
+    SGD = "SGD",
+    SHP = "SHP",
+    SKK = "SKK",
+    SLL = "SLL",
+    SOS = "SOS",
+    SRD = "SRD",
+    SSP = "SSP",
+    STD = "STD",
+    SVC = "SVC",
+    SYP = "SYP",
+    SZL = "SZL",
+    THB = "THB",
+    TJS = "TJS",
+    TMT = "TMT",
+    TND = "TND",
+    TOP = "TOP",
+    TRY = "TRY",
+    TTD = "TTD",
+    TWD = "TWD",
+    TZS = "TZS",
+    UAH = "UAH",
+    UGX = "UGX",
+    USD = "USD",
+    UYU = "UYU",
+    UZS = "UZS",
+    VEF = "VEF",
+    VND = "VND",
+    VUV = "VUV",
+    WST = "WST",
+    XAF = "XAF",
+    XCD = "XCD",
+    XDR = "XDR",
+    XOF = "XOF",
+    XPF = "XPF",
+    YER = "YER",
+    ZAR = "ZAR",
+    ZMK = "ZMK",
+    ZWL = "ZWL"
 }
 
 export declare type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
@@ -3595,22 +3668,18 @@ export declare interface BentoCurrencyProps {
      * Currency code based on the ISO 4217 standard
      */
     currency?: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
-
     /**
      * Disable the default typography for the component. Only use this when the component is inside another typography component.
      */
     disableTypography?: boolean;
-
     /**
      * Accepts currency value in major units instead of minor ones
      */
     majorUnits?: boolean;
-
     /**
      * Currency value to be formatted
      */
     value?: number;
-
     /**
      * Determines how the currency symbol and negative values are displayed.
      * This is only applicable to certain countries such as `en-US`.
@@ -3649,7 +3718,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
 /**
 * The header of the section
 */
@@ -3660,7 +3729,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
 /**
 * The header of the section
 */
@@ -3708,7 +3777,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<{
 /**
 * The header that goes to the top of the template
 */
@@ -3731,7 +3800,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<{
 /**
 * The header that goes to the top of the template
 */
@@ -3810,11 +3879,11 @@ disabled: boolean;
 tooltipText: any;
 tooltipPosition: string;
 }>>>, {
-tooltipPosition: BentoTooltipPosition | `${BentoTooltipPosition}`;
+tooltipPosition: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
 tooltipText: string;
+teleport: BentoDashedUnderlineTeleport;
 popoverText: string;
 popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
-teleport: BentoDashedUnderlineTeleport;
 popoverTitle: string;
 popoverSize: "default" | "fit-content" | "large" | "small";
 }>, {
@@ -3851,7 +3920,7 @@ export declare interface BentoDashedUnderlineProps {
     /**
      * Position the tooltip should take if space is available.
      */
-    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+    tooltipPosition?: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
 }
 
 declare interface BentoDashedUnderlineProps_2 {
@@ -3889,7 +3958,7 @@ declare interface BentoDashedUnderlineProps_2 {
     /**
      * Position the tooltip should take if space is available.
      */
-    tooltipPosition?: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
+    tooltipPosition?: BentoTooltipPosition_3 | `${BentoTooltipPosition_3}`;
 }
 
 export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
@@ -4216,9 +4285,16 @@ truncateColumnHeaders: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Toggles the alternating background color of rows.
+*/
+zebraRows: {
+type: BooleanConstructor;
+default: boolean;
+};
 }, {
 onEmptyStateClearResetButtonClick: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -4515,11 +4591,18 @@ truncateColumnHeaders: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Toggles the alternating background color of rows.
+*/
+zebraRows: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>>, {
 filters: BentoFilterBarModel;
 condensed: boolean;
-loading: boolean;
 outline: boolean;
+loading: boolean;
 fitContent: boolean;
 lazyLoadType: BentoLazyLoadType;
 emptyState: any;
@@ -4529,6 +4612,7 @@ selectable: boolean;
 selectableAcrossPages: boolean;
 sortBy: BentoDatagridSortByColumn[];
 truncateColumnHeaders: boolean;
+zebraRows: boolean;
 getDataItemId: BentoDatagridGetDataItemIdFn;
 isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
 rowActions: BentoDataGridRowActionsProp;
@@ -4598,6 +4682,7 @@ export declare enum BentoDatagridEvent {
     UPDATE_SELECTION = "update:selection",
     UPDATE_SHOW_MORE = "update:show-more",
     UPDATE_SORT_BY = "update:sort-by",
+    UPDATE_ZEBRA_ROWS = "update:zebra-rows",
     ROW_CLICK = "row-click",
     SELECT = "select",
     SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
@@ -4689,7 +4774,8 @@ export declare enum BentoDatagridStyleState {
     OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
     OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right",
     NO_SPACING_TOP = "no-spacing-top",
-    FIT_CONTENT = "fit-content"
+    FIT_CONTENT = "fit-content",
+    ZEBRA_ROWS = "zebra-rows"
 }
 
 /**
@@ -4938,8 +5024,8 @@ tabs: BentoDataGridTemplateTabs;
 inspector: {
 title: string;
 isOpen?: boolean;
-loading?: boolean;
 size?: BentoInspectorSize;
+loading?: boolean;
 expandable?: boolean;
 relativeLayout?: BentoInspectorRelativeLayout;
 pageFocusAnchor?: HTMLElement;
@@ -4989,11 +5075,11 @@ export declare type BentoDataGridTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5548,54 +5634,7 @@ hasActions: {
 type: BooleanConstructor;
 default: boolean;
 };
-}, {
-inputContainerRef: any;
-adjustedQuickSelectRanges: ComputedRef<DateRangePickerCalendarRangeSelectorItem[]>;
-dateDisplayValue: ComputedRef<string>;
-datePickerContainerId: string;
-descriptionConditionalClasses: ComputedRef<    {
-'b-date-range-picker__description--error': boolean;
-}>;
-displayedTextInputValue: ComputedRef<DateRangePickerCalendarFormData>;
-displayedDateValue: ComputedRef<string>;
-isDateIncorrect: Ref<boolean>;
-isDateRangePickerOpen: Ref<boolean>;
-isReadOnly: ComputedRef<boolean>;
-labelId: string;
-descriptionId: string;
-dateErrorId: string;
-errorId: string;
-popoverAriaLabel: ComputedRef<string>;
-shouldDisplayError: ComputedRef<boolean>;
-ariaDescribedBy: ComputedRef<string>;
-textInputDisplayValue: DateRangePickerCalendarFormData;
-rangePickerButtonActions: ComputedRef<({
-title: string;
-event: () => void;
-disabled: boolean;
-} | {
-title: string;
-event: () => void;
-disabled?: undefined;
-})[]>;
-BentoButtonActionsLayout: {
-BUTTONS_START: import("../../components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
-BUTTONS_END: import("../../components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
-FILL_CONTAINER: import("../../components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
-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;
-onRangeSelectorInput: (quickSelectRanges?: BentoDateRangePickerValue) => void;
-onEnterPressedOverInput: () => void;
-onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
-onDateRangePickerError: (dateTextInput: any) => void;
-onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
-t: (key: "cancel" | "apply" | "selectDate" | "provideDateInAFormat" | "selectDateRange" | "selectedDateIsNotAvailable" | "quarter" | "dateRangePicker", values?: default_2.Values) => string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes<    {
 /**
 * Allows user to enter time values in the form
 */
@@ -5807,9 +5846,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -5935,12 +5974,12 @@ label: string;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
-loading: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
 size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
+loading: boolean;
 tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
@@ -5988,18 +6027,64 @@ enableValueLabelPair: boolean;
  *     }
  * }
  */
-export declare const BentoDropdownAvatar: DefineComponent<    {
+export declare const BentoDropdownAvatar: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownCurrencyProps>, {
+items: () => any[];
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownCurrencyProps>, {
+items: () => any[];
+}>>>, {
+items: BentoAvatarListboxOptions;
+}>;
+
+/**
+ * A Country Dropdown showing a selectable list of countries.
+ *
+ * @example
+ * import { BentoDropdownCountry, BentoCountryCode } from '@adyen/bento-vue2';
+ * import type { BentoCountryListboxOptions } from '@adyen/bento-vue2'
+ *
+ * export default {
+ *     components: { BentoDropdown },
+ *     template: `
+ *          <bento-dropdown-country
+ *              v-model="selectedValue"
+ *              :disabled="false"
+ *              :multiple="true"
+ *              :isOptionsDisabled="option => option.value === 2"
+ *              :items="options"
+ *          />
+ *     `,
+ *     setup() {
+ *         const selectedValue = ref(BentoCountryCode.NL) // Default value
+ *         const options: BentoCountryListboxOptions = [
+ *              { label: 'Option 1', value: BentoCountryCode.NL },
+ *              { label: 'Option 2', value: BentoCountryCode.BE },
+ *         ];
+ *         return { options, selectedValue };
+ *     }
+ * }
+ */
+export declare const BentoDropdownCountry: DefineComponent<    {
 /**
-* The option elements to populate the avatar dropdown with.
-* It must be an array of {@see BentoAvatarListboxOptions }
-*  * @property {string} value.label - Text to be displayed in the option.
-*  * @property {string,number} value.value - Value of the option.
-*  * @property {string} value.src - Image source of the avatar image.
+* The option elements to populate the country dropdown with.
+* It must be an array of {@see BentoCountryListboxOptions }
+*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
+*  * @property {BentoCountryCode | string} value.value - Country code of the option
 */
 items: {
-type: PropType<BentoAvatarListboxOptions>;
+type: PropType<BentoCountryListboxOptions>;
 default: () => any[];
 };
+/**
+* Which label variant to display.
+* @values iso, name, phone_code, capital
+*/
+variant: {
+type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
+default: BentoCountryVariant;
+validator: (value: BentoCountryVariant) => boolean;
+};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 } & {
@@ -6035,11 +6120,6 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
 error: {
 type: PropType<boolean>;
 } & {
@@ -6065,6 +6145,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 tooltipText: {
 type: PropType<string>;
 } & {
@@ -6139,16 +6224,24 @@ default: boolean;
 input: (selectedValue: BentoListboxSelectedValue) => void;
 }, string, Readonly<ExtractPropTypes<    {
 /**
-* The option elements to populate the avatar dropdown with.
-* It must be an array of {@see BentoAvatarListboxOptions }
-*  * @property {string} value.label - Text to be displayed in the option.
-*  * @property {string,number} value.value - Value of the option.
-*  * @property {string} value.src - Image source of the avatar image.
+* The option elements to populate the country dropdown with.
+* It must be an array of {@see BentoCountryListboxOptions }
+*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
+*  * @property {BentoCountryCode | string} value.value - Country code of the option
 */
 items: {
-type: PropType<BentoAvatarListboxOptions>;
+type: PropType<BentoCountryListboxOptions>;
 default: () => any[];
 };
+/**
+* Which label variant to display.
+* @values iso, name, phone_code, capital
+*/
+variant: {
+type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
+default: BentoCountryVariant;
+validator: (value: BentoCountryVariant) => boolean;
+};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 } & {
@@ -6184,11 +6277,6 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
 error: {
 type: PropType<boolean>;
 } & {
@@ -6214,6 +6302,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 tooltipText: {
 type: PropType<string>;
 } & {
@@ -6289,19 +6382,20 @@ search: BentoListboxSearchOptions;
 value: BentoListboxSelectedValue;
 description: string;
 label: string;
+variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
-loading: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
 size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
+loading: boolean;
 tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
-items: BentoAvatarListboxOptions;
+items: BentoCountryListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -6316,767 +6410,42 @@ enableValueLabelPair: boolean;
 }>;
 
 /**
- * A Country Dropdown showing a selectable list of countries.
- *
- * @example
- * import { BentoDropdownCountry, BentoCountryCode } from '@adyen/bento-vue2';
- * import type { BentoCountryListboxOptions } from '@adyen/bento-vue2'
- *
- * export default {
- *     components: { BentoDropdown },
- *     template: `
- *          <bento-dropdown-country
- *              v-model="selectedValue"
- *              :disabled="false"
- *              :multiple="true"
- *              :isOptionsDisabled="option => option.value === 2"
- *              :items="options"
- *          />
- *     `,
- *     setup() {
- *         const selectedValue = ref(BentoCountryCode.NL) // Default value
- *         const options: BentoCountryListboxOptions = [
- *              { label: 'Option 1', value: BentoCountryCode.NL },
- *              { label: 'Option 2', value: BentoCountryCode.BE },
- *         ];
- *         return { options, selectedValue };
- *     }
- * }
- */
-export declare const BentoDropdownCountry: DefineComponent<    {
-/**
-* The option elements to populate the country dropdown with.
-* It must be an array of {@see BentoCountryListboxOptions }
-*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
-*  * @property {BentoCountryCode | string} value.value - Country code of the option
-*/
-items: {
-type: PropType<BentoCountryListboxOptions>;
-default: () => any[];
-};
-/**
-* Which label variant to display.
-* @values iso, name, phone_code, capital
-*/
-variant: {
-type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
-default: BentoCountryVariant;
-validator: (value: BentoCountryVariant) => boolean;
-};
-search: {
-type: PropType<BentoListboxSearchOptions>;
-} & {
-default: any;
-};
-value: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-description: {
-type: PropType<string>;
-} & {
-default: any;
-};
-label: {
-type: PropType<string>;
-} & {
-default: any;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-condensed: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-error: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-size: {
-type: PropType<BentoDropdownSize_2 | "DropdownInputDefault" | "DropdownInputSmall">;
-} & {
-default: any;
-};
-multiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-isOptionDisabled: {
-type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
-} & {
-default: any;
-};
-staticCategories: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-hasMoreItems: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-lazyLoadType: {
-type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
-} & {
-default: BentoListboxLazyLoadType;
-};
-emptyState: {
-type: PropType<BentoListboxEmptyStateProps>;
-} & {
-default: any;
-};
-componentLoading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-virtualScroll: {
-type: PropType<BentoListboxVirtulisationOptions>;
-} & {
-default: boolean;
-};
-dynamicFiltering: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: any;
-};
-showSlotContentInMultiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-enableValueLabelPair: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
-}, string, Readonly<ExtractPropTypes<    {
-/**
-* The option elements to populate the country dropdown with.
-* It must be an array of {@see BentoCountryListboxOptions }
-*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
-*  * @property {BentoCountryCode | string} value.value - Country code of the option
-*/
-items: {
-type: PropType<BentoCountryListboxOptions>;
-default: () => any[];
-};
-/**
-* Which label variant to display.
-* @values iso, name, phone_code, capital
-*/
-variant: {
-type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
-default: BentoCountryVariant;
-validator: (value: BentoCountryVariant) => boolean;
-};
-search: {
-type: PropType<BentoListboxSearchOptions>;
-} & {
-default: any;
-};
-value: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-description: {
-type: PropType<string>;
-} & {
-default: any;
-};
-label: {
-type: PropType<string>;
-} & {
-default: any;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-condensed: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-error: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-size: {
-type: PropType<BentoDropdownSize_2 | "DropdownInputDefault" | "DropdownInputSmall">;
-} & {
-default: any;
-};
-multiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-isOptionDisabled: {
-type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
-} & {
-default: any;
-};
-staticCategories: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-hasMoreItems: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-lazyLoadType: {
-type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
-} & {
-default: BentoListboxLazyLoadType;
-};
-emptyState: {
-type: PropType<BentoListboxEmptyStateProps>;
-} & {
-default: any;
-};
-componentLoading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-virtualScroll: {
-type: PropType<BentoListboxVirtulisationOptions>;
-} & {
-default: boolean;
-};
-dynamicFiltering: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: any;
-};
-showSlotContentInMultiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-enableValueLabelPair: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-}>>, {
-search: BentoListboxSearchOptions;
-value: BentoListboxSelectedValue;
-description: string;
-label: string;
-variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
-required: boolean;
-condensed: boolean;
-disabled: boolean;
-loading: boolean;
-error: boolean;
-optional: boolean;
-readonly: boolean;
-size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
-multiple: boolean;
-tooltipText: string;
-errorMessage: string;
-ariaLabel: string;
-items: BentoCountryListboxOptions;
-isOptionDisabled: BentoListboxIsOptionDisabled;
-staticCategories: boolean;
-hasMoreItems: boolean;
-lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
-emptyState: BentoListboxEmptyStateProps;
-componentLoading: boolean;
-virtualScroll: BentoListboxVirtulisationOptions;
-dynamicFiltering: boolean;
-placeholder: string;
-showSlotContentInMultiple: boolean;
-enableValueLabelPair: boolean;
-}>;
-
-/**
- * A Currency Dropdown showing a selectable list of currencies.
- *
- * @example
- * import { BentoDropdownCountry, BentoCountryCode } from '@adyen/bento-vue2';
- * import type { BentoCountryListboxOptions } from '@adyen/bento-vue2'
- *
- * export default {
- *     components: { BentoDropdown },
- *     template: `
- *          <bento-dropdown-currency
- *              v-model="selectedValue"
- *              :disabled="false"
- *              :multiple="true"
- *              :isOptionsDisabled="option => option.value === 2"
- *              :items="options"
- *          />
- *     `,
- *     setup() {
- *         const selectedValue = ref(BentoCountryCode.NL) // Default value
- *         const options: BentoCountryListboxOptions = [
- *              { label: 'Option 1', value: BentoCountryCode.NL },
- *              { label: 'Option 2', value: BentoCountryCode.BE },
- *         ];
- *         return { options, selectedValue };
- *     }
- * }
- */
-export declare const BentoDropdownCurrency: DefineComponent<    {
-/**
-* The option elements to populate the country dropdown with.
-* It must be an array of {@see BentoCurrencyListboxOptions }
-*  * @property {string} value.label - Text to be displayed in the option
-*  * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
-*/
-items: {
-type: PropType<BentoCurrencyListboxOptions>;
-default: () => any[];
-};
-search: {
-type: PropType<BentoListboxSearchOptions>;
-} & {
-default: any;
-};
-value: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-description: {
-type: PropType<string>;
-} & {
-default: any;
-};
-label: {
-type: PropType<string>;
-} & {
-default: any;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-condensed: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-error: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-size: {
-type: PropType<BentoDropdownSize_2 | "DropdownInputDefault" | "DropdownInputSmall">;
-} & {
-default: any;
-};
-multiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-isOptionDisabled: {
-type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
-} & {
-default: any;
-};
-staticCategories: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-hasMoreItems: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-lazyLoadType: {
-type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
-} & {
-default: BentoListboxLazyLoadType;
-};
-emptyState: {
-type: PropType<BentoListboxEmptyStateProps>;
-} & {
-default: any;
-};
-componentLoading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-virtualScroll: {
-type: PropType<BentoListboxVirtulisationOptions>;
-} & {
-default: boolean;
-};
-dynamicFiltering: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: any;
-};
-showSlotContentInMultiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-enableValueLabelPair: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
-}, string, Readonly<ExtractPropTypes<    {
-/**
-* The option elements to populate the country dropdown with.
-* It must be an array of {@see BentoCurrencyListboxOptions }
-*  * @property {string} value.label - Text to be displayed in the option
-*  * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
-*/
-items: {
-type: PropType<BentoCurrencyListboxOptions>;
-default: () => any[];
-};
-search: {
-type: PropType<BentoListboxSearchOptions>;
-} & {
-default: any;
-};
-value: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-description: {
-type: PropType<string>;
-} & {
-default: any;
-};
-label: {
-type: PropType<string>;
-} & {
-default: any;
-};
-required: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-condensed: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-disabled: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-error: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-optional: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-readonly: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-size: {
-type: PropType<BentoDropdownSize_2 | "DropdownInputDefault" | "DropdownInputSmall">;
-} & {
-default: any;
-};
-multiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-tooltipText: {
-type: PropType<string>;
-} & {
-default: any;
-};
-errorMessage: {
-type: PropType<string>;
-} & {
-default: any;
-};
-ariaLabel: {
-type: PropType<string>;
-} & {
-default: any;
-};
-isOptionDisabled: {
-type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
-} & {
-default: any;
-};
-staticCategories: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-hasMoreItems: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-lazyLoadType: {
-type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
-} & {
-default: BentoListboxLazyLoadType;
-};
-emptyState: {
-type: PropType<BentoListboxEmptyStateProps>;
-} & {
-default: any;
-};
-componentLoading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-virtualScroll: {
-type: PropType<BentoListboxVirtulisationOptions>;
-} & {
-default: boolean;
-};
-dynamicFiltering: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-placeholder: {
-type: PropType<string>;
-} & {
-default: any;
-};
-showSlotContentInMultiple: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-enableValueLabelPair: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-}>>, {
-search: BentoListboxSearchOptions;
-value: BentoListboxSelectedValue;
-description: string;
-label: string;
-required: boolean;
-condensed: boolean;
-disabled: boolean;
-loading: boolean;
-error: boolean;
-optional: boolean;
-readonly: boolean;
-size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
-multiple: boolean;
-tooltipText: string;
-errorMessage: string;
-ariaLabel: string;
-items: BentoCurrencyListboxOptions;
-isOptionDisabled: BentoListboxIsOptionDisabled;
-staticCategories: boolean;
-hasMoreItems: boolean;
-lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
-emptyState: BentoListboxEmptyStateProps;
-componentLoading: boolean;
-virtualScroll: BentoListboxVirtulisationOptions;
-dynamicFiltering: boolean;
-placeholder: string;
-showSlotContentInMultiple: boolean;
-enableValueLabelPair: boolean;
-}>;
-
-/**
- * A Payment method Dropdown showing a selectable list of countries.
+ * A Currency Dropdown showing a selectable list of currencies.
  *
  * @example
- * import { BentoDropdownPaymentMethod } from '@adyen/bento-vue2';
- * import type { BentoPaymentMethodListboxOptions } from '@adyen/bento-vue2'
+ * import { BentoDropdownCountry, BentoCountryCode } from '@adyen/bento-vue2';
+ * import type { BentoCountryListboxOptions } from '@adyen/bento-vue2'
  *
  * export default {
- *     components: { BentoDropdownPaymentMethod },
+ *     components: { BentoDropdown },
  *     template: `
- *          <bento-dropdown-payment-method
+ *          <bento-dropdown-currency
  *              v-model="selectedValue"
  *              :disabled="false"
  *              :multiple="true"
- *              :isOptionsDisabled="option => option.value === 'Visa'"
+ *              :isOptionsDisabled="option => option.value === 2"
  *              :items="options"
  *          />
  *     `,
  *     setup() {
- *         const selectedValue = ref('ideal') // Default value
- *         const options: BentoPaymentMethodListboxOptions = [
- *              { label: 'Option 1', value: 'ideal' },
- *              { label: 'Option 2', value: 'visa' },
+ *         const selectedValue = ref(BentoCountryCode.NL) // Default value
+ *         const options: BentoCountryListboxOptions = [
+ *              { label: 'Option 1', value: BentoCountryCode.NL },
+ *              { label: 'Option 2', value: BentoCountryCode.BE },
  *         ];
  *         return { options, selectedValue };
  *     }
  * }
  */
-export declare const BentoDropdownPaymentMethod: DefineComponent<    {
+export declare const BentoDropdownCurrency: DefineComponent<    {
 /**
-* The option elements to populate the payment method dropdown with.
-* It must be an array of {@see BentoPaymentMethodListboxOptions }
+* The option elements to populate the country dropdown with.
+* It must be an array of {@see BentoCurrencyListboxOptions }
 *  * @property {string} value.label - Text to be displayed in the option
-*  * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
+*  * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
 */
 items: {
-type: PropType<BentoPaymentMethodListboxOptions>;
+type: PropType<BentoCurrencyListboxOptions>;
 default: () => any[];
 };
 search: {
@@ -7114,11 +6483,6 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
 error: {
 type: PropType<boolean>;
 } & {
@@ -7144,6 +6508,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 tooltipText: {
 type: PropType<string>;
 } & {
@@ -7218,13 +6587,13 @@ default: boolean;
 input: (selectedValue: BentoListboxSelectedValue) => void;
 }, string, Readonly<ExtractPropTypes<    {
 /**
-* The option elements to populate the payment method dropdown with.
-* It must be an array of {@see BentoPaymentMethodListboxOptions }
+* The option elements to populate the country dropdown with.
+* It must be an array of {@see BentoCurrencyListboxOptions }
 *  * @property {string} value.label - Text to be displayed in the option
-*  * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
+*  * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
 */
 items: {
-type: PropType<BentoPaymentMethodListboxOptions>;
+type: PropType<BentoCurrencyListboxOptions>;
 default: () => any[];
 };
 search: {
@@ -7262,11 +6631,6 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
 error: {
 type: PropType<boolean>;
 } & {
@@ -7292,6 +6656,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 tooltipText: {
 type: PropType<string>;
 } & {
@@ -7370,16 +6739,16 @@ label: string;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
-loading: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
 size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
+loading: boolean;
 tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
-items: BentoPaymentMethodListboxOptions;
+items: BentoCurrencyListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -7393,6 +6762,65 @@ showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
 }>;
 
+export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
+    /**
+     * The option elements to populate the avatar dropdown with.
+     * It must be an array of {@see BentoAvatarListboxOptions }
+     * @property {string} value.label - Text to be displayed in the option.
+     * @property {string | number} value.value - Value of the option.
+     * @property {string} value.src - Image source of the avatar image.
+     */
+    items?: BentoAvatarListboxOptions;
+}
+
+/**
+ * A Payment method Dropdown showing a selectable list of countries.
+ *
+ * @example
+ * import { BentoDropdownPaymentMethod } from '@adyen/bento-vue2';
+ * import type { BentoPaymentMethodListboxOptions } from '@adyen/bento-vue2'
+ *
+ * export default {
+ *     components: { BentoDropdownPaymentMethod },
+ *     template: `
+ *          <bento-dropdown-payment-method
+ *              v-model="selectedValue"
+ *              :disabled="false"
+ *              :multiple="true"
+ *              :isOptionsDisabled="option => option.value === 'Visa'"
+ *              :items="options"
+ *          />
+ *     `,
+ *     setup() {
+ *         const selectedValue = ref('ideal') // Default value
+ *         const options: BentoPaymentMethodListboxOptions = [
+ *              { label: 'Option 1', value: 'ideal' },
+ *              { label: 'Option 2', value: 'visa' },
+ *         ];
+ *         return { options, selectedValue };
+ *     }
+ * }
+ */
+export declare const BentoDropdownPaymentMethod: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownPaymentMethodProps>, {
+items: () => any[];
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (selectedValue: BentoListboxSelectedValue) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownPaymentMethodProps>, {
+items: () => any[];
+}>>>, {
+items: BentoPaymentMethodListboxOptions;
+}>;
+
+export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
+    /**
+     * The option elements to populate the payment method dropdown with.
+     * It must be an array of {@see BentoPaymentMethodListboxOptions }
+     * @property {string} value.label - Text to be displayed in the option
+     * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
+     */
+    items?: BentoPaymentMethodListboxOptions;
+}
+
 export declare interface BentoDropdownProps {
     /**
      * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -7623,11 +7051,6 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
 error: {
 type: PropType<boolean>;
 } & {
@@ -7653,6 +7076,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 tooltipText: {
 type: PropType<string>;
 } & {
@@ -7772,11 +7200,6 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
 error: {
 type: PropType<boolean>;
 } & {
@@ -7802,6 +7225,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 tooltipText: {
 type: PropType<string>;
 } & {
@@ -7880,12 +7308,12 @@ label: string;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
-loading: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
 size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
+loading: boolean;
 tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
@@ -8034,9 +7462,9 @@ validator: (value: BentoEmptyStateVariant) => boolean;
 }>>, {
 description: string;
 title: string;
-image: "success" | "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "delight" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "delight" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
 variant: "condensed" | "full-page" | "embedded" | "basic";
-action: BentoButtonActionObject;
+action: BentoActionButton;
 headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
 }>, {
     title: (_: {}) => any;
@@ -8106,7 +7534,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -8123,7 +7551,7 @@ input: (value?: FileList) => void;
 "update:modelValue": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -8228,7 +7656,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoFilterBarProps>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8245,7 +7673,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoFilterBarProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8911,7 +8339,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -8937,7 +8365,7 @@ views: () => any[];
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9059,6 +8487,8 @@ 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.
+     *
+     * {@link [BentoButtonActionsList](https://adyen-bento.netlify.app/?path=/docs/components-button-button-actions--docs#variations)}
      */
     actions?: BentoButtonActionsList;
     /**
@@ -9067,12 +8497,21 @@ export declare interface BentoHeaderWithViewsProps {
     title: string;
     /**
      * Optional array of view items to display as selectable views or tabs.
-     * Each item's structure is defined by the `BentoHeaderWithViewsItem` interface.
+     *
+     * Each view should have the following property:
+     * - `icon` (BentoHeaderWithViewsItemIcon, optional): Optional icon to display.
+     * - `iconColor` (BentoHeaderWithViewsItemIconColor, optional): Optional color of the icon.
+     * - `label` (string): Text label for the view item.
+     * - `isDefault` (boolean, optional): Indicates if this view item is the default or currently active view.
+     * - `additionalViewSetting` (BentoHeaderWithViewsItemAdditionalConfig, optional): Optional configuration for an additional view setting.
+     * - `isFixed` (boolean, optional): Indicates if this view can be edited or deleted.     * @see {@link BentoHeaderWithViewsItem}
      */
     views?: BentoHeaderWithViewsItem[];
     /**
      * Optional configuration for an additional view setting, such as a filter or option.
      * Defined by the `BentoHeaderWithViewsItemAdditionalConfig` interface.
+     *
+     * @see {@link BentoHeaderWithViewsItemAdditionalConfig}
      */
     additionalViewSetting?: BentoHeaderWithViewsItemAdditionalConfig;
     /**
@@ -9127,10 +8566,10 @@ export declare interface BentoHeaderWithViewsProps {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -9139,36 +8578,33 @@ objectFit: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
 }>;
 
 export declare enum BentoImageAspectRatio {
-    LANDSCAPE = 'landscape',
-    P4_3 = '4:3',
-    P3_3 = '3:3',
-    P16_9 = '16:9',
-    P2_1 = '2:1',
-    PORTRAIT = 'portrait',
-    P3_4 = '3:4',
-    P2_3 = '2:3',
-    P9_16 = '9:16',
-    P1_2 = '1:2',
-    SQUARE = 'square',
-    P1_1 = '1:1',
+    LANDSCAPE = "landscape",
+    P4_3 = "4:3",
+    P3_3 = "3:3",
+    P16_9 = "16:9",
+    P2_1 = "2:1",
+    PORTRAIT = "portrait",
+    P3_4 = "3:4",
+    P2_3 = "2:3",
+    P9_16 = "9:16",
+    P1_2 = "1:2",
+    SQUARE = "square",
+    P1_1 = "1:1"
 }
 
 export declare enum BentoImageObjectFit {
-    COVER = 'cover',
-    FILL = 'fill',
-    CONTAIN = 'contain',
+    COVER = "cover",
+    FILL = "fill",
+    CONTAIN = "contain"
 }
 
 export declare interface BentoImageProps {
     /** Url to image, same as src attribute of `<img>` tag */
     src: string;
-
     /** Accessible text describing the image, same as alt attribute of `<img>` tag */
     alt: string;
-
     /** Aspect ratio of the image, maps to css aspect-ratio */
     aspectRatio?: BentoImageAspectRatio | `${BentoImageAspectRatio}` | null;
-
     /** Object fitting strategy, maps to css object-fit */
     objectFit?: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
 }
@@ -9183,11 +8619,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '@adyen/bento-vue2';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -9245,7 +8681,7 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9286,7 +8722,7 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9387,7 +8823,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -9409,7 +8845,7 @@ focus: () => void;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -9542,7 +8978,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -9551,7 +8987,7 @@ blur: () => void;
 input: (value: string) => void;
 } & {
 "update:selected-country": (country: CountryCode_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>>>, {
@@ -9562,6 +8998,11 @@ countries: CountryCode[];
     description: (_: {}) => any;
 }>;
 
+/**
+ * A constant array containing all supported country codes for the phone number input field.
+ */
+export declare const BentoInputFieldPhoneNumberCountries: CountryCode_2[];
+
 export declare type BentoInputFieldPhoneNumberDropdownProps = Pick<BentoInputDropdownProps, 'readonly'>;
 
 export declare interface BentoInputFieldPhoneNumberProps extends FormField {
@@ -9823,7 +9264,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -9837,7 +9278,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -9847,8 +9288,8 @@ relativeLayout: string;
 pageFocusAnchor: any;
 }>>>, {
 isOpen: boolean;
-loading: boolean;
 size: BentoInspectorSize;
+loading: boolean;
 activePage: string;
 expandable: boolean;
 relativeLayout: BentoInspectorRelativeLayout;
@@ -9953,10 +9394,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -9999,9 +9440,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -10033,10 +9474,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_25<__VLS_TypePropsToRuntimeProps_25<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -10257,7 +9698,7 @@ condensed: boolean;
 critical: boolean;
 disabled: boolean;
 inverse: boolean;
-state: "start" | "loading" | "success" | "fail" | BentoLoadingButtonState;
+state: "start" | "loading" | "success" | BentoLoadingButtonState | "fail";
 }>, {
     default: (_: {}) => any;
     iconLeft: (_: {}) => any;
@@ -10359,11 +9800,11 @@ export declare enum BentoLoadingIndicatorEvent {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
-menuPosition: PopperContainerPositionExtended;
+menuPosition: string;
 menuFixedPositioning: boolean;
 menuWidth: any;
 revertFocusToButton: boolean;
@@ -10382,11 +9823,11 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
-menuPosition: PopperContainerPositionExtended;
+menuPosition: string;
 menuFixedPositioning: boolean;
 menuWidth: any;
 revertFocusToButton: boolean;
@@ -10394,13 +9835,13 @@ teleport: boolean;
 closeOnClickOutsideOptions: any;
 }>>>, {
 button: BentoMenuButtonProps;
-teleport: boolean;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
 menuPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
 menuFixedPositioning: boolean;
 menuWidth: number;
 revertFocusToButton: boolean;
+teleport: boolean;
 closeOnClickOutsideOptions: any;
 }>, {
     iconLeft: (_: {}) => any;
@@ -10408,9 +9849,17 @@ closeOnClickOutsideOptions: any;
 }>;
 
 export declare type BentoMenuButtonProps = {
-    variant?: ButtonProps['variant'];
-    condensed?: ButtonProps['condensed'];
-    disabled?: ButtonProps['disabled'];
+    'aria-label'?: HTMLAttributes['aria-label'];
+    condensed?: BentoButtonProps['condensed'];
+    disabled?: BentoButtonProps['disabled'];
+    variant?: BentoButtonProps['variant'];
+};
+
+declare type BentoMenuButtonProps_2 = {
+    'aria-label'?: HTMLAttributes['aria-label'];
+    condensed?: BentoButtonProps_2['condensed'];
+    disabled?: BentoButtonProps_2['disabled'];
+    variant?: BentoButtonProps_2['variant'];
 };
 
 export declare enum BentoMenuEvent {
@@ -10433,6 +9882,20 @@ export declare interface BentoMenuItem {
     skipClose?: boolean;
 }
 
+declare interface BentoMenuItem_2 {
+    text: string;
+    handler: () => void;
+    secondaryText?: string;
+    items?: Array<BentoMenuItem_2>;
+    disabled?: boolean;
+    chevron?: boolean;
+    icon?: VueNodeElement_2;
+    critical?: boolean;
+    indent?: boolean;
+    addDivider?: boolean;
+    skipClose?: boolean;
+}
+
 export declare interface BentoMenuProps {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -10484,6 +9947,57 @@ export declare interface BentoMenuProps {
     closeOnClickOutsideOptions?: OnClickOutsideOptions;
 }
 
+declare interface BentoMenuProps_2 {
+    /**
+     * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
+     */
+    button?: BentoMenuButtonProps_2;
+    /**
+     * Controls if the menu should close when an item is clicked.
+     * Defaults to `true`.
+     */
+    closeMenuOnItemSelect?: boolean;
+    /**
+     * The data to be displayed in the list
+     */
+    data: BentoMenuItem_2[];
+    /**
+     * Disables opening the menu when the down arrow key is pressed.
+     */
+    disableArrowDownOpeningMenu?: boolean;
+    /**
+     * The position of where the menu should open.
+     */
+    menuPosition?: BentoPopoverPositions_2 | `${BentoPopoverPositions_2}`;
+    /**
+     * Instructs the menu popover to be visible outside of the containing container.
+     * @see {@link https://floating-ui.com/docs/usefloating#strategy}
+     */
+    menuFixedPositioning?: boolean;
+    /**
+     * Sets a custom width for the menu popover.
+     */
+    menuWidth?: number;
+    /**
+     * Returns focus to the menu button after popover is closed.
+     * Disable if focus management is delegated to the parent component.
+     * Defaults to `true`.
+     */
+    revertFocusToButton?: boolean;
+    /**
+     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
+     * (or `dialog` if popover is inside a dialog).
+     */
+    teleport?: boolean;
+    /**
+     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
+     * (or `dialog` if popover is inside a dialog).
+     *
+     * @see {@link OnClickOutsideOptions}
+     */
+    closeOnClickOutsideOptions?: OnClickOutsideOptions_2;
+}
+
 /**
  * Modal is a window that appear over any other page content
  * and focus user attention exclusively on one task or piece of
@@ -11126,7 +10640,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11135,7 +10649,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11283,7 +10797,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11299,7 +10813,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11365,10 +10879,10 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -12560,7 +12074,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -12582,7 +12096,7 @@ overflowVisible: boolean;
 dismiss: () => void;
 } & {
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -12628,21 +12142,21 @@ overflowVisible: boolean;
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
 export declare const BentoPopoverPositions: {
-    AUTO: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.AUTO;
-    AUTO_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_START;
-    AUTO_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_END;
-    TOP_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.TOP_START;
-    TOP_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.TOP_END;
-    RIGHT_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_START;
-    RIGHT_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_END;
-    BOTTOM_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_START;
-    BOTTOM_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_END;
-    LEFT_START: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_START;
-    LEFT_END: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_END;
-    TOP: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.TOP;
-    RIGHT: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.RIGHT;
-    BOTTOM: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.BOTTOM;
-    LEFT: import("../../../../core/src/components/popper-container/popper-container.types").PopperContainerPositionBasic.LEFT;
+    AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
+    AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
+    TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
+    TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
+    TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
+    RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
+    BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
+    LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
 };
 
 export declare type BentoPopoverPositions = PopperContainerPosition;
@@ -12789,7 +12303,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12797,7 +12311,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13366,7 +12880,7 @@ export declare type BentoRangeFilterOptions = {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13378,7 +12892,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13490,9 +13004,10 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
+disabled: boolean;
 hint: string;
 placeholder: string;
 value: any;
@@ -13511,15 +13026,17 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
+disabled: boolean;
 hint: string;
 placeholder: string;
 value: any;
 }>>>, {
 value: string;
 condensed: boolean;
+disabled: boolean;
 placeholder: string;
 debounceTime: number;
 hint: string;
@@ -13558,6 +13075,10 @@ export declare interface BentoSearchBarProps {
      * Custom debounce time. Default: 300
      */
     debounceTime?: number;
+    /**
+     * Disables the text input.
+     */
+    disabled?: boolean;
     /**
      * Text displayed as a hint when the field is not empty
      */
@@ -13594,7 +13115,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_35<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_37<{
 /**
 * 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.
@@ -13607,7 +13128,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_35<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<{
 /**
 * 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.
@@ -13652,7 +13173,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_36<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13661,7 +13182,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_36<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14627,7 +14148,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_39<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_39<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14843,7 +14364,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_40<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14867,7 +14388,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_40<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14921,7 +14442,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * Label to display for the value
 */
@@ -14946,7 +14467,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_39<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * Label to display for the value
 */
@@ -15001,10 +14522,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -15039,7 +14560,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15056,7 +14577,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15116,7 +14637,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15126,7 +14647,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15190,7 +14711,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15206,7 +14727,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15265,7 +14786,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15281,7 +14802,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15355,7 +14876,7 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15365,7 +14886,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15466,12 +14987,12 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -15620,11 +15141,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -17096,9 +16617,18 @@ export declare const BentoTooltipPosition: {
 
 export declare type BentoTooltipPosition = PopperContainerPositionBasic;
 
-declare const BentoTooltipPosition_2 = { ...PopperContainerPositionBasic };
+declare const BentoTooltipPosition_2: {
+    TOP: PopperContainerPositionBasic.TOP;
+    RIGHT: PopperContainerPositionBasic.RIGHT;
+    BOTTOM: PopperContainerPositionBasic.BOTTOM;
+    LEFT: PopperContainerPositionBasic.LEFT;
+};
+
+declare type BentoTooltipPosition_2 = PopperContainerPositionBasic;
+
+declare const BentoTooltipPosition_3 = { ...PopperContainerPositionBasic };
 
-declare type BentoTooltipPosition_2 = PopperContainerPositionBasic_2;
+declare type BentoTooltipPosition_3 = PopperContainerPositionBasic_2;
 
 export declare enum BentoTooltipState {
     HIDDEN = "hidden"
@@ -17226,7 +16756,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17274,7 +16804,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17382,8 +16912,6 @@ export declare type Binding<V> = DirectiveBinding<V> & KeyboardNavigation;
 
 export declare type Booleanish = boolean | 'true' | 'false';
 
-declare type ButtonProps = InstanceType<typeof BentoButton>['$props'];
-
 declare type CalendarGranularityType = 'daily' | 'weekly' | 'monthly' | 'quarterly';
 
 declare enum CalendarMonthFirstDayOfWeek {
@@ -17431,14 +16959,6 @@ export declare enum DateFormat {
     HOUR_MINUTE_SECONDS = "HH:mm:ss"
 }
 
-declare interface DateRangePickerCalendarFormData {
-    startDate: string;
-    endDate: string;
-    startTime?: string;
-    endTime?: string;
-    granularity?: CalendarGranularityType;
-}
-
 declare interface DateRangePickerCalendarRangeSelectorItem {
     label: string;
     value: string;
@@ -17908,6 +17428,15 @@ export declare type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;
  */
 export declare type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
 
+/**
+ * Maybe it's an Element (HTML, SVG, VueNode).
+ *
+ * ```ts
+ * type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null
+ * ```
+ */
+declare type MaybeElement_2 = HTMLElement | SVGElement | VueInstance_2 | undefined | null;
+
 /**
  * Maybe it's an Element (HTML, SVG, VueNode) `ref`.
  *
@@ -17917,6 +17446,15 @@ export declare type MaybeElement = HTMLElement | SVGElement | VueInstance | unde
  */
 export declare type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
 
+/**
+ * Maybe it's an Element (HTML, SVG, VueNode) `ref`.
+ *
+ * ```ts
+ * type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>
+ * ```
+ */
+declare type MaybeElementRef_2<T extends MaybeElement_2 = MaybeElement_2> = MaybeRef_2<T>;
+
 /**
  * Maybe it's a computed ref, or a getter function
  *
@@ -17940,6 +17478,20 @@ export declare type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
  */
 export declare type MaybeRef<T> = T | Ref<T> | Ref<UnwrapRef<T>>;
 
+/**
+ *
+ * Maybe it's a `ref`, or a plain value.
+ *
+ * As recommmended by the vue community to use this type when you are not sure
+ * if the argument is a ref.
+ * Source: https://github.com/vueuse/vueuse/blob/main/packages/shared/utils/types.ts#L28
+ *
+ * ```ts
+ * type MaybeRef<T> = T | Ref<T>
+ * ```
+ */
+declare type MaybeRef_2<T> = T | Ref<T> | Ref<UnwrapRef<T>>;
+
 /**
  * Validates if the length of the provided value is greater than or equal to the specified length.
  *
@@ -17951,6 +17503,8 @@ export declare function minLength(value: BentoInputFieldValue, length?: number):
 
 export declare type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
+declare type OmitStrict_2<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+
 declare type OnClickOutsideHandler = (evt: PointerEvent | FocusEvent) => void;
 
 declare interface OnClickOutsideOptions {
@@ -17971,6 +17525,27 @@ declare interface OnClickOutsideOptions {
     window?: Window;
 }
 
+declare interface OnClickOutsideOptions_2 {
+    /**
+     * List of elements that should not trigger the event.
+     */
+    ignore?: (MaybeElementRef_2 | string)[];
+    /**
+     * Use capturing phase for internal event listener.
+     * @default true
+     */
+    capture?: boolean;
+    /**
+     * Run handler function if focus moves to an iframe.
+     * @default false
+     */
+    detectIframe?: boolean;
+    /*
+    * Specify a custom `window` instance, e.g. working with iframes or in testing environments.
+    */
+    window?: Window;
+}
+
 declare const plugin: Plugin<BentoVuePlugin>;
 export default plugin;
 
@@ -18250,6 +17825,8 @@ declare type UseVirtualListItemHeight = number | ((index: number) => number);
 
 export declare type VueInstance = ComponentPublicInstance;
 
+declare type VueInstance_2 = ComponentPublicInstance;
+
 /**
  * Vue node element instance
  *