@adyen/bento-vue3 1.50.0 → 1.51.0

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

@@ -66,8 +66,14 @@ 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;
@@ -269,6 +275,15 @@ declare type __VLS_TypePropsToRuntimeProps_28<T> = {
     };
 };
 
+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]>>;
@@ -278,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]>>;
@@ -440,6 +473,24 @@ declare type __VLS_WithDefaults_25<P, D> = {
     } : 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];
@@ -3274,7 +3325,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_28<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * The header of the section
 */
@@ -3285,7 +3336,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_28<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * The header of the section
 */
@@ -3333,7 +3384,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * The header that goes to the top of the template
 */
@@ -3356,7 +3407,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_27<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * The header that goes to the top of the template
 */
@@ -3575,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;
 };
 /**
@@ -3841,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;
 };
 /**
@@ -7388,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;
 }>;
@@ -7568,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 {
@@ -8054,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;
 }>>>, {
@@ -8172,371 +8154,107 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_17<DefineComponent<    {
+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, {
+"update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
+} & {
+blur: () => void;
+} & {
+change: () => void;
+} & {
+"dropdown-input": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
+"escape-pressed": () => void;
+} & {
+focus: () => void;
+} & {
+keydown: (event: KeyboardEvent) => void;
+} & {
+keyup: (event: KeyboardEvent) => void;
+} & {
+input: (inputValue: string) => void;
+}, 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: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"];
+variant: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
+required: boolean;
+condensed: boolean;
+disabled: boolean;
+error: boolean;
+optional: boolean;
+readonly: boolean;
+tooltipText: string;
+errorMessage: string;
+ariaLabel: string;
+placeholder: string;
+ariaHidden: boolean;
+slashedZero: boolean;
+dropdown: BentoInputDropdownProps;
+dropdownPosition: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
+staticValue: string;
+staticValuePosition: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
+}>, {
+    default: (_: {}) => any;
+    iconBefore: (_: {}) => any;
+    defaultIconBefore: (_: {}) => any;
+    paymentMethod: (_: {}) => any;
+    staticValue: (_: {}) => any;
+    iconAfter: (_: {}) => any;
+    description: (_: {
+        id: string;
+    }) => any;
+}>;
+
 /**
-* 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;
-};
-}, {
-focusInput: () => void;
-focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
-} & {
-blur: () => void;
-} & {
-change: () => void;
-} & {
-"dropdown-input": (selectedValue: BentoListboxSelectedValue) => void;
-} & {
-"escape-pressed": () => void;
-} & {
-focus: () => void;
-} & {
-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;
-};
-}>>, {
-value: BentoInputFieldValue;
-type: string;
-variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
-required: boolean;
-condensed: boolean;
-disabled: boolean;
-error: boolean;
-optional: boolean;
-readonly: boolean;
-tooltipText: string;
-errorMessage: string;
-ariaLabel: string;
-placeholder: string;
-ariaHidden: boolean;
-slashedZero: boolean;
-dropdown: BentoInputDropdownProps;
-dropdownPosition: "start" | "end" | BentoInputFieldElementPosition;
-staticValue: string;
-staticValuePosition: "start" | "end" | BentoInputFieldElementPosition;
-}>, {
-    default: (_: {}) => any;
-    iconBefore: (_: {}) => any;
-    defaultIconBefore: (_: {}) => any;
-    paymentMethod: (_: {}) => any;
-    staticValue: (_: {}) => any;
-    iconAfter: (_: {}) => any;
-    description: (_: {
-        id: string;
-    }) => any;
-}>;
-
-/**
- * @deprecated for usage with properties since version 2.0. Use the string literal instead.
- */
-export declare enum BentoInputFieldElementPosition {
-    START = "start",
-    END = "end"
-}
-
+ * @deprecated for usage with properties since version 2.0. Use the string literal instead.
+ */
+export declare enum BentoInputFieldElementPosition {
+    START = "start",
+    END = "end"
+}
+
 /**
  * @deprecated The use of these enums is no longer supported.
  * Use `v-on:` or `@` to listen to the events being emitted.
@@ -8589,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;
@@ -8603,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;
@@ -8714,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, {
@@ -8723,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;
 }>>>, {
@@ -8749,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",
@@ -8825,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
 */
@@ -8862,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
 */
@@ -8952,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;
 }>>>, {
@@ -8998,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;
@@ -9032,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<{
@@ -9407,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>;
@@ -9423,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.
 */
@@ -9492,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;
@@ -9500,6 +9330,7 @@ menuPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "aut
 menuFixedPositioning: boolean;
 menuWidth: number;
 revertFocusToButton: boolean;
+closeOnClickOutsideOptions: any;
 }>;
 
 export declare type BentoMenuButtonProps = {
@@ -9525,6 +9356,7 @@ export declare interface BentoMenuItem {
     critical?: boolean;
     indent?: boolean;
     addDivider?: boolean;
+    skipClose?: boolean;
 }
 
 /**
@@ -10527,10 +10359,10 @@ hidePageSize: boolean;
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -11824,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;
 } & {
@@ -11993,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;
@@ -12010,6 +11856,7 @@ disableFocusTrap: boolean;
 dismissible: boolean;
 fitContent: boolean;
 withoutSpace: boolean;
+overflowVisible: boolean;
 }>, {
     image: (_: {}) => any;
     headerIcon: (_: {}) => any;
@@ -12065,7 +11912,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12073,7 +11920,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12658,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.
 */
@@ -12716,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;
@@ -12787,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.
@@ -12809,7 +12609,7 @@ export declare interface BentoSearchBarItem {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_21<{
+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.
@@ -12822,7 +12622,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_21<{
+}, 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.
@@ -12867,7 +12667,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12876,7 +12676,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13816,7 +13616,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_23<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_23<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_TypePropsToRuntimeProps_26<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_26<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14025,7 +13825,7 @@ export declare enum BentoStepperVariantOption {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_24<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14046,7 +13846,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_24<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14097,7 +13897,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_25<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * Label to display for the value
 */
@@ -14122,7 +13922,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_25<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_28<{
 /**
 * Label to display for the value
 */
@@ -15150,11 +14950,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<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_20<__VLS_TypePropsToRuntimeProps_20<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15437,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;
 }>;
@@ -16291,7 +16091,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
+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
@@ -16339,7 +16139,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_26<{
+}>, {}, {}, {}, {}, 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