@adyen/bento-vue2 1.47.1 → 1.49.0

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

@@ -2,6 +2,8 @@ import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';
 import { ComponentOptionsMixin } 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 'vue-i18n';
 import { DefineComponent } from 'vue';
@@ -56,6 +58,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;
@@ -232,6 +238,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]>>;
@@ -385,6 +409,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];
@@ -649,6 +685,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;
@@ -2233,6 +2275,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_7<__VLS_TypePropsToRuntimeProps_7<BentoChipProps>, {
+disabled: boolean;
+readonly: boolean;
+error: boolean;
+condensed: boolean;
+characterLimit: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: () => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<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.
@@ -2488,7 +2598,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'> & {
@@ -2512,6 +2622,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 {
@@ -2889,12 +3003,12 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -2907,174 +3021,174 @@ 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"
+    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',
 }
 
 export declare type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
@@ -3088,14 +3202,17 @@ 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
      */
@@ -3128,7 +3245,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
 */
@@ -3139,7 +3256,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
 */
@@ -3187,7 +3304,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
 */
@@ -3210,7 +3327,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
 */
@@ -3530,6 +3647,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: {
@@ -3789,6 +3913,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: {
@@ -3883,6 +4014,7 @@ hasNestedRows: boolean;
 highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
+slashedZero: boolean;
 filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
@@ -4052,7 +4184,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
 */
@@ -4946,9 +5078,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -7099,7 +7231,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;
@@ -7112,7 +7244,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;
@@ -7883,10 +8017,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;
 }>>>, {
@@ -8099,6 +8233,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
 */
@@ -8265,6 +8406,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
 */
@@ -8327,6 +8475,7 @@ errorMessage: string;
 ariaLabel: string;
 placeholder: string;
 ariaHidden: boolean;
+slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
 dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
 staticValue: string;
@@ -8403,7 +8552,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;
@@ -8417,7 +8566,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;
@@ -8510,6 +8659,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 {
@@ -8575,7 +8777,10 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *                  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>
@@ -8583,7 +8788,11 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-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
 */
@@ -8605,6 +8814,7 @@ size?: BentoInspectorSize;
 */
 title: string;
 }>, {
+activePage: string;
 expandable: boolean;
 isOpen: boolean;
 loading: boolean;
@@ -8612,8 +8822,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
 */
@@ -8635,6 +8851,7 @@ size?: BentoInspectorSize;
 */
 title: string;
 }>, {
+activePage: string;
 expandable: boolean;
 isOpen: boolean;
 loading: boolean;
@@ -8643,6 +8860,7 @@ size: string;
 isOpen: boolean;
 loading: boolean;
 size: BentoInspectorSize;
+activePage: string;
 expandable: boolean;
 }>, {
     page: (_: {}) => any;
@@ -8697,10 +8915,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;
 }>>>, {
@@ -8743,9 +8961,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;
@@ -8792,12 +9010,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -9307,7 +9525,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".
@@ -9645,7 +9863,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".
@@ -9785,7 +10003,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".
@@ -9927,7 +10145,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".
@@ -11452,7 +11670,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".
@@ -11851,7 +12069,7 @@ export declare type BentoPopoverPositions = PopperContainerPosition;
  *     `
  * };
  */
-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;
@@ -11859,7 +12077,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;
@@ -11995,7 +12213,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)
 */
@@ -12150,7 +12368,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.
 */
@@ -12595,7 +12813,7 @@ export declare interface BentoSearchBarItem {
  *     }
  * }
  */
-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.
@@ -12608,7 +12826,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.
@@ -12653,63 +12871,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;
 }>;
 
@@ -12726,6 +12905,32 @@ 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;
 };
@@ -12835,7 +13040,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_30<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_31<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -13028,7 +13233,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.
 */
@@ -13344,7 +13549,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-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
@@ -13472,7 +13677,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".
@@ -13615,7 +13820,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;
 }>;
 
@@ -13660,7 +13865,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.
 */
@@ -13717,7 +13922,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
@@ -13824,7 +14029,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.
 */
@@ -13845,7 +14050,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.
 */
@@ -13896,7 +14101,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
 */
@@ -13921,7 +14126,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
 */
@@ -13984,6 +14189,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;
@@ -13995,8 +14207,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 {
@@ -14207,11 +14427,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;
 }>;
 
@@ -14934,11 +15154,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;
@@ -15222,8 +15442,8 @@ tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
 placeholder: string;
-clearable: boolean;
 characterLimit: number;
+clearable: boolean;
 resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
 }>;
 
@@ -16075,7 +16295,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
@@ -16123,7 +16343,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
@@ -16281,8 +16501,9 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
     value: string;
     data: {
         startDate: Date;
-        endDate: Date;
+        endDate?: Date;
         granularity?: CalendarGranularityType;
+        timeDifference?: number;
     };
 }
 
@@ -16304,6 +16525,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;