@adyen/bento-vue3 1.48.0 → 1.50.0

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

@@ -6,9 +6,7 @@ import { ComputedRef } from 'vue';
 import { CountryCode } from 'libphonenumber-js/types';
 import { CountryCode as CountryCode_2 } from 'libphonenumber-js';
 import { DeepReadonly } from 'vue';
-import { default as default_2 } from './dropdown.vue';
-import { default as default_3 } from './empty-state.vue';
-import { default as default_4 } from 'vue-i18n';
+import { default as default_2 } from 'vue-i18n';
 import { DefineComponent } from 'vue';
 import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
@@ -66,6 +64,8 @@ declare type __VLS_NonUndefinedable_26<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_27<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_28<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
@@ -260,6 +260,15 @@ declare type __VLS_TypePropsToRuntimeProps_27<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_28<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_28<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_3<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
@@ -425,6 +434,12 @@ declare type __VLS_WithDefaults_24<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_25<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_3<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1151,35 +1166,20 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
     src?: string;
 };
 
-declare type BentoAvatarListboxOptionItem_2 = Omit<BentoListboxOptionItem_2, 'data'> & {
-    src?: string;
-};
-
 export declare type BentoAvatarListboxOptions = BentoAvatarListboxOptionItem[];
 
-declare type BentoAvatarListboxOptions_2 = BentoAvatarListboxOptionItem_2[];
-
 export declare type BentoBooleanFilterOption = {
     label: string;
     value: string | boolean;
 };
 
-declare type BentoBooleanFilterOption_2 = { label: string; value: string | boolean };
-
 export declare type BentoBooleanFilterOptions = {
     positiveOption: BentoBooleanFilterOption;
     negativeOption: BentoBooleanFilterOption;
 };
 
-declare type BentoBooleanFilterOptions_2 = {
-    positiveOption: BentoBooleanFilterOption_2;
-    negativeOption: BentoBooleanFilterOption_2;
-};
-
 export declare type BentoBooleanFilterValue = string | null;
 
