@adyen/bento-vue3 1.49.0 → 1.51.0

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

@@ -64,8 +64,16 @@ declare type __VLS_NonUndefinedable_26<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_27<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_28<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_29<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_30<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_31<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
@@ -258,6 +266,24 @@ declare type __VLS_TypePropsToRuntimeProps_27<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_28<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_28<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_29<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_29<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]>>;
@@ -267,6 +293,24 @@ declare type __VLS_TypePropsToRuntimeProps_3<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_30<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_30<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_31<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_31<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_4<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
@@ -423,6 +467,30 @@ declare type __VLS_WithDefaults_24<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_25<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_26<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_27<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_28<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];
@@ -3257,7 +3325,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * The header of the section
 */
@@ -3268,7 +3336,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * The header of the section
 */
@@ -3316,7 +3384,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * The header that goes to the top of the template
 */
@@ -3339,7 +3407,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * The header that goes to the top of the template
 */
@@ -3558,7 +3626,7 @@ default: () => any[];
 * Filter bar search term useful to filter all the data by text
 */
 filterSearchTerm: {
-type: StringConstructor;
+type: PropType<string>;
 default: any;
 };
 /**
@@ -3824,7 +3892,7 @@ default: () => any[];
 * Filter bar search term useful to filter all the data by text
 */
 filterSearchTerm: {
-type: StringConstructor;
+type: PropType<string>;
 default: any;
 };
 /**
@@ -7371,175 +7439,30 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<    {
-/**
-* Array of filters based on {@see BentoFilterBarModel}.
-* Each one of the elements in the array correspond to a filter that will
-* be created and rendered in the FilterBar.
-*
-* @example
-* [{
-*   field: 'company',
-*   label: 'Company',
-*   type: FilterType.TEXT,
-* }, {
-*   field: 'name',
-*   label: 'Name',
-*   type: FilterType.TEXT,
-* }]
-*/
-config: {
-type: PropType<BentoFilterBarModel>;
-default: () => any[];
-};
-/**
-* Search term useful to filter all the data by text.
-* If the value is non-existant (null or undefined) the search bar won't be enabled.
-*/
-searchTerm: {
-type: StringConstructor;
-default: any;
-};
-/**
-* @deprecated from version 2.0.0. Use the config property instead.
-*/
-/**
-* Array of filters based on {@see BentoFilterBarModel}.
-* Each one of the elements in the array correspond to a filter that will
-* be created and rendered in the FilterBar.
-*
-* Can be used with v-model or independently with the @input event.
-*
-* @example
-* [{
-*   field: 'company',
-*   label: 'Company',
-*   value: '200',
-*   type: FilterType.TEXT,
-* }, {
-*   field: 'name',
-*   label: 'Name',
-*   value: null,
-*   type: FilterType.TEXT,
-* }]
-*/
-value: {
-type: PropType<BentoFilterBarModel>;
-default: () => any[];
-};
-/**
-* An array of the values for each filter in the filter bar.
-* {@see BentoFilterValues}
-*
-*  @example
-* [{
-*   field: 'company',
-*   value: '200',
-* }, {
-*   field: 'name',
-*   value: 'some text',
-* }]
-*/
-filterValues: {
-type: PropType<BentoFilterValues>;
-default: () => any[];
-};
-/**
-* Will show all applied filters even if their visibility is set to false.
-*/
-showAppliedHiddenFilters: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoFilterBarProps>, {
+config: () => any[];
+filterValues: () => any[];
+search: any;
+searchTerm: any;
+value: () => any[];
+showAppliedHiddenFilters: boolean;
+}>, {
 isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<    {
-/**
-* Array of filters based on {@see BentoFilterBarModel}.
-* Each one of the elements in the array correspond to a filter that will
-* be created and rendered in the FilterBar.
-*
-* @example
-* [{
-*   field: 'company',
-*   label: 'Company',
-*   type: FilterType.TEXT,
-* }, {
-*   field: 'name',
-*   label: 'Name',
-*   type: FilterType.TEXT,
-* }]
-*/
-config: {
-type: PropType<BentoFilterBarModel>;
-default: () => any[];
-};
-/**
-* Search term useful to filter all the data by text.
-* If the value is non-existant (null or undefined) the search bar won't be enabled.
-*/
-searchTerm: {
-type: StringConstructor;
-default: any;
-};
-/**
-* @deprecated from version 2.0.0. Use the config property instead.
-*/
-/**
-* Array of filters based on {@see BentoFilterBarModel}.
-* Each one of the elements in the array correspond to a filter that will
-* be created and rendered in the FilterBar.
-*
-* Can be used with v-model or independently with the @input event.
-*
-* @example
-* [{
-*   field: 'company',
-*   label: 'Company',
-*   value: '200',
-*   type: FilterType.TEXT,
-* }, {
-*   field: 'name',
-*   label: 'Name',
-*   value: null,
-*   type: FilterType.TEXT,
-* }]
-*/
-value: {
-type: PropType<BentoFilterBarModel>;
-default: () => any[];
-};
-/**
-* An array of the values for each filter in the filter bar.
-* {@see BentoFilterValues}
-*
-*  @example
-* [{
-*   field: 'company',
-*   value: '200',
-* }, {
-*   field: 'name',
-*   value: 'some text',
-* }]
-*/
-filterValues: {
-type: PropType<BentoFilterValues>;
-default: () => any[];
-};
-/**
-* Will show all applied filters even if their visibility is set to false.
-*/
-showAppliedHiddenFilters: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoFilterBarProps>, {
+config: () => any[];
+filterValues: () => any[];
+search: any;
+searchTerm: any;
+value: () => any[];
+showAppliedHiddenFilters: boolean;
+}>>>, {
+search: BentoFilterBarSearchBarProps;
 value: BentoFilterBarModel;
 config: BentoFilterBarModel;
-searchTerm: string;
+searchTerm: BentoFilterBarSearchTerm;
 filterValues: BentoFilterValues;
 showAppliedHiddenFilters: boolean;
 }>;
@@ -7551,6 +7474,82 @@ export declare enum BentoFilterBarEvent {
 
 export declare type BentoFilterBarModel = Array<BentoFilterModel>;
 
+export declare interface BentoFilterBarProps {
+    /**
+     * Array of filters based on @see {@link BentoFilterBarModel}.
+     * Each one of the elements in the array correspond to a filter that will
+     * be created and rendered in the FilterBar.
+     *
+     * @example
+     * [{
+     *   field: 'company',
+     *   label: 'Company',
+     *   type: FilterType.TEXT,
+     * }, {
+     *   field: 'name',
+     *   label: 'Name',
+     *   type: FilterType.TEXT,
+     * }]
+     */
+    config?: BentoFilterBarModel;
+    /**
+     * An array of the values for each filter in the filter bar.
+     * @see {@link BentoFilterValues}
+     *
+     *  @example
+     * [{
+     *   field: 'company',
+     *   value: '200',
+     * }, {
+     *   field: 'name',
+     *   value: 'some text',
+     * }]
+     */
+    filterValues?: BentoFilterValues;
+    /**
+     * Search bar properties with which the placeholder, hint and other
+     * "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
+     */
+    search?: BentoFilterBarSearchBarProps;
+    /**
+     * Search term useful to filter all the data by text.
+     * If the value is non-existant (null or undefined) the search bar won't be enabled.
+     * Can be used with `.sync`
+     */
+    searchTerm?: BentoFilterBarSearchTerm;
+    /**
+     * Will show all applied filters even if their visibility is set to false.
+     */
+    showAppliedHiddenFilters?: boolean;
+    /**
+     * Array of filters based on @see {@link BentoFilterBarModel}.
+     * Each one of the elements in the array correspond to a filter that will
+     * be created and rendered in the FilterBar.
+     *
+     * Can be used with v-model or independently with the @input event.
+     *
+     * @example
+     * [{
+     *   field: 'company',
+     *   label: 'Company',
+     *   value: '200',
+     *   type: FilterType.TEXT,
+     * }, {
+     *   field: 'name',
+     *   label: 'Name',
+     *   value: null,
+     *   type: FilterType.TEXT,
+     * }]
+     *
+     * @deprecated from version 2.0.0. Use the config property instead.
+     */
+    value?: BentoFilterBarModel;
+}
+
+export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProps, 'value' | 'condensed'>;
+
+export declare type BentoFilterBarSearchTerm = BentoSearchBarProps['value'];
+
 export declare type BentoFilterBarValue = BentoInputFilterValue | BentoInpuWithDropdowntFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
 
 export declare enum BentoFilterEvent {
@@ -8037,10 +8036,10 @@ declare enum BentoHeaderVariant {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8155,159 +8154,27 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_17<DefineComponent<    {
-/**
-* Indicates whether the element is exposed to an accessibility API.
-*/
-ariaHidden: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* @deprecated from version 2.0.0. Use the aria-label attribute instead.
-*/
-/**
-* Text that labels an the input element
-*/
-ariaLabel: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Reduces height of the input
-*/
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Disables the possibility of changing value in the input-field
-*/
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Dropdown props for the small selectable dropdown menu.
-* Properties supported:
-*
-*  - `value`: Selected value of the dropdown
-*  - `items`: List of available items
-*  - `aria-label`: Text that labels the dropdown element
-*
-*/
-dropdown: {
-type: PropType<BentoInputDropdownProps>;
-default: any;
-};
-/**
-* Position of the dropdown before or after input value
-*/
-dropdownPosition: {
-type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-default: BentoInputFieldElementPosition;
-validator: (value: BentoInputFieldElementPosition) => boolean;
-};
-/**
-* Adds error validation class for outlining input-field.
-*
-* @deprecated Use "errorMessage" prop instead
-*/
-error: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Renders input-field with an error state and the error message beneath the input box
-*/
-errorMessage: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Highlights the dropdown is optional.
-*/
-optional: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Text displayed as the placeholder of the input-field
-*/
-placeholder: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Highlights the dropdown is required.
-*/
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Setting this property to true will set the input field to read only state.
-*/
-readonly: {
-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
-*/
-staticValue: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Position of Static Value before or after input value
-*/
-staticValuePosition: {
-type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-default: BentoInputFieldElementPosition;
-validator: (value: BentoInputFieldElementPosition) => boolean;
-};
-/**
-* Adds a info icon next to the label to display the passed tooltip message.
-*/
-tooltipText: {
-type: StringConstructor;
-default: any;
-};
-/**
-* A string specifying the type of control to render.
-* All `input` types are available but only `search`, `text` and `number` are fully supported.
-*
-* If `type` is `search`, use `bento-search-bar` instead.
-*/
-type: {
-type: PropType<BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"]>;
-default: BentoInputFieldType;
-};
-/**
-* Text displayed as the value of the input-field
-*/
-value: {
-type: PropType<BentoInputFieldValue>;
-default: any;
-};
-/**
-* Describes the different variants for the input element
-*/
-variant: {
-type: PropType<BentoInputFieldVariant | `${BentoInputFieldVariant}`>;
-default: BentoInputFieldVariant;
-validator: (value: BentoInputFieldVariant) => boolean;
-};
-}, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldProps>, {
+ariaHidden: boolean;
+ariaLabel: any;
+condensed: boolean;
+disabled: boolean;
+dropdown: any;
+dropdownPosition: BentoInputFieldElementPosition;
+error: boolean;
+errorMessage: any;
+optional: boolean;
+placeholder: string;
+required: boolean;
+readonly: boolean;
+slashedZero: boolean;
+staticValue: string;
+staticValuePosition: BentoInputFieldElementPosition;
+tooltipText: any;
+type: BentoInputFieldType;
+value: any;
+variant: BentoInputFieldVariant;
+}>, {
 focusInput: () => void;
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -8328,162 +8195,30 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<    {
-/**
-* Indicates whether the element is exposed to an accessibility API.
-*/
-ariaHidden: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* @deprecated from version 2.0.0. Use the aria-label attribute instead.
-*/
-/**
-* Text that labels an the input element
-*/
-ariaLabel: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Reduces height of the input
-*/
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Disables the possibility of changing value in the input-field
-*/
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Dropdown props for the small selectable dropdown menu.
-* Properties supported:
-*
-*  - `value`: Selected value of the dropdown
-*  - `items`: List of available items
-*  - `aria-label`: Text that labels the dropdown element
-*
-*/
-dropdown: {
-type: PropType<BentoInputDropdownProps>;
-default: any;
-};
-/**
-* Position of the dropdown before or after input value
-*/
-dropdownPosition: {
-type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-default: BentoInputFieldElementPosition;
-validator: (value: BentoInputFieldElementPosition) => boolean;
-};
-/**
-* Adds error validation class for outlining input-field.
-*
-* @deprecated Use "errorMessage" prop instead
-*/
-error: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Renders input-field with an error state and the error message beneath the input box
-*/
-errorMessage: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Highlights the dropdown is optional.
-*/
-optional: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Text displayed as the placeholder of the input-field
-*/
-placeholder: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Highlights the dropdown is required.
-*/
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Setting this property to true will set the input field to read only state.
-*/
-readonly: {
-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
-*/
-staticValue: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Position of Static Value before or after input value
-*/
-staticValuePosition: {
-type: PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>;
-default: BentoInputFieldElementPosition;
-validator: (value: BentoInputFieldElementPosition) => boolean;
-};
-/**
-* Adds a info icon next to the label to display the passed tooltip message.
-*/
-tooltipText: {
-type: StringConstructor;
-default: any;
-};
-/**
-* A string specifying the type of control to render.
-* All `input` types are available but only `search`, `text` and `number` are fully supported.
-*
-* If `type` is `search`, use `bento-search-bar` instead.
-*/
-type: {
-type: PropType<BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"]>;
-default: BentoInputFieldType;
-};
-/**
-* Text displayed as the value of the input-field
-*/
-value: {
-type: PropType<BentoInputFieldValue>;
-default: any;
-};
-/**
-* Describes the different variants for the input element
-*/
-variant: {
-type: PropType<BentoInputFieldVariant | `${BentoInputFieldVariant}`>;
-default: BentoInputFieldVariant;
-validator: (value: BentoInputFieldVariant) => boolean;
-};
-}>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldProps>, {
+ariaHidden: boolean;
+ariaLabel: any;
+condensed: boolean;
+disabled: boolean;
+dropdown: any;
+dropdownPosition: BentoInputFieldElementPosition;
+error: boolean;
+errorMessage: any;
+optional: boolean;
+placeholder: string;
+required: boolean;
+readonly: boolean;
+slashedZero: boolean;
+staticValue: string;
+staticValuePosition: BentoInputFieldElementPosition;
+tooltipText: any;
+type: BentoInputFieldType;
+value: any;
+variant: BentoInputFieldVariant;
+}>>>, {
 value: BentoInputFieldValue;
-type: string;
-variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
+type: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"];
+variant: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
@@ -8497,9 +8232,9 @@ placeholder: string;
 ariaHidden: boolean;
 slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
-dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
+dropdownPosition: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
 staticValue: string;
-staticValuePosition: "start" | "end" | BentoInputFieldElementPosition;
+staticValuePosition: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
 }>, {
     default: (_: {}) => any;
     iconBefore: (_: {}) => any;
@@ -8572,7 +8307,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
 label: any;
@@ -8586,7 +8321,7 @@ withHint: boolean;
 "input:valid": () => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
 label: any;
@@ -8697,7 +8432,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -8706,7 +8441,7 @@ blur: () => void;
 input: (value: string) => void;
 } & {
 "update:selected-country": (country: CountryCode_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>>>, {
@@ -8732,7 +8467,98 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
     dynamicFiltering?: boolean;
 }
 
-declare type BentoInputFieldProps = InstanceType<typeof BentoInputField>['$props'];
+export declare interface BentoInputFieldProps {
+    /**
+     * Indicates whether the element is exposed to an accessibility API.
+     */
+    ariaHidden?: boolean;
+    /**
+     * Text that labels an the input element
+     *
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+     */
+    ariaLabel?: string;
+    /**
+     * Reduces height of the input
+     */
+    condensed?: boolean;
+    /**
+     * Disables the possibility of changing value in the input-field
+     */
+    disabled?: boolean;
+    /**
+     * Dropdown props for the small selectable dropdown menu.
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *  - `aria-label`: Text that labels the dropdown element
+     *
+     */
+    dropdown?: BentoInputDropdownProps;
+    /**
+     * Position of the dropdown before or after input value
+     */
+    dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
+    /**
+     * Adds error validation class for outlining input-field.
+     *
+     * @deprecated Use "errorMessage" prop instead
+     */
+    error?: boolean;
+    /**
+     * Renders input-field with an error state and the error message beneath the input box
+     */
+    errorMessage?: string;
+    /**
+     * Highlights the dropdown is optional.
+     */
+    optional?: boolean;
+    /**
+     * Text displayed as the placeholder of the input-field
+     */
+    placeholder?: string;
+    /**
+     * Highlights the dropdown is required.
+     */
+    required?: boolean;
+    /**
+     * Setting this property to true will set the input field to read only state.
+     */
+    readonly?: boolean;
+    /**
+     * Renders a font numeric style with slashed zeros instead of normal ones.
+     */
+    slashedZero?: boolean;
+    /**
+     * Static text that displayed before or after input value
+     * Applicable to the Static Value variant
+     */
+    staticValue?: string;
+    /**
+     * Position of Static Value before or after input value
+     */
+    staticValuePosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
+    /**
+     * Adds a info icon next to the label to display the passed tooltip message.
+     */
+    tooltipText?: string;
+    /**
+     * A string specifying the type of control to render.
+     * All `input` types are available but only `search`, `text` and `number` are fully supported.
+     *
+     * If `type` is `search`, use `bento-search-bar` instead.
+     */
+    type?: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type'];
+    /**
+     * Text displayed as the value of the input-field
+     */
+    value?: BentoInputFieldValue;
+    /**
+     * Describes the different variants for the input element
+     */
+    variant?: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
+}
 
 export declare enum BentoInputFieldStateClass {
     CONDENSED = "condensed",
@@ -8808,7 +8634,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<{
+export declare const BentoInspector: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<{
 /**
 * ID of the current active inspector page
 */
@@ -8845,7 +8671,7 @@ size: string;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<{
 /**
 * ID of the current active inspector page
 */
@@ -8935,10 +8761,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -8981,9 +8807,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -9015,10 +8841,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -9390,9 +9216,20 @@ teleport: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
+* (or `dialog` if popover is inside a dialog).
+*
+* @see {@link OnClickOutsideOptions}
+*/
+closeOnClickOutsideOptions: {
+type: PropType<OnClickOutsideOptions>;
+default: any;
+};
 }, {
 popoverRef: Ref<HTMLElement>;
 menuButtonRef: any;
+menuItemListRef: any;
 menuId: string;
 popoverId: string;
 showMenu: Ref<boolean>;
@@ -9406,13 +9243,13 @@ computedClasses: ComputedRef<    {
 }>;
 isInverseColorSet: Ref<boolean>;
 hasSlot: (name: string) => boolean;
-onKeyDown: () => void;
-onKeyUp: () => void;
-closeMenu: () => void;
+onKeyDown: (event: KeyboardEvent) => void;
+onKeyUp: (event: KeyboardEvent) => void;
+closeMenu: (revertFocus?: boolean) => void;
 menuItemClick: () => void;
 toggleShowMenu: (e: MouseEvent) => void;
 t: (key: "backButton" | "menuButton", values?: default_2.Values) => string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click")[], string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click" | "click-outside")[], string, Readonly<ExtractPropTypes<    {
 /**
 * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
 */
@@ -9475,6 +9312,16 @@ teleport: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
+* (or `dialog` if popover is inside a dialog).
+*
+* @see {@link OnClickOutsideOptions}
+*/
+closeOnClickOutsideOptions: {
+type: PropType<OnClickOutsideOptions>;
+default: any;
+};
 }>>, {
 button: BentoMenuButtonProps;
 teleport: boolean;
@@ -9483,6 +9330,7 @@ menuPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "aut
 menuFixedPositioning: boolean;
 menuWidth: number;
 revertFocusToButton: boolean;
+closeOnClickOutsideOptions: any;
 }>;
 
 export declare type BentoMenuButtonProps = {
@@ -9508,6 +9356,7 @@ export declare interface BentoMenuItem {
     critical?: boolean;
     indent?: boolean;
     addDivider?: boolean;
+    skipClose?: boolean;
 }
 
 /**
@@ -10510,59 +10359,13 @@ hidePageSize: boolean;
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<    {
-/**
-*  The type of payment method to display.
-*/
-type: {
-type: StringConstructor;
-default: string;
-};
-/**
-*  The label describing to the payment method icon.
-*/
-label: {
-type: StringConstructor;
-required: true;
-};
-/**
-*  Render payment method icon in a smaller size
-*/
-small: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {
-conditionalIconClasses: ComputedRef<    {
-'b-payment-method__icon--small': boolean;
-}>;
-hasErroredOnImage: Ref<boolean>;
-isSummaryGridLayout: boolean;
-paymentMethodIconSrc: Ref<string>;
-onSrcError: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-*  The type of payment method to display.
-*/
-type: {
-type: StringConstructor;
-default: string;
-};
-/**
-*  The label describing to the payment method icon.
-*/
-label: {
-type: StringConstructor;
-required: true;
-};
-/**
-*  Render payment method icon in a smaller size
-*/
-small: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoPaymentMethodProps>, {
+type: string;
+small: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoPaymentMethodProps>, {
+type: string;
+small: boolean;
+}>>>, {
 small: boolean;
 type: string;
 }>;
@@ -10573,11 +10376,24 @@ export declare type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListbo
 
 export declare type BentoPaymentMethodListboxOptions = BentoPaymentMethodListboxOptionItem[];
 
+export declare interface BentoPaymentMethodProps {
+    /**
+     *  The label describing to the payment method icon.
+     */
+    label: string;
+    /**
+     *  Render payment method icon in a smaller size
+     */
+    small?: boolean;
+    /**
+     *  The type of payment method to display.
+     */
+    type?: string;
+}
+
 /**
  * A collection of all payment method types.
  * Directly map to payment icon SVG name.
- */
-/**
  * @deprecated for usage with properties since version 2.0. Use IconsEnum from the @adyen/ui-assets-payment-method-icons package instead.
  */
 export declare enum BentoPaymentMethodType {
@@ -11840,6 +11656,13 @@ withoutSpace: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Allows content to appear outside of the popover. Used when there are nested popovers.
+*/
+overflowVisible: {
+type: BooleanConstructor;
+default: boolean;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
 } & {
@@ -12009,6 +11832,13 @@ withoutSpace: {
 type: BooleanConstructor;
 default: boolean;
 };
+/**
+* Allows content to appear outside of the popover. Used when there are nested popovers.
+*/
+overflowVisible: {
+type: BooleanConstructor;
+default: boolean;
+};
 }>>, {
 small: boolean;
 title: string;
@@ -12026,6 +11856,7 @@ disableFocusTrap: boolean;
 dismissible: boolean;
 fitContent: boolean;
 withoutSpace: boolean;
+overflowVisible: boolean;
 }>, {
     image: (_: {}) => any;
     headerIcon: (_: {}) => any;
@@ -12081,7 +11912,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12089,7 +11920,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12674,50 +12505,13 @@ export declare enum BentoRadioGroupVariant {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<    {
-/**
-* Text that labels an the search bar input element
-*/
-inputFieldAriaLabel: {
-type: StringConstructor;
-required: true;
-};
-/**
-* Reduces height of the search bar
-*/
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Custom debounce time. Default: 300
-*/
-debounceTime: {
-type: NumberConstructor;
-default: number;
-};
-/**
-* Text displayed as a hint when the field is not empty
-*/
-hint: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Text displayed as the placeholder of the input-field
-*/
-placeholder: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Text displayed as the value being searched
-*/
-value: {
-type: StringConstructor;
-default: any;
-};
-}, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoSearchBarProps>, {
+condensed: boolean;
+debounceTime: number;
+hint: string;
+placeholder: string;
+value: any;
+}>, {
 /**
 * Focus on the input field when called.
 */
@@ -12732,50 +12526,13 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<    {
-/**
-* Text that labels an the search bar input element
-*/
-inputFieldAriaLabel: {
-type: StringConstructor;
-required: true;
-};
-/**
-* Reduces height of the search bar
-*/
-condensed: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Custom debounce time. Default: 300
-*/
-debounceTime: {
-type: NumberConstructor;
-default: number;
-};
-/**
-* Text displayed as a hint when the field is not empty
-*/
-hint: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Text displayed as the placeholder of the input-field
-*/
-placeholder: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Text displayed as the value being searched
-*/
-value: {
-type: StringConstructor;
-default: any;
-};
-}>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoSearchBarProps>, {
+condensed: boolean;
+debounceTime: number;
+hint: string;
+placeholder: string;
+value: any;
+}>>>, {
 value: string;
 condensed: boolean;
 debounceTime: number;
@@ -12803,6 +12560,33 @@ export declare interface BentoSearchBarItem {
     items?: Array<BentoSearchBarItem>;
 }
 
+export declare interface BentoSearchBarProps {
+    /**
+     * Text that labels an the search bar input element
+     */
+    inputFieldAriaLabel: string;
+    /**
+     * Reduces height of the search bar. Default: false
+     */
+    condensed?: boolean;
+    /**
+     * Custom debounce time. Default: 300
+     */
+    debounceTime?: number;
+    /**
+     * Text displayed as a hint when the field is not empty
+     */
+    hint?: string;
+    /**
+     * Text displayed as the placeholder of the input-field
+     */
+    placeholder?: string;
+    /**
+     * Text displayed as the value being searched
+     */
+    value?: string;
+}
+
 /**
  * Secondary Nav offers users a structured way to access information.
  * It also provides a clear hierarchy for users to understand and navigate through various information.
@@ -12825,7 +12609,7 @@ export declare interface BentoSearchBarItem {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_20<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_24<{
 /**
 * 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.
@@ -12838,7 +12622,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_20<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_24<{
 /**
 * 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.
@@ -12883,7 +12667,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12892,7 +12676,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13832,7 +13616,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_22<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_22<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_26<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_26<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14041,7 +13825,7 @@ export declare enum BentoStepperVariantOption {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_23<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14062,7 +13846,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_23<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14113,7 +13897,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_24<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * Label to display for the value
 */
@@ -14138,7 +13922,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_24<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * Label to display for the value
 */
@@ -15166,11 +14950,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15453,8 +15237,8 @@ height: string;
 tooltipText: string;
 errorMessage: string;
 ariaLabel: string;
-placeholder: string;
 characterLimit: number;
+placeholder: string;
 clearable: boolean;
 resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
 }>;
@@ -16307,7 +16091,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_29<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16355,7 +16139,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_25<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_29<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span