@adyen/bento-vue2 1.47.1 → 1.48.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.
@@ -2889,12 +2999,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;
@@ -3128,7 +3238,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 +3249,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 +3297,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 +3320,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 +3640,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 +3906,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 +4007,7 @@ hasNestedRows: boolean;
 highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
+slashedZero: boolean;
 filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
@@ -4052,7 +4177,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 +5071,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 +7224,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 +7237,7 @@ tooltipText: any;
 change: (value?: FileList) => void;
 } & {
 "update:modelValue": (value?: FileList) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7883,10 +8008,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 +8224,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 +8397,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 +8466,7 @@ errorMessage: string;
 ariaLabel: string;
 placeholder: string;
 ariaHidden: boolean;
+slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
 dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
 staticValue: string;
@@ -8403,7 +8543,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 +8557,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 +8650,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 {
@@ -8583,7 +8776,7 @@ 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<{
 /**
 * Shows the Expand icon in the inspector
 */
@@ -8613,7 +8806,7 @@ size: string;
 "update:is-open": (value: boolean) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<{
 /**
 * Shows the Expand icon in the inspector
 */
@@ -8697,10 +8890,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 +8936,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 +8985,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 +9500,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 +9838,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 +9978,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 +10120,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 +11645,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 +12044,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 +12052,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 +12188,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 +12343,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 +12788,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 +12801,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 +12846,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 +12880,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 +13015,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 +13208,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 +13524,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 +13652,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 +13795,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 +13840,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 +13897,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 +14004,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 +14025,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 +14076,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 +14101,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 +14164,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 +14182,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 {
@@ -14934,11 +15129,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 +15417,8 @@ tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
 placeholder: string;
-clearable: boolean;
 characterLimit: number;
+clearable: boolean;
 resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
 }>;
 
@@ -16075,7 +16270,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 +16318,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 +16476,9 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
     value: string;
     data: {
         startDate: Date;
-        endDate: Date;
+        endDate?: Date;
         granularity?: CalendarGranularityType;
+        timeDifference?: number;
     };
 }
 
@@ -16304,6 +16500,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;