-declare type BentoBooleanFilterValue_2 = string | null;
-
 /**
  * Button component for all the various types of bento buttons.
  *
@@ -1347,18 +1347,6 @@ declare interface BentoButtonActionObject_2<IconType = object> extends BentoButt
     iconOnly?: boolean;
 }
 
-declare type BentoButtonActionObject_3 = BentoButtonActionObject_4<VueNodeElement_2>;
-
-declare interface BentoButtonActionObject_4<IconType = object> extends BentoButtonProps_2 {
-    title: string;
-    event?: (event: Event) => void;
-    icon?: IconType;
-    iconLeft?: IconType;
-    iconRight?: IconType;
-    state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
-    iconOnly?: boolean;
-}
-
 /**
  * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
  *
@@ -1559,16 +1547,6 @@ export declare interface BentoButtonProps {
     link?: object;
 }
 
-declare interface BentoButtonProps_2 {
-    condensed?: boolean;
-    critical?: boolean;
-    disabled?: boolean;
-    inverse?: boolean;
-    variant?: BentoButtonVariant_2 | `${BentoButtonVariant_2}`;
-    type?: string;
-    link?: object;
-}
-
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -1900,7 +1878,7 @@ contentSlotAvailable: ComputedRef<boolean>;
 hasContentSlot: ComputedRef<boolean>;
 hasSlot: (name: string) => boolean;
 onChange: (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => void;
-t: (key: "required" | "optional" | "checkbox", values?: default_4.Values) => string;
+t: (key: "required" | "optional" | "checkbox", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCheckboxEvent[], string, Readonly<ExtractPropTypes<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
@@ -2523,7 +2501,7 @@ isInlineVariant: ComputedRef<boolean>;
 handleChangeLanguage: () => void;
 onActionClicked: () => void;
 runText: ComputedRef<string>;
-t: (key: "expand" | "run" | "nothingToDisplay", values?: default_4.Values) => string;
+t: (key: "expand" | "run" | "nothingToDisplay", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<    {
 /**
 * Defines the variant of code-snippet
@@ -2649,7 +2627,7 @@ export declare interface BentoColumn {
     visible?: boolean;
     mandatory?: boolean;
     frozen?: boolean;
-    cellActions?: BentoColumnCellActions;
+    cellActions?: BentoColumnCellActionsProp;
 }
 
 declare type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
@@ -2673,6 +2651,10 @@ declare type BentoColumnCellActionMenuItem = {
 
 declare type BentoColumnCellActions = BentoColumnCellAction[];
 
+declare type BentoColumnCellActionsByCellDataFn = (rowDataItem: BentoDatagridDataItem, columnKey: string) => BentoColumnCellActions;
+
+declare type BentoColumnCellActionsProp = BentoColumnCellActions | BentoColumnCellActionsByCellDataFn;
+
 declare type BentoColumnCellActionVariant = 'copy' | 'edit' | 'open' | 'more';
 
 export declare enum BentoColumnOverflow {
@@ -3014,276 +2996,14 @@ export declare enum BentoCountryCode {
     UNKNOWN = "ZZ"
 }
 
-declare enum BentoCountryCode_2 {
-    BD = 'BD',
-    BE = 'BE',
-    BF = 'BF',
-    BG = 'BG',
-    BA = 'BA',
-    BB = 'BB',
-    WF = 'WF',
-    BL = 'BL',
-    BM = 'BM',
-    BN = 'BN',
-    BO = 'BO',
-    BH = 'BH',
-    BI = 'BI',
-    BJ = 'BJ',
-    BT = 'BT',
-    JM = 'JM',
-    BV = 'BV',
-    BW = 'BW',
-    WS = 'WS',
-    BQ = 'BQ',
-    BR = 'BR',
-    BS = 'BS',
-    JE = 'JE',
-    BY = 'BY',
-    BZ = 'BZ',
-    RU = 'RU',
-    RW = 'RW',
-    RS = 'RS',
-    TL = 'TL',
-    RE = 'RE',
-    TM = 'TM',
-    TJ = 'TJ',
-    RO = 'RO',
-    TK = 'TK',
-    GW = 'GW',
-    GU = 'GU',
-    GT = 'GT',
-    GS = 'GS',
-    GR = 'GR',
-    GQ = 'GQ',
-    GP = 'GP',
-    JP = 'JP',
-    GY = 'GY',
-    GG = 'GG',
-    GF = 'GF',
-    GE = 'GE',
-    GD = 'GD',
-    GB = 'GB',
-    GA = 'GA',
-    SV = 'SV',
-    GN = 'GN',
-    GM = 'GM',
-    GL = 'GL',
-    GI = 'GI',
-    GH = 'GH',
-    OM = 'OM',
-    TN = 'TN',
-    JO = 'JO',
-    HR = 'HR',
-    HT = 'HT',
-    HU = 'HU',
-    HK = 'HK',
-    HN = 'HN',
-    HM = 'HM',
-    VE = 'VE',
-    PR = 'PR',
-    PS = 'PS',
-    PW = 'PW',
-    PT = 'PT',
-    SJ = 'SJ',
-    PY = 'PY',
-    IQ = 'IQ',
-    PA = 'PA',
-    PF = 'PF',
-    PG = 'PG',
-    PE = 'PE',
-    PK = 'PK',
-    PH = 'PH',
-    PN = 'PN',
-    PL = 'PL',
-    PM = 'PM',
-    ZM = 'ZM',
-    EH = 'EH',
-    EE = 'EE',
-    EG = 'EG',
-    ZA = 'ZA',
-    EC = 'EC',
-    IT = 'IT',
-    VN = 'VN',
-    SB = 'SB',
-    ET = 'ET',
-    SO = 'SO',
-    ZW = 'ZW',
-    SA = 'SA',
-    ES = 'ES',
-    ER = 'ER',
-    ME = 'ME',
-    MD = 'MD',
-    MG = 'MG',
-    MF = 'MF',
-    MA = 'MA',
-    MC = 'MC',
-    UZ = 'UZ',
-    MM = 'MM',
-    ML = 'ML',
-    MO = 'MO',
-    MN = 'MN',
-    MH = 'MH',
-    MK = 'MK',
-    MU = 'MU',
-    MT = 'MT',
-    MW = 'MW',
-    MV = 'MV',
-    MQ = 'MQ',
-    MP = 'MP',
-    MS = 'MS',
-    MR = 'MR',
-    IM = 'IM',
-    UG = 'UG',
-    TZ = 'TZ',
-    MY = 'MY',
-    MX = 'MX',
-    IL = 'IL',
-    FR = 'FR',
-    IO = 'IO',
-    SH = 'SH',
-    FI = 'FI',
-    FJ = 'FJ',
-    FK = 'FK',
-    FM = 'FM',
-    FO = 'FO',
-    NI = 'NI',
-    NL = 'NL',
-    NO = 'NO',
-    NA = 'NA',
-    VU = 'VU',
-    NC = 'NC',
-    NE = 'NE',
-    NF = 'NF',
-    NG = 'NG',
-    NZ = 'NZ',
-    NP = 'NP',
-    NR = 'NR',
-    NU = 'NU',
-    CK = 'CK',
-    XK = 'XK',
-    CI = 'CI',
-    CH = 'CH',
-    CO = 'CO',
-    CN = 'CN',
-    CM = 'CM',
-    CL = 'CL',
-    CC = 'CC',
-    CA = 'CA',
-    CG = 'CG',
-    CF = 'CF',
-    CD = 'CD',
-    CZ = 'CZ',
-    CY = 'CY',
-    CX = 'CX',
-    CR = 'CR',
-    CW = 'CW',
-    CV = 'CV',
-    CU = 'CU',
-    SZ = 'SZ',
-    SY = 'SY',
-    SX = 'SX',
-    KG = 'KG',
-    KE = 'KE',
-    SS = 'SS',
-    SR = 'SR',
-    KI = 'KI',
-    KH = 'KH',
-    KN = 'KN',
-    KM = 'KM',
-    ST = 'ST',
-    SK = 'SK',
-    KR = 'KR',
-    SI = 'SI',
-    KP = 'KP',
-    KW = 'KW',
-    SN = 'SN',
-    SM = 'SM',
-    SL = 'SL',
-    SC = 'SC',
-    KZ = 'KZ',
-    KY = 'KY',
-    SG = 'SG',
-    SE = 'SE',
-    SD = 'SD',
-    DO = 'DO',
-    DM = 'DM',
-    DJ = 'DJ',
-    DK = 'DK',
-    VG = 'VG',
-    DE = 'DE',
-    YE = 'YE',
-    DZ = 'DZ',
-    US = 'US',
-    UY = 'UY',
-    YT = 'YT',
-    UM = 'UM',
-    LB = 'LB',
-    LC = 'LC',
-    LA = 'LA',
-    TV = 'TV',
-    TW = 'TW',
-    TT = 'TT',
-    TR = 'TR',
-    LK = 'LK',
-    LI = 'LI',
-    LV = 'LV',
-    TO = 'TO',
-    LT = 'LT',
-    LU = 'LU',
-    LR = 'LR',
-    LS = 'LS',
-    TH = 'TH',
-    TF = 'TF',
-    TG = 'TG',
-    TD = 'TD',
-    TC = 'TC',
-    LY = 'LY',
-    VA = 'VA',
-    VC = 'VC',
-    AE = 'AE',
-    AD = 'AD',
-    AG = 'AG',
-    AF = 'AF',
-    AI = 'AI',
-    VI = 'VI',
-    IS = 'IS',
-    IR = 'IR',
-    AM = 'AM',
-    AL = 'AL',
-    AO = 'AO',
-    AQ = 'AQ',
-    AS = 'AS',
-    AR = 'AR',
-    AU = 'AU',
-    AT = 'AT',
-    AW = 'AW',
-    IN = 'IN',
-    AX = 'AX',
-    AZ = 'AZ',
-    IE = 'IE',
-    ID = 'ID',
-    UA = 'UA',
-    QA = 'QA',
-    MZ = 'MZ',
-    UNKNOWN = 'ZZ',
-}
-
 export declare type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
     value: BentoCountryCode | `${BentoCountryCode}`;
     /** deprecated Use BentoDropdown component for custom labels */
     label?: string;
 };
 
-declare type BentoCountryListboxOptionItem_2 = OmitStrict_2<BentoListboxOptionItem_2, 'value' | 'label'> & {
-    value: BentoCountryCode_2 | `${BentoCountryCode_2}`;
-    /** deprecated Use BentoDropdown component for custom labels */
-    label?: string;
-};
-
 export declare type BentoCountryListboxOptions = BentoCountryListboxOptionItem[];
 
