@adyen/bento-vue3 1.47.1 → 1.49.0

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

@@ -3,10 +3,10 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
 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';
@@ -60,6 +60,10 @@ declare type __VLS_NonUndefinedable_24<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_25<T> = T extends undefined ? never : T;
 
+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_3<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
@@ -236,6 +240,24 @@ declare type __VLS_TypePropsToRuntimeProps_25<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_26<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_26<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_27<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_27<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]>>;
@@ -389,6 +411,18 @@ declare type __VLS_WithDefaults_22<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_23<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_24<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];
@@ -653,6 +687,12 @@ declare type __VLS_WithTemplateSlots_42<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_43<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     new (): {
         $slots: S;
@@ -1109,35 +1149,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.
  *
@@ -1305,18 +1330,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.
  *
@@ -1517,16 +1530,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.
  */
@@ -1858,7 +1861,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.
@@ -2284,6 +2287,74 @@ export declare type BentoCheckboxTag = BentoTagProps;
 
 export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
 
+/**
+ * Chip is a dismissible tag-like component that can be used to display selected items, which may need to be removed by the user.
+ *
+ * @example
+ * import { BentoChip } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoChip },
+ *     template: `
+ *          <bento-chip
+ *              label="Label"
+ *              :character-limit="20"
+ *              condensed
+ *              @click="removeChip()"
+ *
+ *          />
+ *     `
+ * }
+ */
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoChipProps>, {
+disabled: boolean;
+readonly: boolean;
+error: boolean;
+condensed: boolean;
+characterLimit: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: () => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoChipProps>, {
+disabled: boolean;
+readonly: boolean;
+error: boolean;
+condensed: boolean;
+characterLimit: any;
+}>>>, {
+condensed: boolean;
+disabled: boolean;
+error: boolean;
+readonly: boolean;
+characterLimit: number;
+}>;
+
+export declare interface BentoChipProps {
+    /**
+     * The text content displayed within the chip.
+     */
+    label: string;
+    /**
+     * If true, disables user interaction with the chip.
+     */
+    disabled?: boolean;
+    /**
+     * If true, makes the chip's content readonly, preventing user modification.
+     */
+    readonly?: boolean;
+    /**
+     * If true, displays the chip in an error state.
+     */
+    error?: boolean;
+    /**
+     * If true, reduces the size of the chip.
+     */
+    condensed?: boolean;
+    /**
+     * Limits the number of characters displayed in the chip. Additional characters will be truncated.
+     */
+    characterLimit?: number;
+}
+
 export declare const BentoClickOutside: DefineComponent<    {
 /**
 * Sets the HTML DOM element.
@@ -2413,7 +2484,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
@@ -2539,7 +2610,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'> & {
@@ -2563,6 +2634,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 {
@@ -2904,276 +2979,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.
  */
@@ -3186,18 +2999,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.
  *
@@ -3214,12 +3015,12 @@ declare enum BentoCountryVariant_2 {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3232,177 +3033,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',
@@ -3577,27 +3207,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
      */
@@ -3630,7 +3257,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * The header of the section
 */
@@ -3641,7 +3268,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * The header of the section
 */
@@ -3689,7 +3316,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_24<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
 /**
 * The header that goes to the top of the template
 */
@@ -3712,7 +3339,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_24<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
 /**
 * The header that goes to the top of the template
 */
@@ -3916,7 +3543,7 @@ default: any;
 * {@see BentoFilterBarModel}
 */
 filters: {
-type: PropType<BentoFilterBarModel_2>;
+type: PropType<BentoFilterBarModel>;
 default: any;
 };
 /**
@@ -3924,7 +3551,7 @@ default: any;
 * {@see BentoFilterValues}
 */
 filterValues: {
-type: PropType<BentoFilterValues_2>;
+type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
@@ -4032,6 +3659,13 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Renders a font numeric style with slashed zeros instead of normal ones.
+*/
+slashedZero: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Sticks the horizontal scrollbar to the bottom of the screen if the data-grid is larger than the screen height.
 */
 stickyHorizontalScrollbar: {
@@ -4175,7 +3809,7 @@ default: any;
 * {@see BentoFilterBarModel}
 */
 filters: {
-type: PropType<BentoFilterBarModel_2>;
+type: PropType<BentoFilterBarModel>;
 default: any;
 };
 /**
@@ -4183,7 +3817,7 @@ default: any;
 * {@see BentoFilterValues}
 */
 filterValues: {
-type: PropType<BentoFilterValues_2>;
+type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
@@ -4291,6 +3925,13 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Renders a font numeric style with slashed zeros instead of normal ones.
+*/
+slashedZero: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Sticks the horizontal scrollbar to the bottom of the screen if the data-grid is larger than the screen height.
 */
 stickyHorizontalScrollbar: {
@@ -4364,7 +4005,7 @@ type: BooleanConstructor;
 default: boolean;
 };
 }>>, {
-filters: BentoFilterBarModel_2;
+filters: BentoFilterBarModel;
 condensed: boolean;
 loading: boolean;
 outline: boolean;
@@ -4385,7 +4026,8 @@ hasNestedRows: boolean;
 highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
-filterValues: BentoFilterValues_2;
+slashedZero: boolean;
+filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
@@ -4554,7 +4196,7 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_42<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_43<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -4706,15 +4348,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
@@ -5022,26 +4657,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.
  *
@@ -5171,7 +4791,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;
 };
 /**
@@ -5265,7 +4885,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
@@ -5368,7 +4988,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;
 };
 /**
@@ -5436,8 +5056,8 @@ showEndDateOnOpen: boolean;
 tooltipText: string;
 errorMessage: string;
 allowTimeInput: boolean;
-granularities: BentoDateRangePickerGranularityConfig<CalendarGranularityType_2>[];
-quickSelectRanges: DateRangePickerCalendarRangeSelectorItems_2;
+granularities: BentoDateRangePickerGranularityConfig<CalendarGranularityType>[];
+quickSelectRanges: DateRangePickerCalendarRangeSelectorItems;
 hasActions: boolean;
 }>;
 
@@ -5445,7 +5065,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;
@@ -5455,7 +5075,7 @@ export declare interface BentoDateRangePickerGranularityConfig<T extends Calenda
 export declare interface BentoDateRangePickerValue {
     startDate: Date;
     endDate: Date;
-    granularity?: CalendarGranularityType_2;
+    granularity?: CalendarGranularityType;
     range?: string;
 }
 
@@ -5526,7 +5146,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.
 */
@@ -7631,7 +7251,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7644,7 +7264,9 @@ tooltipText: any;
 change: (value?: FileList) => void;
 } & {
 "update:modelValue": (value?: FileList) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoFileUploaderProps>, {
+} & {
+"error:upload": (value: boolean) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7929,18 +7551,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"
@@ -7961,24 +7573,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;
@@ -7993,50 +7587,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.
@@ -8478,10 +8037,10 @@ declare enum BentoHeaderVariant {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8572,13 +8131,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'];
@@ -8701,6 +8253,13 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Renders a font numeric style with slashed zeros instead of normal ones.
+*/
+slashedZero: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Static text that displayed before or after input value
 * Applicable to the Static Value variant
 */
@@ -8867,6 +8426,13 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
+* Renders a font numeric style with slashed zeros instead of normal ones.
+*/
+slashedZero: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Static text that displayed before or after input value
 * Applicable to the Static Value variant
 */
@@ -8929,6 +8495,7 @@ errorMessage: string;
 ariaLabel: string;
 placeholder: string;
 ariaHidden: boolean;
+slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
 dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
 staticValue: string;
@@ -8953,14 +8520,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.
@@ -9013,7 +8572,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
 label: any;
@@ -9027,7 +8586,7 @@ withHint: boolean;
 "input:valid": () => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
 label: any;
@@ -9120,6 +8679,59 @@ export declare interface BentoInputFieldPasswordValidationListItem {
     additionalArgs?: any[];
 }
 
+/**
+ * Input field phone number can be used to display phone numbers that come with a country code.
+ *
+ * @example
+ * import { BentoInputFieldPhoneNumber } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoInputFieldPhoneNumber },
+ *     template: `
+ *          <bento-input-field-phone-number
+ *              label="Phone number"
+ *              :countries="['NL', 'BE']"
+ *              value="0612345678"
+ *              selected-country="NL"
+ *          />
+ *     `
+ * }
+ */
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldPhoneNumberProps>, {
+countries: () => CountryCode_2[];
+dynamicFiltering: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+} & {
+input: (value: string) => void;
+} & {
+"update:selected-country": (country: CountryCode_2) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldPhoneNumberProps>, {
+countries: () => CountryCode_2[];
+dynamicFiltering: boolean;
+}>>>, {
+dynamicFiltering: boolean;
+countries: CountryCode[];
+}>, {
+    default: (_: {}) => any;
+    description: (_: {}) => any;
+}>;
+
+export declare interface BentoInputFieldPhoneNumberProps extends FormField {
+    /**
+     * Selected country code
+     */
+    selectedCountry?: CountryCode;
+    /**
+     * Array of country codes to show on the dropdown
+     */
+    countries?: CountryCode[];
+    /**
+     * If set, allows filtering on the countries dropdown
+     */
+    dynamicFiltering?: boolean;
+}
+
 declare type BentoInputFieldProps = InstanceType<typeof BentoInputField>['$props'];
 
 export declare enum BentoInputFieldStateClass {
@@ -9140,8 +8752,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.
  */
@@ -9160,37 +8770,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.
  *
@@ -9204,7 +8797,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>
@@ -9212,7 +8808,11 @@ declare type BentoInpuWithDropdowntFilterValue_2 = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<{
+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
 */
@@ -9234,6 +8834,7 @@ size?: BentoInspectorSize;
 */
 title: string;
 }>, {
+activePage: string;
 expandable: boolean;
 isOpen: boolean;
 loading: boolean;
@@ -9241,8 +8842,14 @@ size: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:is-open": (value: boolean) => void;
 } & {
+"update:active-page": (value: string) => void;
+} & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<{
+}, 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
 */
@@ -9264,6 +8871,7 @@ size?: BentoInspectorSize;
 */
 title: string;
 }>, {
+activePage: string;
 expandable: boolean;
 isOpen: boolean;
 loading: boolean;
@@ -9272,6 +8880,7 @@ size: string;
 isOpen: boolean;
 loading: boolean;
 size: BentoInspectorSize;
+activePage: string;
 expandable: boolean;
 }>, {
     page: (_: {}) => any;
@@ -9326,10 +8935,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -9372,9 +8981,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -9406,10 +9015,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_21<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -9447,11 +9056,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",
@@ -9467,8 +9071,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.
  */
@@ -9480,19 +9082,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;
@@ -9501,18 +9092,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
@@ -9526,34 +9107,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
  *
@@ -9686,13 +9249,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
@@ -9855,7 +9411,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.
@@ -9974,7 +9530,7 @@ export declare interface BentoMenuItem {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_23<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_24<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10312,7 +9868,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_24<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_25<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10452,7 +10008,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_25<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_26<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10594,7 +10150,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_22<DefineComponent<    {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_23<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10839,7 +10395,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.
 */
@@ -11015,14 +10571,8 @@ 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[];
-
 /**
  * A collection of all payment method types.
  * Directly map to payment icon SVG name.
@@ -12125,7 +11675,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_26<DefineComponent<    {
+export declare const BentoPopover: __VLS_WithTemplateSlots_27<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -12531,7 +12081,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12539,7 +12089,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12675,7 +12225,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_29<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_30<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -12830,7 +12380,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_28<DefineComponent<    {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_29<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -13253,11 +12803,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.
@@ -13280,7 +12825,7 @@ declare interface BentoSearchBarItem_2 {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_18<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_20<{
 /**
 * 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.
@@ -13293,7 +12838,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_18<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_20<{
 /**
 * 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.
@@ -13338,63 +12883,24 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_19<{
-/**
-* Accessible name describing the segmented control.
-* @deprecated from version 2.0.0. Use the aria-label attribute instead.
-*/
-ariaLabel?: string;
-/**
-* If set to true, renders the component full width.
-*/
-fullWidth?: boolean;
-/**
-* Items that will populate the segmented control.
-*/
-items: BentoSegmentedControlItem[];
-/**
-* Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
-*/
-modelValue: string | number;
-/**
-* If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
-*/
-wrap?: boolean;
-}>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
+modelValue: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: any) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_19<{
-/**
-* Accessible name describing the segmented control.
-* @deprecated from version 2.0.0. Use the aria-label attribute instead.
-*/
-ariaLabel?: string;
-/**
-* If set to true, renders the component full width.
-*/
-fullWidth?: boolean;
-/**
-* Items that will populate the segmented control.
-*/
-items: BentoSegmentedControlItem[];
-/**
-* Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
-*/
-modelValue: string | number;
-/**
-* If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
-*/
-wrap?: boolean;
-}>, {
+} & {
+input: (value: BentoSegmentedControlValue) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
+modelValue: any;
 }>>>, {
 wrap: boolean;
 ariaLabel: string;
+modelValue: BentoSegmentedControlValue;
 fullWidth: boolean;
 }>;
 
@@ -13411,32 +12917,45 @@ export declare interface BentoSegmentedControlItem {
     disabled?: boolean;
 }
 
+export declare interface BentoSegmentedControlProps {
+    /**
+     * Accessible name describing the segmented control.
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+     */
+    ariaLabel?: string;
+    /**
+     * If set to true, renders the component full width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Items that will populate the segmented control.
+     */
+    items: BentoSegmentedControlItem[];
+    /**
+     * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
+     */
+    modelValue?: BentoSegmentedControlValue;
+    /**
+     * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
+     */
+    wrap?: boolean;
+}
+
+export declare type BentoSegmentedControlValue = string | number;
+
 export declare type BentoSelectAvatarFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     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.
@@ -13513,99 +13032,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.
  *
@@ -13624,7 +13052,7 @@ declare type BentoSelectFilterValue_2 = BentoListboxSelectedValue_2;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_30<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_31<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -13817,7 +13245,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_31<DefineComponent<    {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_32<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -14093,18 +13521,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.
  *
@@ -14141,7 +13561,7 @@ declare type BentoSelectTagFilterOptions_2 = OmitStrict_2<BentoSelectFilterOptio
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_33<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_34<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14269,7 +13689,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -14412,7 +13832,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_TypePropsToRuntimeProps_20<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_20<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_22<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_22<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14457,7 +13877,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_36<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_37<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -14514,7 +13934,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_35<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_36<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -14621,7 +14041,7 @@ export declare enum BentoStepperVariantOption {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_21<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_23<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14642,7 +14062,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_21<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_23<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14693,7 +14113,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_TypePropsToRuntimeProps_22<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_24<{
 /**
 * Label to display for the value
 */
@@ -14718,7 +14138,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_22<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_24<{
 /**
 * Label to display for the value
 */
@@ -14781,6 +14201,13 @@ columnWidth: {
 type: PropType<BentoSummaryGridColumnWidth>;
 default: any;
 };
+/**
+* Renders a font numeric style with slashed zeros instead of normal ones.
+*/
+slashedZero: {
+type: BooleanConstructor;
+default: boolean;
+};
 }, {
 hasSlot: (name: string) => boolean;
 numberOfRows: number;
@@ -14792,8 +14219,16 @@ columnWidth: {
 type: PropType<BentoSummaryGridColumnWidth>;
 default: any;
 };
+/**
+* Renders a font numeric style with slashed zeros instead of normal ones.
+*/
+slashedZero: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>>, {
 columnWidth: BentoSummaryGridColumnWidth;
+slashedZero: boolean;
 }>;
 
 export declare interface BentoSummaryGridColumnWidth {
@@ -15004,11 +14439,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;
 }>;
 
@@ -15731,11 +15166,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15749,14 +15184,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.
@@ -15784,18 +15213,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
@@ -16037,8 +15454,8 @@ tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
 placeholder: string;
-clearable: boolean;
 characterLimit: number;
+clearable: boolean;
 resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
 }>;
 
@@ -16310,7 +15727,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
@@ -16890,7 +16307,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_23<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16938,7 +16355,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_23<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17048,17 +16465,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,
@@ -17067,25 +16475,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;
@@ -17114,7 +16507,7 @@ declare interface DateRangePickerCalendarFormData {
     endDate: string;
     startTime?: string;
     endTime?: string;
-    granularity?: CalendarGranularityType_2;
+    granularity?: CalendarGranularityType;
 }
 
 declare interface DateRangePickerCalendarRangeSelectorItem {
@@ -17122,28 +16515,15 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
     value: string;
     data: {
         startDate: Date;
-        endDate: Date;
+        endDate?: Date;
         granularity?: CalendarGranularityType;
-    };
-}
-
-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;
@@ -17159,6 +16539,59 @@ export declare type ErrorBag<T> = typeToFlattenedError<T, string>['fieldErrors']
  */
 export declare type Fn = () => void;
 
+declare interface FormField {
+    /**
+     * If true, disables user interaction with the field.
+     */
+    disabled?: boolean;
+
+    /**
+     * If true, applies error styling to the field.
+     * @deprecated Use `errorMessage` prop instead.
+     */
+    error?: boolean;
+
+    /**
+     * If set, displays an error message and applies error styling to the field.
+     */
+    errorMessage?: string;
+
+    /**
+     * The text label displayed for the field.
+     */
+    label?: string;
+
+    /**
+     * If true, indicates that the field is optional.
+     */
+    optional?: boolean;
+
+    /**
+     * The placeholder text displayed when the field is empty.
+     */
+    placeholder?: string;
+
+    /**
+     * If true, makes the field's value readonly, preventing user modification.
+     */
+    readonly?: boolean;
+
+    /**
+     * If true, indicates that the field is required.
+     */
+    required?: boolean;
+
+    /**
+     * If set, displays an info icon with this tooltip message next to the label.
+     */
+    tooltipText?: string;
+
+    /**
+     * The current value of the field.
+     */
+    value?: string | number;
+}
+
 declare interface GridLayoutColumnWidth {
     small: number | string;
     medium: number | string;
@@ -17313,8 +16746,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 {
@@ -17597,8 +17028,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;
 
 /**