@adyen/bento-vue3 1.47.0 → 1.48.0

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

@@ -3,6 +3,8 @@ 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';
@@ -60,6 +62,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 +242,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 +413,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 +689,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;
@@ -2284,6 +2326,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.
@@ -3214,12 +3324,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;
@@ -3630,7 +3740,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 +3751,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 +3799,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 +3822,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
 */
@@ -4032,6 +4142,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: {
@@ -4291,6 +4408,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: {
@@ -4385,6 +4509,7 @@ hasNestedRows: boolean;
 highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
+slashedZero: boolean;
 filterValues: BentoFilterValues_2;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
@@ -4554,7 +4679,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
 */
@@ -7631,7 +7756,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 +7769,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;
@@ -8478,10 +8603,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;
 }>>>, {
@@ -8701,6 +8826,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 +8999,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 +9068,7 @@ errorMessage: string;
 ariaLabel: string;
 placeholder: string;
 ariaHidden: boolean;
+slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
 dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
 staticValue: string;
@@ -9013,7 +9153,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 +9167,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 +9260,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 {
@@ -9212,7 +9405,7 @@ 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<{
 /**
 * Shows the Expand icon in the inspector
 */
@@ -9242,7 +9435,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
 */
@@ -9326,10 +9519,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 +9565,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 +9599,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<{
@@ -9974,7 +10167,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 +10505,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 +10645,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 +10787,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".
@@ -12125,7 +12318,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 +12724,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 +12732,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 +12868,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 +13023,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.
 */
@@ -13280,7 +13473,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 +13486,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 +13531,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,6 +13565,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;
 };
@@ -13624,7 +13804,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 +13997,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.
 */
@@ -14141,7 +14321,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 +14449,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 +14592,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;
 }>;
 
@@ -14426,21 +14606,7 @@ export declare interface BentoStatusProps {
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
-export declare const BentoStatusVariant: {
-    BLUE: BentoStatusVariantEnum.BLUE;
-    GREEN: BentoStatusVariantEnum.GREEN;
-    GREY: BentoStatusVariantEnum.GREY;
-    ORANGE: BentoStatusVariantEnum.ORANGE;
-    RED: BentoStatusVariantEnum.RED;
-    YELLOW: BentoStatusVariantEnum.YELLOW;
-};
-
-export declare type BentoStatusVariant = `${BentoStatusVariantEnum}`;
-
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-declare enum BentoStatusVariantEnum {
+export declare enum BentoStatusVariant {
     BLUE = "blue",
     GREEN = "green",
     GREY = "grey",
@@ -14471,7 +14637,7 @@ declare enum BentoStatusVariantEnum {
  *     `
  * }
  */
-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.
 */
@@ -14528,7 +14694,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
@@ -14635,7 +14801,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.
 */
@@ -14656,7 +14822,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.
 */
@@ -14707,7 +14873,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
 */
@@ -14732,7 +14898,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
 */
@@ -14795,6 +14961,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;
@@ -14806,8 +14979,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 {
@@ -15745,11 +15926,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;
@@ -16051,8 +16232,8 @@ tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
 placeholder: string;
-clearable: boolean;
 characterLimit: number;
+clearable: boolean;
 resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
 }>;
 
@@ -16904,7 +17085,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
@@ -16952,7 +17133,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
@@ -17136,8 +17317,9 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
     value: string;
     data: {
         startDate: Date;
-        endDate: Date;
+        endDate?: Date;
         granularity?: CalendarGranularityType;
+        timeDifference?: number;
     };
 }
 
@@ -17146,8 +17328,9 @@ declare interface DateRangePickerCalendarRangeSelectorItem_2 {
     value: string;
     data: {
         startDate: Date;
-        endDate: Date;
+        endDate?: Date;
         granularity?: CalendarGranularityType_2;
+        timeDifference?: number;
     };
 }
 
@@ -17173,6 +17356,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;