-declare type BentoCountryListboxOptions_2 = BentoCountryListboxOptionItem_2[];
-
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -3296,18 +3016,6 @@ export declare enum BentoCountryVariant {
     CUSTOM = "custom"
 }
 
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-declare enum BentoCountryVariant_2 {
-    ISO = 'iso',
-    NAME = 'name',
-    PHONE_CODE = 'phone_code',
-    CAPITAL = 'capital',
-    /** deprecated Use any of the other BentoCountry variants instead OR BentoTypography component for custom text */
-    CUSTOM = 'custom',
-}
-
 /**
  * A Currency component is used to display a formatted currency value.
  *
@@ -3342,177 +3050,6 @@ majorUnits: boolean;
 }>;
 
 export declare enum BentoCurrencyISOCode {
-    AFA = "AFA",
-    ALL = "ALL",
-    DZD = "DZD",
-    AOA = "AOA",
-    ARS = "ARS",
-    AMD = "AMD",
-    AWG = "AWG",
-    AUD = "AUD",
-    AZN = "AZN",
-    BSD = "BSD",
-    BHD = "BHD",
-    BDT = "BDT",
-    BBD = "BBD",
-    BYR = "BYR",
-    BEF = "BEF",
-    BZD = "BZD",
-    BMD = "BMD",
-    BTN = "BTN",
-    BTC = "BTC",
-    BOB = "BOB",
-    BAM = "BAM",
-    BWP = "BWP",
-    BRL = "BRL",
-    GBP = "GBP",
-    BND = "BND",
-    BGN = "BGN",
-    BIF = "BIF",
-    KHR = "KHR",
-    CAD = "CAD",
-    CVE = "CVE",
-    KYD = "KYD",
-    XOF = "XOF",
-    XAF = "XAF",
-    XPF = "XPF",
-    CLP = "CLP",
-    CLF = "CLF",
-    CNY = "CNY",
-    COP = "COP",
-    KMF = "KMF",
-    CDF = "CDF",
-    CRC = "CRC",
-    HRK = "HRK",
-    CUC = "CUC",
-    CZK = "CZK",
-    DKK = "DKK",
-    DJF = "DJF",
-    DOP = "DOP",
-    XCD = "XCD",
-    EGP = "EGP",
-    ERN = "ERN",
-    EEK = "EEK",
-    ETB = "ETB",
-    EUR = "EUR",
-    FKP = "FKP",
-    FJD = "FJD",
-    GMD = "GMD",
-    GEL = "GEL",
-    DEM = "DEM",
-    GHS = "GHS",
-    GIP = "GIP",
-    GRD = "GRD",
-    GTQ = "GTQ",
-    GNF = "GNF",
-    GYD = "GYD",
-    HTG = "HTG",
-    HNL = "HNL",
-    HKD = "HKD",
-    HUF = "HUF",
-    ISK = "ISK",
-    INR = "INR",
-    IDR = "IDR",
-    IRR = "IRR",
-    IQD = "IQD",
-    ILS = "ILS",
-    ITL = "ITL",
-    JMD = "JMD",
-    JPY = "JPY",
-    JOD = "JOD",
-    KZT = "KZT",
-    KES = "KES",
-    KWD = "KWD",
-    KGS = "KGS",
-    LAK = "LAK",
-    LVL = "LVL",
-    LBP = "LBP",
-    LSL = "LSL",
-    LRD = "LRD",
-    LYD = "LYD",
-    LTC = "LTC",
-    LTL = "LTL",
-    MOP = "MOP",
-    MKD = "MKD",
-    MGA = "MGA",
-    MWK = "MWK",
-    MYR = "MYR",
-    MVR = "MVR",
-    MRO = "MRO",
-    MUR = "MUR",
-    MXN = "MXN",
-    MDL = "MDL",
-    MNT = "MNT",
-    MAD = "MAD",
-    MZM = "MZM",
-    MMK = "MMK",
-    NAD = "NAD",
-    NPR = "NPR",
-    ANG = "ANG",
-    TWD = "TWD",
-    NZD = "NZD",
-    NIO = "NIO",
-    NGN = "NGN",
-    KPW = "KPW",
-    NOK = "NOK",
-    OMR = "OMR",
-    PKR = "PKR",
-    PAB = "PAB",
-    PGK = "PGK",
-    PYG = "PYG",
-    PEN = "PEN",
-    PHP = "PHP",
-    PLN = "PLN",
-    QAR = "QAR",
-    RON = "RON",
-    RUB = "RUB",
-    RWF = "RWF",
-    SVC = "SVC",
-    WST = "WST",
-    STD = "STD",
-    SAR = "SAR",
-    RSD = "RSD",
-    SCR = "SCR",
-    SLL = "SLL",
-    SGD = "SGD",
-    SKK = "SKK",
-    SBD = "SBD",
-    SOS = "SOS",
-    ZAR = "ZAR",
-    KRW = "KRW",
-    SSP = "SSP",
-    XDR = "XDR",
-    LKR = "LKR",
-    SHP = "SHP",
-    SDG = "SDG",
-    SRD = "SRD",
-    SZL = "SZL",
-    SEK = "SEK",
-    CHF = "CHF",
-    SYP = "SYP",
-    TJS = "TJS",
-    TZS = "TZS",
-    THB = "THB",
-    TOP = "TOP",
-    TTD = "TTD",
-    TND = "TND",
-    TRY = "TRY",
-    TMT = "TMT",
-    UGX = "UGX",
-    UAH = "UAH",
-    AED = "AED",
-    UYU = "UYU",
-    USD = "USD",
-    UZS = "UZS",
-    VUV = "VUV",
-    VEF = "VEF",
-    VND = "VND",
-    YER = "YER",
-    ZMK = "ZMK",
-    ZWL = "ZWL"
-}
-
-declare enum BentoCurrencyISOCode_2 {
     AFA = 'AFA',
     ALL = 'ALL',
     DZD = 'DZD',
@@ -3687,27 +3224,24 @@ export declare type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOpti
     value: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
 };
 
-declare type BentoCurrencyListboxOptionItem_2 = OmitStrict_2<BentoListboxOptionItem_2, 'value'> & {
-    value: BentoCurrencyISOCode_2 | `${BentoCurrencyISOCode_2}`;
-};
-
 export declare type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem[];
 
-declare type BentoCurrencyListboxOptions_2 = BentoCurrencyListboxOptionItem_2[];
-
 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
      */
@@ -3740,7 +3274,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * The header of the section
 */
@@ -3751,7 +3285,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * The header of the section
 */
@@ -3799,7 +3333,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * The header that goes to the top of the template
 */
@@ -3822,7 +3356,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * The header that goes to the top of the template
 */
@@ -4026,7 +3560,7 @@ default: any;
 * {@see BentoFilterBarModel}
 */
 filters: {
-type: PropType<BentoFilterBarModel_2>;
+type: PropType<BentoFilterBarModel>;
 default: any;
 };
 /**
@@ -4034,7 +3568,7 @@ default: any;
 * {@see BentoFilterValues}
 */
 filterValues: {
-type: PropType<BentoFilterValues_2>;
+type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
@@ -4292,7 +3826,7 @@ default: any;
 * {@see BentoFilterBarModel}
 */
 filters: {
-type: PropType<BentoFilterBarModel_2>;
+type: PropType<BentoFilterBarModel>;
 default: any;
 };
 /**
@@ -4300,7 +3834,7 @@ default: any;
 * {@see BentoFilterValues}
 */
 filterValues: {
-type: PropType<BentoFilterValues_2>;
+type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
@@ -4488,7 +4022,7 @@ type: BooleanConstructor;
 default: boolean;
 };
 }>>, {
-filters: BentoFilterBarModel_2;
+filters: BentoFilterBarModel;
 condensed: boolean;
 loading: boolean;
 outline: boolean;
@@ -4510,7 +4044,7 @@ highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
 slashedZero: boolean;
-filterValues: BentoFilterValues_2;
+filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
@@ -4831,15 +4365,8 @@ export declare interface BentoDateFilterOptions {
     isDateDisabled?: CalendarMonthIsDateDisabled;
 }
 
-declare interface BentoDateFilterOptions_2 {
-    firstDayOfWeek?: CalendarMonthFirstDayOfWeek_2;
-    isDateDisabled?: CalendarMonthIsDateDisabled_2;
-}
-
 export declare type BentoDateFilterValue = Date | null;
 
-declare type BentoDateFilterValue_2 = Date | null;
-
 export declare enum BentoDateFormat {
     DAY_OF_MONTH = "d",// 1, 2, ..., 31,
     LONG_WEEKDAY = "EEEE",// Friday
@@ -5147,26 +4674,11 @@ export declare interface BentoDateRangeFilterOptions {
     max?: Date;
     numberOfMonths?: number;
     showEndDateOnOpen?: boolean;
-    quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems_2 | boolean;
-}
-
-declare interface BentoDateRangeFilterOptions_2 {
-    allowTimeInput?: boolean;
-    firstDayOfWeek?: CalendarMonthFirstDayOfWeek_2;
-    isDateDisabled?: CalendarMonthIsDateDisabled_2;
-    granularities?: Array<CalendarGranularityConfig>;
-    maxRange?: number;
-    min?: Date;
-    max?: Date;
-    numberOfMonths?: number;
-    showEndDateOnOpen?: boolean;
     quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
 }
 
 export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
 
-declare type BentoDateRangeFilterValue_2 = CalendarRangeDateValue | null;
-
 /**
  * Date range picker selector.
  *
@@ -5296,7 +4808,7 @@ default: any;
 * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
 */
 quickSelectRanges: {
-type: PropType<DateRangePickerCalendarRangeSelectorItems_2>;
+type: PropType<DateRangePickerCalendarRangeSelectorItems>;
 default: any;
 };
 /**
@@ -5390,7 +4902,7 @@ onEnterPressedOverInput: () => void;
 onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
 onDateRangePickerError: (dateTextInput: any) => void;
 onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
-t: (key: "cancel" | "apply" | "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: default_4.Values) => string;
+t: (key: "cancel" | "apply" | "selectDateRange" | "dateRangePicker" | "provideDateInAFormat" | "selectDate" | "selectedDateIsNotAvailable", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes<    {
 /**
 * Allows user to enter time values in the form
@@ -5493,7 +5005,7 @@ default: any;
 * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
 */
 quickSelectRanges: {
-type: PropType<DateRangePickerCalendarRangeSelectorItems_2>;
+type: PropType<DateRangePickerCalendarRangeSelectorItems>;
 default: any;
 };
 /**
@@ -5561,8 +5073,8 @@ showEndDateOnOpen: boolean;
 tooltipText: string;
 errorMessage: string;
 allowTimeInput: boolean;
-granularities: BentoDateRangePickerGranularityConfig<CalendarGranularityType_2>[];
-quickSelectRanges: DateRangePickerCalendarRangeSelectorItems_2;
+granularities: BentoDateRangePickerGranularityConfig<CalendarGranularityType>[];
+quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
 hasActions: boolean;
 }>;
 
@@ -5570,7 +5082,7 @@ export declare enum BentoDateRangePickerEvent {
     INPUT = "input"
 }
 
-export declare interface BentoDateRangePickerGranularityConfig<T extends CalendarGranularityType_2 = CalendarGranularityType_2> {
+export declare interface BentoDateRangePickerGranularityConfig<T extends CalendarGranularityType = CalendarGranularityType> {
     type: T;
     earliest?: Date;
     latest?: Date;
@@ -5580,7 +5092,7 @@ export declare interface BentoDateRangePickerGranularityConfig<T extends Calenda
 export declare interface BentoDateRangePickerValue {
     startDate: Date;
     endDate: Date;
-    granularity?: CalendarGranularityType_2;
+    granularity?: CalendarGranularityType;
     range?: string;
 }
 
@@ -5651,7 +5163,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_12<DefineComponent<    {
+export declare const BentoDropdown: __VLS_WithTemplateSlots_11<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -7769,6 +7281,8 @@ tooltipText: any;
 change: (value?: FileList) => void;
 } & {
 "update:modelValue": (value?: FileList) => void;
+} & {
+"error:upload": (value: boolean) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoFileUploaderProps>, {
 accept: any;
 description: any;
@@ -8054,18 +7568,8 @@ export declare enum BentoFilterBarEvent {
 
 export declare type BentoFilterBarModel = Array<BentoFilterModel>;
 
-declare type BentoFilterBarModel_2 = Array<BentoFilterModel_2>;
-
 export declare type BentoFilterBarValue = BentoInputFilterValue | BentoInpuWithDropdowntFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
 
-declare type BentoFilterBarValue_2 =
-| BentoInputFilterValue_2
-| BentoInpuWithDropdowntFilterValue_2
-| BentoSelectFilterValue_2
-| BentoBooleanFilterValue_2
-| BentoDateFilterValue_2
-| BentoDateRangeFilterValue_2;
-
 export declare enum BentoFilterEvent {
     INPUT = "input",
     UPDATE = "update"
@@ -8086,24 +7590,6 @@ export declare enum BentoFilterItemType {
     DATE_RANGE = "BentoDateRangeFilter"
 }
 
-declare enum BentoFilterItemType_2 {
-    BOOLEAN = 'BentoBooleanFilter',
-    RANGE = 'BentoRangeFilter',
-    // Input
-    INPUT = 'BentoInputFilter',
-    INPUT_DROPDOWN = 'BentoInputWithDropdownFilter',
-    // Select
-    SELECT = 'BentoSelectFilter',
-    SELECT_AVATAR = 'BentoSelectAvatarFilter',
-    SELECT_COUNTRY = 'BentoSelectCountryFilter',
-    SELECT_CURRENCY = 'BentoSelectCurrencyFilter',
-    SELECT_PAYMENT_METHOD = 'BentoSelectPaymentMethodFilter',
-    SELECT_TAG = 'BentoSelectTagFilter',
-    // Date
-    DATE = 'BentoDateFilter',
-    DATE_RANGE = 'BentoDateRangeFilter',
-}
-
 export declare interface BentoFilterModel extends BentoFilterValue {
     label: string;
     description?: string;
@@ -8118,50 +7604,15 @@ export declare interface BentoFilterModel extends BentoFilterValue {
     value?: BentoFilterBarValue;
 }
 
-declare interface BentoFilterModel_2 extends BentoFilterValue_2 {
-    label: string;
-    description?: string;
-    type: BentoFilterItemType_2;
-    options?: BentoFilterOptions_2;
-    disabled?: boolean;
-    defaultValue?: BentoFilterBarValue_2;
-    visible?: boolean;
-
-    /**
-     * @deprecated This property will be removed in version 2.0, please use `config` & `filter-values` properties.
-     */
-    value?: BentoFilterBarValue_2;
-}
-
 export declare type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputWithDropdownFilterOptions | undefined;
 
-declare type BentoFilterOptions_2 =
-| BentoSelectFilterOptions_2
-| BentoSelectAvatarFilterOptions_2
-| BentoSelectCountryFilterOptions_2
-| BentoSelectCurrencyFilterOptions_2
-| BentoSelectPaymentMethodFilterOptions_2
-| BentoSelectTagFilterOptions_2
-| BentoDateFilterOptions_2
-| BentoDateRangeFilterOptions_2
-| BentoBooleanFilterOptions_2
-| BentoInputWithDropdownFilterOptions_2
-| undefined;
-
 export declare interface BentoFilterValue {
     field: string;
     value?: BentoFilterBarValue;
 }
 
-declare interface BentoFilterValue_2 {
-    field: string;
-    value?: BentoFilterBarValue_2;
-}
-
 export declare type BentoFilterValues = Array<BentoFilterValue>;
 
-declare type BentoFilterValues_2 = Array<BentoFilterValue_2>;
-
 /**
  * Form layout component is a pre-designed layout that serves
  * as a starting point for creating a form.
@@ -8697,13 +8148,6 @@ tooltipPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "
 }>;
 
 export declare type BentoInputDropdownProps = {
-    items: DropdownProps_2['items'];
-    value: DropdownProps_2['value'];
-    dynamicFiltering?: DropdownProps_2['dynamicFiltering'];
-    'aria-label'?: string;
-};
-
-declare type BentoInputDropdownProps_2 = {
     items: DropdownProps['items'];
     value: DropdownProps['value'];
     dynamicFiltering?: DropdownProps['dynamicFiltering'];
@@ -9093,14 +8537,6 @@ export declare enum BentoInputFieldElementPosition {
     END = "end"
 }
 
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-declare enum BentoInputFieldElementPosition_2 {
-    START = 'start',
-    END = 'end',
-}
-
 /**
  * @deprecated The use of these enums is no longer supported.
  * Use `v-on:` or `@` to listen to the events being emitted.
@@ -9333,8 +8769,6 @@ export declare enum BentoInputFieldType {
 
 export declare type BentoInputFieldValue = string | number;
 
-declare type BentoInputFieldValue_2 = string | number;
-
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -9353,37 +8787,20 @@ export declare type BentoInputFilterInputAndDropdownValues = {
     dropdownValue?: string;
 };
 
-/**
- * @deprecated from version 2.0.0. Use BentoFilterItemType.INPUT_DROPDOWN instead.
- */
-declare type BentoInputFilterInputAndDropdownValues_2 = { inputValue: string | null; dropdownValue?: string };
-
 export declare type BentoInputFilterOptions = {};
 
 export declare type BentoInputFilterValue = string | null | BentoInputFilterInputAndDropdownValues;
 
-declare type BentoInputFilterValue_2 = string | null | BentoInputFilterInputAndDropdownValues_2;
-
 export declare type BentoInputWithDropdownFilterOptions = {
     dropdown: OmitStrict<BentoInputDropdownProps, 'value'>;
     dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
 };
 
-declare type BentoInputWithDropdownFilterOptions_2 = {
-    dropdown: OmitStrict_2<BentoInputDropdownProps_2, 'value'>;
-    dropdownPosition?: BentoInputFieldElementPosition_2 | `${BentoInputFieldElementPosition_2}`;
-};
-
 export declare type BentoInpuWithDropdowntFilterValue = {
     inputValue: BentoInputFieldValue;
     dropdownValue: BentoInputDropdownProps['value'];
 };
 
-declare type BentoInpuWithDropdowntFilterValue_2 = {
-    inputValue: BentoInputFieldValue_2;
-    dropdownValue: BentoInputDropdownProps_2['value'];
-};
-
 /**
  * Inspector allows users to access additional information or details of an object/item. The inspector opens adjacent to the main content, pushing it aside to maintain visibility and accessibility to both the main content and inspector.
  *
@@ -9397,7 +8814,10 @@ declare type BentoInpuWithDropdowntFilterValue_2 = {
  *                  title="Inspector"
  *                  size="large"
  *                  :is-open="isOpen"
+ *                  :active-page="activePage"
+ *                  expandable
  *                  @update:is-open="isOpen = $event"
+ *                  @update:active-page="activePage = $event"
  *          >
  *              <template #page>Content of the page</template>
  *              <template #content>Content of the inspector</template>
@@ -9407,6 +8827,10 @@ declare type BentoInpuWithDropdowntFilterValue_2 = {
  */
 export declare const BentoInspector: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<{
 /**
+* ID of the current active inspector page
+*/
+activePage?: string;
+/**
 * Shows the Expand icon in the inspector
 */
 expandable?: boolean;
@@ -9427,6 +8851,7 @@ size?: BentoInspectorSize;
 */
 title: string;
 }>, {
+activePage: string;
 expandable: boolean;
 isOpen: boolean;
 loading: boolean;
@@ -9434,9 +8859,15 @@ size: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:is-open": (value: boolean) => void;
 } & {
+"update:active-page": (value: string) => void;
+} & {
 expand: () => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<{
 /**
+* ID of the current active inspector page
+*/
+activePage?: string;
+/**
 * Shows the Expand icon in the inspector
 */
 expandable?: boolean;
@@ -9457,6 +8888,7 @@ size?: BentoInspectorSize;
 */
 title: string;
 }>, {
+activePage: string;
 expandable: boolean;
 isOpen: boolean;
 loading: boolean;
@@ -9465,6 +8897,7 @@ size: string;
 isOpen: boolean;
 loading: boolean;
 size: BentoInspectorSize;
+activePage: string;
 expandable: boolean;
 }>, {
     page: (_: {}) => any;
@@ -9640,11 +9073,6 @@ declare type BentoListboxEmptyStateProps = {
 export { BentoListboxEmptyStateProps as BentoDropdownEmptyStateProps }
 export { BentoListboxEmptyStateProps }
 
-declare type BentoListboxEmptyStateProps_2 = { action: { icon?: any } & BentoButtonActionObject_3 } & OmitStrict_2<
-InstanceType<typeof default_3>['$props'],
-'variant' | 'image' | 'description'
->;
-
 declare enum BentoListboxEvent {
     SELECT = "select",
     SHOW_MORE = "show-more",
@@ -9660,8 +9088,6 @@ export { BentoListboxEvent }
 
 export declare type BentoListboxIsOptionDisabled = undefined | ((optionValue: BentoListboxOptionItem) => boolean);
 
-declare type BentoListboxIsOptionDisabled_2 = undefined | ((optionValue: BentoListboxOptionItem_2) => boolean);
-
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -9673,19 +9099,8 @@ declare enum BentoListboxLazyLoadType {
 export { BentoListboxLazyLoadType as BentoDropdownLazyLoadType }
 export { BentoListboxLazyLoadType }
 
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-declare enum BentoListboxLazyLoadType_2 {
-    AUTOMATIC = 'automatic',
-    BUTTON = 'button',
-    NONE = 'none',
-}
-
 export declare type BentoListboxMultiSelectValue = BentoListboxValue[];
 
-declare type BentoListboxMultiSelectValue_2 = BentoListboxValue_2[];
-
 export declare interface BentoListboxOptionItem extends BentoSearchBarItem {
     data?: unknown;
     description?: string;
@@ -9694,18 +9109,8 @@ export declare interface BentoListboxOptionItem extends BentoSearchBarItem {
     items?: Array<BentoListboxOptionItem>;
 }
 
-declare interface BentoListboxOptionItem_2 extends BentoSearchBarItem_2 {
-    data?: unknown;
-    description?: string;
-    value: BentoListboxValue_2;
-    displayValue?: string;
-    items?: Array<BentoListboxOptionItem_2>; // Reference itself for multi-level options
-}
-
 export declare type BentoListboxOptions = Array<BentoListboxOptionItem>;
 
-declare type BentoListboxOptions_2 = Array<BentoListboxOptionItem_2>;
-
 declare interface BentoListboxSearchOptions {
     /**
      * Custom debounce time. Default: 300
@@ -9719,34 +9124,16 @@ declare interface BentoListboxSearchOptions {
 export { BentoListboxSearchOptions as BentoDropdownSearchOptions }
 export { BentoListboxSearchOptions }
 
-declare interface BentoListboxSearchOptions_2 {
-    /**
-     * Custom debounce time. Default: 300
-     */
-    debounceTime?: number;
-
-    /**
-     * The event that triggers upon user filtering the listbox items.
-     */
-    searchEvent: (searchValue: string) => void;
-}
-
 export declare type BentoListboxSelectedValue = BentoListboxValue | BentoListboxMultiSelectValue;
 
-declare type BentoListboxSelectedValue_2 = BentoListboxValue_2 | BentoListboxMultiSelectValue_2;
-
 export declare type BentoListboxValue = string | number;
 
-declare type BentoListboxValue_2 = string | number;
-
 declare type BentoListboxVirtulisationOptions = boolean | {
-    itemHeight: UseVirtualListItemHeight_2;
+    itemHeight: UseVirtualListItemHeight;
 };
 export { BentoListboxVirtulisationOptions as BentoDropdownVirtulisationOptions }
 export { BentoListboxVirtulisationOptions }
 
-declare type BentoListboxVirtulisationOptions_2 = boolean | { itemHeight: UseVirtualListItemHeight };
-
 /**
  * Loading Button component is used for cases where pressing a button starts an event that requires a loading state, e.g.  when you have any sort of asynchronous action and are waiting for a response
  *
@@ -9879,13 +9266,6 @@ export declare enum BentoLoadingButtonState {
     FAIL = "fail"
 }
 
-declare enum BentoLoadingButtonState_2 {
-    START = 'start',
-    LOADING = 'loading',
-    SUCCESS = 'success',
-    FAIL = 'fail',
-}
-
 export declare const BentoLoadingIndicator: DefineComponent<    {
 /**
 * Displays the loading indicator in a small size
@@ -10048,7 +9428,7 @@ onKeyUp: () => void;
 closeMenu: () => void;
 menuItemClick: () => void;
 toggleShowMenu: (e: MouseEvent) => void;
-t: (key: "backButton" | "menuButton", values?: default_4.Values) => string;
+t: (key: "backButton" | "menuButton", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click")[], string, Readonly<ExtractPropTypes<    {
 /**
 * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -11032,7 +10412,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
+export declare const BentoPagination: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -11147,59 +10527,13 @@ hidePageSize: boolean;
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<    {
-/**
-*  The type of payment method to display.
-*/
-type: {
-type: StringConstructor;
-default: string;
-};
-/**
-*  The label describing to the payment method icon.
-*/
-label: {
-type: StringConstructor;
-required: true;
-};
-/**
-*  Render payment method icon in a smaller size
-*/
-small: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {
-conditionalIconClasses: ComputedRef<    {
-'b-payment-method__icon--small': boolean;
-}>;
-hasErroredOnImage: Ref<boolean>;
-isSummaryGridLayout: boolean;
-paymentMethodIconSrc: Ref<string>;
-onSrcError: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-*  The type of payment method to display.
-*/
-type: {
-type: StringConstructor;
-default: string;
-};
-/**
-*  The label describing to the payment method icon.
-*/
-label: {
-type: StringConstructor;
-required: true;
-};
-/**
-*  Render payment method icon in a smaller size
-*/
-small: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPaymentMethodProps>, {
+type: string;
+small: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPaymentMethodProps>, {
+type: string;
+small: boolean;
+}>>>, {
 small: boolean;
 type: string;
 }>;
@@ -11208,19 +10542,26 @@ export declare type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListbo
     value: string;
 };
 
-declare type BentoPaymentMethodListboxOptionItem_2 = OmitStrict_2<BentoListboxOptionItem_2, 'value'> & {
-    value: string;
-};
-
 export declare type BentoPaymentMethodListboxOptions = BentoPaymentMethodListboxOptionItem[];
 
-declare type BentoPaymentMethodListboxOptions_2 = BentoPaymentMethodListboxOptionItem_2[];
+export declare interface BentoPaymentMethodProps {
+    /**
+     *  The label describing to the payment method icon.
+     */
+    label: string;
+    /**
+     *  Render payment method icon in a smaller size
+     */
+    small?: boolean;
+    /**
+     *  The type of payment method to display.
+     */
+    type?: string;
+}
 
 /**
  * A collection of all payment method types.
  * Directly map to payment icon SVG name.
- */
-/**
  * @deprecated for usage with properties since version 2.0. Use IconsEnum from the @adyen/ui-assets-payment-method-icons package instead.
  */
 export declare enum BentoPaymentMethodType {
@@ -12724,7 +12065,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12732,7 +12073,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13446,11 +12787,6 @@ export declare interface BentoSearchBarItem {
     items?: Array<BentoSearchBarItem>;
 }
 
-declare interface BentoSearchBarItem_2 {
-    label: string;
-    items?: Array<BentoSearchBarItem_2>;
-}
-
 /**
  * Secondary Nav offers users a structured way to access information.
  * It also provides a clear hierarchy for users to understand and navigate through various information.
@@ -13473,7 +12809,7 @@ declare interface BentoSearchBarItem_2 {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_20<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_21<{
 /**
 * 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.
@@ -13486,7 +12822,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_20<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_21<{
 /**
 * 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.
@@ -13531,7 +12867,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13540,7 +12876,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13595,28 +12931,15 @@ export declare type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilte
     listboxItems: BentoAvatarListboxOptions;
 };
 
-declare type BentoSelectAvatarFilterOptions_2 = OmitStrict_2<BentoSelectFilterOptions_2, 'listboxItems'> & {
-    listboxItems: BentoAvatarListboxOptions_2;
-};
-
 export declare type BentoSelectCountryFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoCountryListboxOptions;
     variant?: BentoCountryVariant | `${BentoCountryVariant}`;
 };
 
-declare type BentoSelectCountryFilterOptions_2 = OmitStrict_2<BentoSelectFilterOptions_2, 'listboxItems'> & {
-    listboxItems: BentoCountryListboxOptions_2;
-    variant?: BentoCountryVariant_2 | `${BentoCountryVariant_2}`;
-};
-
 export declare type BentoSelectCurrencyFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoCurrencyListboxOptions;
 };
 
-declare type BentoSelectCurrencyFilterOptions_2 = OmitStrict_2<BentoSelectFilterOptions_2, 'listboxItems'> & {
-    listboxItems: BentoCurrencyListboxOptions_2;
-};
-
 export declare interface BentoSelectFilterOptions {
     /**
      * Empty state props that will be used with the inner empty state component to be displayed when no search results are found.
@@ -13693,99 +13016,8 @@ export declare interface BentoSelectFilterOptions {
     virtualScroll?: BentoListboxVirtulisationOptions;
 }
 
-declare interface BentoSelectFilterOptions_2 {
-    /**
-     * Empty state props that will be used with the inner empty state component to be displayed when no search results are found.
-     */
-    emptyState?: BentoListboxEmptyStateProps_2;
-
-    /**
-     * Option items for the list-box
-     */
-    listboxItems: BentoListboxOptions_2;
-
-    /**
-     * Defines if the list-box should be a multi-select filter
-     */
-    multiple?: boolean;
-
-    /**
-     * @deprecated from version 2.0.0. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The translation object to handle any custom transations. e.g. perisistent filter labels.
-     */
-    messages?: {
-        [key: string]: {
-            persistentButtonLabelPartiallySelected?: string;
-            persistentButtonLabelAllSelected?: string;
-            [key: string]: string;
-        };
-    };
-
-    /**
-     * @deprecated from version 2.0.0. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The unique key to use in the messages translation object to use for the persistent button label
-     * when the select filter has partially selected items.
-     */
-    messagesPersistentButtonLabelPartiallySelectedKey?: string;
-
-    /**
-     * @deprecated from version 2.0.0. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The unique key to use in the messages translation object to use for the persistent button label
-     * when the select filter has all items selected.
-     */
-    messagesPersistentButtonLabelAllSelectedKey?: string;
-
-    lazy?: {
-        /**
-         * Indicates whether there are more items to load
-         */
-        hasMoreItems: boolean;
-
-        /**
-         * The type of `Lazy Load`.
-         * Type "automatic" will enable infinite scrolling
-         * Type "button" will enable lazy loading with "Show more" button
-         */
-        lazyLoadType: BentoListboxLazyLoadType_2 | `${BentoListboxLazyLoadType_2}`;
-
-        /**
-         * Indicates if new options are loading.
-         */
-        loading: boolean;
-
-        /**
-         * The click event that fires when the user press on the "show more" button OR when the user
-         * scrolls down to bottom of the select filter box.
-         */
-        showMoreEvent?: () => void;
-    };
-
-    /**
-     * Search options and events for the listbox filtering.
-     */
-    search?: BentoListboxSearchOptions_2;
-
-    /**
-     * Defines if the list-box should support static categories
-     */
-    staticCategories?: boolean;
-
-    /**
-     * A function that defines which option in the list-box is disabled
-     */
-    isOptionDisabled?: BentoListboxIsOptionDisabled_2;
-
-    /**
-     * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
-     * The itemHeight function is used to calculate the height of rendered item given it's index.
-     */
-    virtualScroll?: BentoListboxVirtulisationOptions_2;
-}
-
 export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
 
-declare type BentoSelectFilterValue_2 = BentoListboxSelectedValue_2;
-
 /**
  * Selection card component. If used standalone, only the checkbox variant can be used. If the checkbox variant is needed, please use the bento-selection-card-group component.
  *
@@ -14273,18 +13505,10 @@ export declare type BentoSelectPaymentMethodFilterOptions = OmitStrict<BentoSele
     listboxItems: BentoPaymentMethodListboxOptions;
 };
 
-declare type BentoSelectPaymentMethodFilterOptions_2 = OmitStrict_2<BentoSelectFilterOptions_2, 'listboxItems'> & {
-    listboxItems: BentoPaymentMethodListboxOptions_2;
-};
-
 export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoTagListboxOptions;
 };
 
-declare type BentoSelectTagFilterOptions_2 = OmitStrict_2<BentoSelectFilterOptions_2, 'listboxItems'> & {
-    listboxItems: BentoTagListboxOptions_2;
-};
-
 /**
  * Sidepanel component is a slide-in panel that should be used for presenting actions, settings or features that are directly associated with a specific task or interaction on the main screen.
  *
@@ -14592,7 +13816,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_22<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_22<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_23<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_23<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14801,7 +14025,7 @@ export declare enum BentoStepperVariantOption {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_23<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_24<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14822,7 +14046,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_23<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_24<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14873,7 +14097,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_24<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_25<{
 /**
 * Label to display for the value
 */
@@ -14898,7 +14122,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_24<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_25<{
 /**
 * Label to display for the value
 */
@@ -15199,11 +14423,11 @@ copy: string;
 size: "small" | "large" | "medium" | BentoSummaryGridItemSize;
 fitContent: boolean;
 infoIconTooltipText: string;
-secondaryLabel: string;
 trend: string;
 trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 secondaryTrend: string;
 secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
+secondaryLabel: string;
 secondaryMetric: string;
 }>;
 
@@ -15926,11 +15150,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15944,14 +15168,8 @@ export declare type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionIte
     variant: BentoTagVariant | `${BentoTagVariant}`;
 };
 
-declare type BentoTagListboxOptionItem_2 = OmitStrict_2<BentoListboxOptionItem_2, 'data'> & {
-    variant: BentoTagVariant_2 | `${BentoTagVariant_2}`;
-};
-
 export declare type BentoTagListboxOptions = BentoTagListboxOptionItem[];
 
-declare type BentoTagListboxOptions_2 = BentoTagListboxOptionItem_2[];
-
 export declare interface BentoTagProps {
     /**
      * The label text content of the Tag.
@@ -15979,18 +15197,6 @@ export declare enum BentoTagVariant {
     WHITE = "white"
 }
 
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-declare enum BentoTagVariant_2 {
-    GREY = 'grey',
-    BLUE = 'blue',
-    GREEN = 'green',
-    ORANGE = 'orange',
-    RED = 'red',
-    WHITE = 'white',
-}
-
 export declare const BentoTextarea: DefineComponent<    {
 /**
 * Text that labels an the input element
@@ -16505,7 +15711,7 @@ timegapAriaLabel: ComputedRef<string>;
 isLastItem: ComputedRef<boolean>;
 generateUid: (value: string) => string;
 hasSlot: (name: string) => boolean;
-t: (key: "showMore" | "showLess" | "timegap", values?: default_4.Values) => string;
+t: (key: "showMore" | "showLess" | "timegap", values?: default_2.Values) => string;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * Additional timestamp of the event
@@ -17085,7 +16291,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17133,7 +16339,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17243,17 +16449,8 @@ export declare type Booleanish = boolean | 'true' | 'false';
 
 declare type ButtonProps = InstanceType<typeof BentoButton>['$props'];
 
-declare interface CalendarGranularityConfig<T extends CalendarGranularityType = CalendarGranularityType> {
-    type: T;
-    earliest?: Date;
-    latest?: Date;
-    disabled?: boolean;
-}
-
 declare type CalendarGranularityType = 'daily' | 'weekly' | 'monthly';
 
-declare type CalendarGranularityType_2 = 'daily' | 'weekly' | 'monthly';
-
 declare enum CalendarMonthFirstDayOfWeek {
     MONDAY = 1,
     SATURDAY = 6,
@@ -17262,25 +16459,10 @@ declare enum CalendarMonthFirstDayOfWeek {
 export { CalendarMonthFirstDayOfWeek as BentoDatePickerFirstDayOfWeek }
 export { CalendarMonthFirstDayOfWeek as BentoDateRangePickerFirstDayOfWeek }
 
-declare enum CalendarMonthFirstDayOfWeek_2 {
-    MONDAY = 1,
-    SATURDAY = 6,
-    SUNDAY = 0,
-}
-
 declare type CalendarMonthIsDateDisabled = (date: Date) => boolean;
 export { CalendarMonthIsDateDisabled as BentoDatePickerIsDateDisabled }
 export { CalendarMonthIsDateDisabled as BentoDateRangePickerIsDateDisabled }
 
-declare type CalendarMonthIsDateDisabled_2 = (date: Date) => boolean;
-
-declare interface CalendarRangeDateValue {
-    startDate: Date;
-    endDate: Date;
-    granularity?: CalendarGranularityType;
-    range?: string;
-}
-
 export declare type Component = object;
 
 declare type Component_2 = object;
@@ -17309,7 +16491,7 @@ declare interface DateRangePickerCalendarFormData {
     endDate: string;
     startTime?: string;
     endTime?: string;
-    granularity?: CalendarGranularityType_2;
+    granularity?: CalendarGranularityType;
 }
 
 declare interface DateRangePickerCalendarRangeSelectorItem {
@@ -17323,24 +16505,9 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
     };
 }
 
-declare interface DateRangePickerCalendarRangeSelectorItem_2 {
-    label: string;
-    value: string;
-    data: {
-        startDate: Date;
-        endDate?: Date;
-        granularity?: CalendarGranularityType_2;
-        timeDifference?: number;
-    };
-}
-
 declare type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;
 
-declare type DateRangePickerCalendarRangeSelectorItems_2 = Array<DateRangePickerCalendarRangeSelectorItem_2>;
-
-declare type DropdownProps = InstanceType<typeof default_2>['$props'];
-
-declare type DropdownProps_2 = InstanceType<typeof BentoDropdown>['$props'];
+declare type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
 
 declare type Element_2 = HTMLElement & {
     __onClickOutside_stop?: () => void;
@@ -17563,8 +16730,6 @@ 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 {
@@ -17847,8 +17012,6 @@ export declare function useSearchBarFilter<T extends BentoSearchBarItem>(searchT
 
 declare type UseVirtualListItemHeight = number | ((index: number) => number);
 
-declare type UseVirtualListItemHeight_2 = number | ((index: number) => number);
-
 export declare type VueInstance = ComponentPublicInstance;
 
 /**