@adyen/bento-vue2 1.74.0 → 1.76.0

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

@@ -141,12 +141,6 @@ declare type __VLS_NonUndefinedable_59<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
 
-declare type __VLS_NonUndefinedable_60<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_61<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_62<T> = T extends undefined ? never : T;
-
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
@@ -657,33 +651,6 @@ declare type __VLS_TypePropsToRuntimeProps_6<T> = {
     };
 };
 
-declare type __VLS_TypePropsToRuntimeProps_60<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_60<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_61<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_61<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_62<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_62<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
 declare type __VLS_TypePropsToRuntimeProps_7<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
@@ -1023,24 +990,6 @@ declare type __VLS_WithDefaults_56<P, D> = {
     } : P[K];
 };
 
-declare type __VLS_WithDefaults_57<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};
-
-declare type __VLS_WithDefaults_58<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};
-
-declare type __VLS_WithDefaults_59<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};
-
 declare type __VLS_WithDefaults_6<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1377,6 +1326,12 @@ declare type __VLS_WithTemplateSlots_56<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_57<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     new (): {
         $slots: S;
@@ -1966,7 +1921,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+export declare const BentoBaseFilter: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -1982,7 +1937,7 @@ tooltipPosition: any;
 value: any;
 }>, {
 closePopover: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -3352,7 +3307,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3360,7 +3315,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3442,7 +3397,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3452,7 +3407,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3565,7 +3520,7 @@ export declare interface BentoColumn {
     cellActions?: BentoColumnCellActionsProp;
 }
 
-declare type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
+export declare type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
     title?: string;
     event?: BentoColumnCellActionEvent;
     isShort?: true;
@@ -3588,7 +3543,7 @@ declare type BentoColumnCellActions = Array<BentoColumnCellAction>;
 
 declare type BentoColumnCellActionsByCellDataFn = (rowDataItem: BentoDatagridDataItem, columnKey: string) => BentoColumnCellActions;
 
-declare type BentoColumnCellActionsProp = BentoColumnCellActions | BentoColumnCellActionsByCellDataFn;
+export declare type BentoColumnCellActionsProp = BentoColumnCellActions | BentoColumnCellActionsByCellDataFn;
 
 declare type BentoColumnCellActionVariant = 'copy' | 'edit' | 'open' | 'more';
 
@@ -3617,11 +3572,11 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCountryProps>, {
+export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -3937,13 +3892,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -4190,7 +4145,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_62<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
 /**
 * The header of the section
 */
@@ -4201,7 +4156,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_62<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
 /**
 * The header of the section
 */
@@ -4249,7 +4204,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<{
 /**
 * The header that goes to the top of the template
 */
@@ -4272,7 +4227,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<{
 /**
 * The header that goes to the top of the template
 */
@@ -4740,7 +4695,7 @@ default: boolean;
 };
 }, {
 onEmptyStateClearResetButtonClick: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS | BentoDatagridEvent.DESELECT_ALL_CURRENT_RESULTS | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -5148,6 +5103,8 @@ export declare enum BentoDatagridEvent {
     ROW_CLICK = "row-click",
     SELECT = "select",
     SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
+    SELECT_ALL_CURRENT_RESULTS = "select-all-current-results",
+    DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results",
     SORT = "sort"
 }
 
@@ -5157,9 +5114,9 @@ export declare type BentoDatagridIsDataItemDisabledFn = (item: BentoDatagridData
 
 export declare type BentoDatagridPaginationProps = BentoPaginationProps;
 
-declare type BentoDataGridRowActionsFn = (rowDataItem: BentoDatagridDataItem) => BentoColumnCellActions;
+export declare type BentoDataGridRowActionsFn = (rowDataItem: BentoDatagridDataItem) => BentoColumnCellActions;
 
-declare type BentoDataGridRowActionsProp = BentoColumnCellActions | BentoDataGridRowActionsFn;
+export declare type BentoDataGridRowActionsProp = BentoColumnCellActions | BentoDataGridRowActionsFn;
 
 export declare type BentoDatagridSelection = Array<BentoDatagridDataItemId>;
 
@@ -5318,7 +5275,7 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_56<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_57<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -5537,11 +5494,11 @@ export declare type BentoDataGridTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5924,9 +5881,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -6107,79 +6064,18 @@ placeholder: string;
  *     }
  * }
  */
-export declare const BentoDropdownAvatar: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownAvatarProps>, {
-items: () => any[];
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
-} & {
-"show-more": () => void;
-} & {
-open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownAvatarProps>, {
-items: () => any[];
-}>>>, {
-items: BentoAvatarListboxOptions;
-}>;
-
-export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
-    /**
-     * The option elements to populate the avatar dropdown with.
-     * It must be an array of {@see BentoAvatarListboxOptions }
-     * @property {string} value.label - Text to be displayed in the option.
-     * @property {string | number} value.value - Value of the option.
-     * @property {string} value.src - Image source of the avatar image.
-     */
-    items?: BentoAvatarListboxOptions;
-}
-
-/**
- * A Country Dropdown showing a selectable list of countries.
- *
- * @example
- * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
- * import type { BentoCountryListboxOptions } from '../../../../..'
- *
- * export default {
- *     components: { BentoDropdown },
- *     template: `
- *          <bento-dropdown-country
- *              v-model="selectedValue"
- *              :disabled="false"
- *              :multiple="true"
- *              :isOptionsDisabled="option => option.value === 2"
- *              :items="options"
- *          />
- *     `,
- *     setup() {
- *         const selectedValue = ref(BentoCountryCode.NL) // Default value
- *         const options: BentoCountryListboxOptions = [
- *              { label: 'Option 1', value: BentoCountryCode.NL },
- *              { label: 'Option 2', value: BentoCountryCode.BE },
- *         ];
- *         return { options, selectedValue };
- *     }
- * }
- */
-export declare const BentoDropdownCountry: DefineComponent<    {
+export declare const BentoDropdownAvatar: DefineComponent<    {
 /**
-* The option elements to populate the country dropdown with.
-* It must be an array of {@see BentoCountryListboxOptions }
-*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
-*  * @property {BentoCountryCode | string} value.value - Country code of the option
+* The option elements to populate the avatar dropdown with.
+* It must be an array of {@see BentoAvatarListboxOptions }
+* @property {string} value.label - Text to be displayed in the option.
+* @property {string | number} value.value - Value of the option.
+* @property {string} value.src - Image source of the avatar image.
 */
 items: {
-type: PropType<BentoCountryListboxOptions>;
+type: PropType<BentoAvatarListboxOptions>;
 default: () => any[];
 };
-/**
-* Which label variant to display.
-* @values iso, name, phone_code, capital
-*/
-variant: {
-type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
-default: BentoCountryVariant;
-validator: (value: BentoCountryVariant) => boolean;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 } & {
@@ -6323,24 +6219,16 @@ input: (selectedValue: BentoListboxSelectedValue) => void;
 open: () => void;
 }, string, Readonly<ExtractPropTypes<    {
 /**
-* The option elements to populate the country dropdown with.
-* It must be an array of {@see BentoCountryListboxOptions }
-*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
-*  * @property {BentoCountryCode | string} value.value - Country code of the option
+* The option elements to populate the avatar dropdown with.
+* It must be an array of {@see BentoAvatarListboxOptions }
+* @property {string} value.label - Text to be displayed in the option.
+* @property {string | number} value.value - Value of the option.
+* @property {string} value.src - Image source of the avatar image.
 */
 items: {
-type: PropType<BentoCountryListboxOptions>;
+type: PropType<BentoAvatarListboxOptions>;
 default: () => any[];
 };
-/**
-* Which label variant to display.
-* @values iso, name, phone_code, capital
-*/
-variant: {
-type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
-default: BentoCountryVariant;
-validator: (value: BentoCountryVariant) => boolean;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 } & {
@@ -6481,7 +6369,6 @@ search: BentoListboxSearchOptions;
 value: BentoListboxSelectedValue;
 description: string;
 label: string;
-variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
@@ -6492,7 +6379,7 @@ readonly: boolean;
 size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
-items: BentoCountryListboxOptions;
+items: BentoAvatarListboxOptions;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -6508,8 +6395,19 @@ enableValueLabelPair: boolean;
 placeholder: string;
 }>;
 
+export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
+    /**
+     * The option elements to populate the avatar dropdown with.
+     * It must be an array of {@see BentoAvatarListboxOptions }
+     * @property {string} value.label - Text to be displayed in the option.
+     * @property {string | number} value.value - Value of the option.
+     * @property {string} value.src - Image source of the avatar image.
+     */
+    items?: BentoAvatarListboxOptions;
+}
+
 /**
- * A Currency Dropdown showing a selectable list of currencies.
+ * A Country Dropdown showing a selectable list of countries.
  *
  * @example
  * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
@@ -6518,7 +6416,7 @@ placeholder: string;
  * export default {
  *     components: { BentoDropdown },
  *     template: `
- *          <bento-dropdown-currency
+ *          <bento-dropdown-country
  *              v-model="selectedValue"
  *              :disabled="false"
  *              :multiple="true"
@@ -6536,94 +6434,1100 @@ placeholder: string;
  *     }
  * }
  */
-export declare const BentoDropdownCurrency: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownCurrencyProps>, {
-items: () => any[];
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
+export declare const BentoDropdownCountry: DefineComponent<    {
+/**
+* The option elements to populate the country dropdown with.
+* It must be an array of {@see BentoCountryListboxOptions }
+*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
+*  * @property {BentoCountryCode | string} value.value - Country code of the option
+*/
+items: {
+type: PropType<BentoCountryListboxOptions>;
+default: () => any[];
+};
+/**
+* Which label variant to display.
+* @values iso, name, phone_code, capital
+*/
+variant: {
+type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
+default: BentoCountryVariant;
+validator: (value: BentoCountryVariant) => boolean;
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
 } & {
-"show-more": () => void;
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
 } & {
-open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownCurrencyProps>, {
-items: () => any[];
-}>>>, {
-items: BentoCurrencyListboxOptions;
-}>;
-
-export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
-    /**
-     * The option elements to populate the currency dropdown with.
-     * It must be an array of {@see BentoCurrencyListboxOptions }
-     * @property {string} value.label - Text to be displayed in the option
-     * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
-     */
-    items?: BentoCurrencyListboxOptions;
-}
-
-/**
- * A Payment method Dropdown showing a selectable list of countries.
- *
- * @example
- * import { BentoDropdownPaymentMethod } from '../../../../..';
- * import type { BentoPaymentMethodListboxOptions } from '../../../../..'
- *
- * export default {
- *     components: { BentoDropdownPaymentMethod },
- *     template: `
- *          <bento-dropdown-payment-method
- *              v-model="selectedValue"
- *              :disabled="false"
- *              :multiple="true"
- *              :isOptionsDisabled="option => option.value === 'Visa'"
- *              :items="options"
- *          />
- *     `,
- *     setup() {
- *         const selectedValue = ref('ideal') // Default value
- *         const options: BentoPaymentMethodListboxOptions = [
- *              { label: 'Option 1', value: 'ideal' },
- *              { label: 'Option 2', value: 'visa' },
- *         ];
- *         return { options, selectedValue };
- *     }
- * }
- */
-export declare const BentoDropdownPaymentMethod: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDropdownPaymentMethodProps>, {
-items: () => any[];
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
+default: any;
+};
+description: {
+type: PropType<string>;
 } & {
-"show-more": () => void;
+default: any;
+};
+label: {
+type: PropType<string>;
 } & {
-open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDropdownPaymentMethodProps>, {
-items: () => any[];
-}>>>, {
-items: BentoPaymentMethodListboxOptions;
-}>;
-
-export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
-    /**
-     * The option elements to populate the payment method dropdown with.
-     * It must be an array of {@see BentoPaymentMethodListboxOptions }
-     * @property {string} value.label - Text to be displayed in the option
-     * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
-     */
-    items?: BentoPaymentMethodListboxOptions;
-}
-
-export declare interface BentoDropdownProps extends FormField {
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     * Defines a string value that labels an interactive element.
-     */
-    ariaLabel?: string;
-    /**
-     * Renders the dropdown with a condensed style.
-     */
-    condensed?: boolean;
-    /**
-     * Empty state props used with the inner empty state component which is displayed when no search results are found.
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (selectedValue: BentoListboxSelectedValue) => void;
+} & {
+"show-more": () => void;
+} & {
+open: () => void;
+}, string, Readonly<ExtractPropTypes<    {
+/**
+* The option elements to populate the country dropdown with.
+* It must be an array of {@see BentoCountryListboxOptions }
+*  * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
+*  * @property {BentoCountryCode | string} value.value - Country code of the option
+*/
+items: {
+type: PropType<BentoCountryListboxOptions>;
+default: () => any[];
+};
+/**
+* Which label variant to display.
+* @values iso, name, phone_code, capital
+*/
+variant: {
+type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
+default: BentoCountryVariant;
+validator: (value: BentoCountryVariant) => boolean;
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}>>, {
+search: BentoListboxSearchOptions;
+value: BentoListboxSelectedValue;
+description: string;
+label: string;
+variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
+required: boolean;
+condensed: boolean;
+disabled: boolean;
+loading: boolean;
+error: boolean;
+optional: boolean;
+readonly: boolean;
+size: BentoDropdownSize | `${BentoDropdownSize}`;
+multiple: boolean;
+ariaLabel: string;
+items: BentoCountryListboxOptions;
+errorMessage: string;
+tooltipText: string;
+isOptionDisabled: BentoListboxIsOptionDisabled;
+staticCategories: boolean;
+hasMoreItems: boolean;
+lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
+virtualScroll: BentoListboxVirtulisationOptions;
+dynamicFiltering: boolean;
+showSlotContentInMultiple: boolean;
+enableValueLabelPair: boolean;
+placeholder: string;
+}>;
+
+/**
+ * A Currency Dropdown showing a selectable list of currencies.
+ *
+ * @example
+ * import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
+ * import type { BentoCountryListboxOptions } from '../../../../..'
+ *
+ * export default {
+ *     components: { BentoDropdown },
+ *     template: `
+ *          <bento-dropdown-currency
+ *              v-model="selectedValue"
+ *              :disabled="false"
+ *              :multiple="true"
+ *              :isOptionsDisabled="option => option.value === 2"
+ *              :items="options"
+ *          />
+ *     `,
+ *     setup() {
+ *         const selectedValue = ref(BentoCountryCode.NL) // Default value
+ *         const options: BentoCountryListboxOptions = [
+ *              { label: 'Option 1', value: BentoCountryCode.NL },
+ *              { label: 'Option 2', value: BentoCountryCode.BE },
+ *         ];
+ *         return { options, selectedValue };
+ *     }
+ * }
+ */
+export declare const BentoDropdownCurrency: DefineComponent<    {
+/**
+* The option elements to populate the currency dropdown with.
+* It must be an array of {@see BentoCurrencyListboxOptions }
+* @property {string} value.label - Text to be displayed in the option
+* @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
+*/
+items: {
+type: PropType<BentoCurrencyListboxOptions>;
+default: () => any[];
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (selectedValue: BentoListboxSelectedValue) => void;
+} & {
+"show-more": () => void;
+} & {
+open: () => void;
+}, string, Readonly<ExtractPropTypes<    {
+/**
+* The option elements to populate the currency dropdown with.
+* It must be an array of {@see BentoCurrencyListboxOptions }
+* @property {string} value.label - Text to be displayed in the option
+* @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
+*/
+items: {
+type: PropType<BentoCurrencyListboxOptions>;
+default: () => any[];
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}>>, {
+search: BentoListboxSearchOptions;
+value: BentoListboxSelectedValue;
+description: string;
+label: string;
+required: boolean;
+condensed: boolean;
+disabled: boolean;
+loading: boolean;
+error: boolean;
+optional: boolean;
+readonly: boolean;
+size: BentoDropdownSize | `${BentoDropdownSize}`;
+multiple: boolean;
+ariaLabel: string;
+items: BentoCurrencyListboxOptions;
+errorMessage: string;
+tooltipText: string;
+isOptionDisabled: BentoListboxIsOptionDisabled;
+staticCategories: boolean;
+hasMoreItems: boolean;
+lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
+virtualScroll: BentoListboxVirtulisationOptions;
+dynamicFiltering: boolean;
+showSlotContentInMultiple: boolean;
+enableValueLabelPair: boolean;
+placeholder: string;
+}>;
+
+export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
+    /**
+     * The option elements to populate the currency dropdown with.
+     * It must be an array of {@see BentoCurrencyListboxOptions }
+     * @property {string} value.label - Text to be displayed in the option
+     * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
+     */
+    items?: BentoCurrencyListboxOptions;
+}
+
+/**
+ * A Payment method Dropdown showing a selectable list of countries.
+ *
+ * @example
+ * import { BentoDropdownPaymentMethod } from '../../../../..';
+ * import type { BentoPaymentMethodListboxOptions } from '../../../../..'
+ *
+ * export default {
+ *     components: { BentoDropdownPaymentMethod },
+ *     template: `
+ *          <bento-dropdown-payment-method
+ *              v-model="selectedValue"
+ *              :disabled="false"
+ *              :multiple="true"
+ *              :isOptionsDisabled="option => option.value === 'Visa'"
+ *              :items="options"
+ *          />
+ *     `,
+ *     setup() {
+ *         const selectedValue = ref('ideal') // Default value
+ *         const options: BentoPaymentMethodListboxOptions = [
+ *              { label: 'Option 1', value: 'ideal' },
+ *              { label: 'Option 2', value: 'visa' },
+ *         ];
+ *         return { options, selectedValue };
+ *     }
+ * }
+ */
+export declare const BentoDropdownPaymentMethod: DefineComponent<    {
+/**
+* The option elements to populate the payment method dropdown with.
+* It must be an array of {@see BentoPaymentMethodListboxOptions }
+* @property {string} value.label - Text to be displayed in the option
+* @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
+*/
+items: {
+type: PropType<BentoPaymentMethodListboxOptions>;
+default: () => any[];
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+input: (selectedValue: BentoListboxSelectedValue) => void;
+} & {
+"show-more": () => void;
+} & {
+open: () => void;
+}, string, Readonly<ExtractPropTypes<    {
+/**
+* The option elements to populate the payment method dropdown with.
+* It must be an array of {@see BentoPaymentMethodListboxOptions }
+* @property {string} value.label - Text to be displayed in the option
+* @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
+*/
+items: {
+type: PropType<BentoPaymentMethodListboxOptions>;
+default: () => any[];
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}>>, {
+search: BentoListboxSearchOptions;
+value: BentoListboxSelectedValue;
+description: string;
+label: string;
+required: boolean;
+condensed: boolean;
+disabled: boolean;
+loading: boolean;
+error: boolean;
+optional: boolean;
+readonly: boolean;
+size: BentoDropdownSize | `${BentoDropdownSize}`;
+multiple: boolean;
+ariaLabel: string;
+items: BentoPaymentMethodListboxOptions;
+errorMessage: string;
+tooltipText: string;
+isOptionDisabled: BentoListboxIsOptionDisabled;
+staticCategories: boolean;
+hasMoreItems: boolean;
+lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
+virtualScroll: BentoListboxVirtulisationOptions;
+dynamicFiltering: boolean;
+showSlotContentInMultiple: boolean;
+enableValueLabelPair: boolean;
+placeholder: string;
+}>;
+
+export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
+    /**
+     * The option elements to populate the payment method dropdown with.
+     * It must be an array of {@see BentoPaymentMethodListboxOptions }
+     * @property {string} value.label - Text to be displayed in the option
+     * @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
+     */
+    items?: BentoPaymentMethodListboxOptions;
+}
+
+export declare interface BentoDropdownProps extends FormField {
+    /**
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string;
+    /**
+     * Renders the dropdown with a condensed style.
+     */
+    condensed?: boolean;
+    /**
+     * Empty state props used with the inner empty state component which is displayed when no search results are found.
      */
     emptyState?: BentoListboxEmptyStateProps;
     /**
@@ -6751,18 +7655,335 @@ export declare enum BentoDropdownSize {
  *     }
  * }
  */
-export declare const BentoDropdownTag: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDropdownTagProps>, {
-items: () => any[];
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const BentoDropdownTag: DefineComponent<    {
+/**
+* The option elements to populate the tag dropdown with.
+* It must be an array of {@see BentoTagListboxOptions }
+* @property {string} value.label - Text to be displayed in the option
+* @property {string | number} value.value - Value of the option
+* @property {string} value.variant - The BentTag variant shown for the option.
+*/
+items: {
+type: PropType<BentoTagListboxOptions>;
+default: () => any[];
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 } & {
 "show-more": () => void;
 } & {
 open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDropdownTagProps>, {
-items: () => any[];
-}>>>, {
+}, string, Readonly<ExtractPropTypes<    {
+/**
+* The option elements to populate the tag dropdown with.
+* It must be an array of {@see BentoTagListboxOptions }
+* @property {string} value.label - Text to be displayed in the option
+* @property {string | number} value.value - Value of the option
+* @property {string} value.variant - The BentTag variant shown for the option.
+*/
+items: {
+type: PropType<BentoTagListboxOptions>;
+default: () => any[];
+};
+search: {
+type: PropType<BentoListboxSearchOptions>;
+} & {
+default: any;
+};
+value: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
+description: {
+type: PropType<string>;
+} & {
+default: any;
+};
+label: {
+type: PropType<string>;
+} & {
+default: any;
+};
+required: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+condensed: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+disabled: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+error: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+optional: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+readonly: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+size: {
+type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
+} & {
+default: any;
+};
+multiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+ariaLabel: {
+type: PropType<string>;
+} & {
+default: any;
+};
+errorMessage: {
+type: PropType<string>;
+} & {
+default: any;
+};
+tooltipText: {
+type: PropType<string>;
+} & {
+default: any;
+};
+isOptionDisabled: {
+type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
+} & {
+default: any;
+};
+staticCategories: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+hasMoreItems: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+lazyLoadType: {
+type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+} & {
+default: BentoListboxLazyLoadType;
+};
+emptyState: {
+type: PropType<BentoListboxEmptyStateProps>;
+} & {
+default: any;
+};
+componentLoading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+virtualScroll: {
+type: PropType<BentoListboxVirtulisationOptions>;
+} & {
+default: boolean;
+};
+dynamicFiltering: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+showSlotContentInMultiple: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+enableValueLabelPair: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
+}>>, {
+search: BentoListboxSearchOptions;
+value: BentoListboxSelectedValue;
+description: string;
+label: string;
+required: boolean;
+condensed: boolean;
+disabled: boolean;
+loading: boolean;
+error: boolean;
+optional: boolean;
+readonly: boolean;
+size: BentoDropdownSize | `${BentoDropdownSize}`;
+multiple: boolean;
+ariaLabel: string;
 items: BentoTagListboxOptions;
+errorMessage: string;
+tooltipText: string;
+isOptionDisabled: BentoListboxIsOptionDisabled;
+staticCategories: boolean;
+hasMoreItems: boolean;
+lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+emptyState: BentoListboxEmptyStateProps;
+componentLoading: boolean;
+virtualScroll: BentoListboxVirtulisationOptions;
+dynamicFiltering: boolean;
+showSlotContentInMultiple: boolean;
+enableValueLabelPair: boolean;
+placeholder: string;
 }>;
 
 export declare interface BentoDropdownTagProps extends BentoDropdownProps {
@@ -6800,14 +8021,14 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoEmptyStateProps>, {
+export declare const BentoEmptyState: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
 image: any;
 title: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoEmptyStateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -6920,7 +8141,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -6937,7 +8158,7 @@ input: (value?: FileList) => void;
 "update:modelValue": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7042,7 +8263,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoFilterBarProps<any, undefined>>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -7059,7 +8280,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoFilterBarProps<any, undefined>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -7746,7 +8967,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -7772,7 +8993,7 @@ views: () => any[];
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -7973,10 +9194,10 @@ export declare interface BentoHeaderWithViewsProps {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8026,11 +9247,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '../..';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -8088,15 +9309,17 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
+description: string;
 disabled: boolean;
 dropdown: any;
 dropdownPosition: BentoInputFieldElementPosition;
 error: boolean;
 errorMessage: any;
+label: string;
 optional: boolean;
 placeholder: string;
 required: boolean;
@@ -8129,15 +9352,17 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
+description: string;
 disabled: boolean;
 dropdown: any;
 dropdownPosition: BentoInputFieldElementPosition;
 error: boolean;
 errorMessage: any;
+label: string;
 optional: boolean;
 placeholder: string;
 required: boolean;
@@ -8151,7 +9376,9 @@ value: any;
 variant: BentoInputFieldVariant;
 }>>>, {
 value: BentoInputFieldValue;
+description: string;
 type: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"];
+label: string;
 variant: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
 required: boolean;
 condensed: boolean;
@@ -8230,15 +9457,19 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
+description: any;
 disabled: boolean;
 disableValidation: boolean;
-label: any;
 errorMessage: any;
+label: any;
+optional: boolean;
 placeholder: string;
 readonly: boolean;
+required: boolean;
+tooltipText: any;
 validation: any;
 value: any;
 withHint: boolean;
@@ -8252,37 +9483,48 @@ focus: () => void;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
+description: any;
 disabled: boolean;
 disableValidation: boolean;
-label: any;
 errorMessage: any;
+label: any;
+optional: boolean;
 placeholder: string;
 readonly: boolean;
+required: boolean;
+tooltipText: any;
 validation: any;
 value: any;
 withHint: boolean;
 }>>>, {
 value: BentoInputFieldProps["value"];
+description: string;
 label: string;
+required: boolean;
 condensed: BentoInputFieldProps["condensed"];
-disabled: BentoInputFieldProps["disabled"];
+disabled: boolean;
 validation: BentoInputFieldPasswordValidation;
-readonly: BentoInputFieldProps["readonly"];
-errorMessage: BentoInputFieldProps["errorMessage"];
+optional: boolean;
+readonly: boolean;
+errorMessage: string;
+tooltipText: string;
 debounceTime: number;
-placeholder: BentoInputFieldProps["placeholder"];
+placeholder: string;
 disableValidation: boolean;
 withHint: boolean;
+}>, {
+    default: (_: {}) => any;
+    description: (_: {}) => any;
 }>;
 
 export declare type BentoInputFieldPasswordDefaultRuleKeys = 'minLength' | 'requireLowercase' | 'requireNumeric' | 'requireSpecialCharacter' | 'requireUppercase';
 
 export declare type BentoInputFieldPasswordErrorsList = Record<BentoInputFieldPasswordDefaultRuleKeys | string, string>;
 
-export declare interface BentoInputFieldPasswordProps {
+export declare interface BentoInputFieldPasswordProps extends FormField {
     /**
      * Reduces height of the input
      */
@@ -8292,35 +9534,15 @@ export declare interface BentoInputFieldPasswordProps {
      * This helps to avoid excessive validation checks on every keystroke. Defaults to `500`.
      */
     debounceTime?: number;
-    /**
-     * Disables the possibility of changing value in the input-field
-     */
-    disabled?: BentoInputFieldProps['disabled'];
     /**
      * Performs real-time validations over the input value. Default: `false`.
      * Disabling the option (set to `true`) will not run pre-defined validations or custom validations defined in the `validation` field.
      */
     disableValidation?: boolean;
-    /**
-     * Renders input-field with an error state and the error message beneath the input box
-     */
-    errorMessage?: BentoInputFieldProps['errorMessage'];
-    /**
-     * Text displayed as the placeholder of the input-field
-     */
-    placeholder?: BentoInputFieldProps['placeholder'];
-    /**
-     * Setting this property to true will set the input field to read only state.
-     */
-    readonly?: BentoInputFieldProps['readonly'];
     /**
      * Text displayed as the value of the input-field
      */
     value?: BentoInputFieldProps['value'];
-    /**
-     * Label to be shown with the input field
-     */
-    label?: string;
     /**
      * Configuration object for password field validation.
      *
@@ -8385,7 +9607,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 description: any;
 dynamicFiltering: boolean;
@@ -8397,7 +9619,7 @@ input: (value: string) => void;
 "update:selected-country": (country: CountryCode_2) => void;
 } & {
 "input:valid": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 description: any;
 dynamicFiltering: boolean;
@@ -8448,7 +9670,7 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
     value?: string | number;
 }
 
-export declare interface BentoInputFieldProps {
+export declare interface BentoInputFieldProps extends FormField {
     /**
      * Indicates whether the element is exposed to an accessibility API.
      */
@@ -8463,10 +9685,6 @@ export declare interface BentoInputFieldProps {
      * 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:
@@ -8485,30 +9703,9 @@ export declare interface BentoInputFieldProps {
     /**
      * 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;
-    /**
-     * When present, indicates that the user must specify a value for the input before the owning form can be submitted.
-     * The `required` attribute is supported by input types like `text`, `search`, and `number`.
-     */
-    required?: boolean;
-    /**
-     * Setting this property to true will set the input field to read only state.
+     * @deprecated Use "errorMessage" prop instead
      */
-    readonly?: boolean;
+    error?: boolean;
     /**
      * Renders a font numeric style with slashed zeros instead of normal ones.
      */
@@ -8522,10 +9719,6 @@ export declare interface BentoInputFieldProps {
      * 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.
@@ -8685,7 +9878,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -8699,7 +9892,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -8815,10 +10008,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -8861,9 +10054,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -8910,12 +10103,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -9186,7 +10379,7 @@ export declare enum BentoLoadingButtonState {
  *     `
  * };
  */
-export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoLoadingIndicatorProps>, {
+export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -9194,7 +10387,7 @@ inverse: boolean;
 "loading-start": () => void;
 } & {
 "loading-end": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoLoadingIndicatorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -9241,7 +10434,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -9264,7 +10457,7 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -9410,7 +10603,7 @@ export declare interface BentoMenuProps {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_27<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_28<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -9748,7 +10941,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_29<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_30<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -9890,7 +11083,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_30<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_31<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10032,7 +11225,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -10041,7 +11234,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -10189,7 +11382,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -10205,7 +11398,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -10271,10 +11464,10 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -11466,7 +12659,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithTemplateSlots_33<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -11490,7 +12683,7 @@ overflowVisible: boolean;
 dismiss: () => void;
 } & {
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -11702,7 +12895,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_33<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -11710,7 +12903,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -11849,7 +13042,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_35<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_36<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -12004,7 +13197,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_43<BentoRadioGroupProps>, {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -12023,7 +13216,7 @@ focus: () => void;
 input: (value: BentoRadioButtonValue) => void;
 } & {
 "update:model-value": (value: BentoRadioButtonValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_43<BentoRadioGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -12140,7 +13333,7 @@ export declare type BentoRangeFilterOptions = {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_45<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -12152,7 +13345,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_45<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -12264,7 +13457,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_46<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -12286,7 +13479,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_46<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -12375,7 +13568,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_47<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_43<{
 /**
 * 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.
@@ -12388,7 +13581,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_47<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_43<{
 /**
 * 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.
@@ -12433,7 +13626,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_48<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12442,7 +13635,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_48<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12637,7 +13830,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_36<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_37<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -12830,230 +14023,43 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_37<DefineComponent<    {
-/**
-* Descriptive supporting text visbile underneath the label.
-*/
-description: {
-type: StringConstructor;
-default: any;
-};
-/**
-* If set to true, renders all cards in the group in a disabled state.
-*/
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Renders all cards in an error state with an error message.
-*/
-errorMessage: {
-type: StringConstructor;
-default: any;
-};
-/**
-* The form id the selection card group is associated with. Defaults to null, as a selection card group can also be used standalone.
-*/
-formId: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Shows/hides the group label.
-*/
-hideLabel: {
-type: BooleanConstructor;
-default: any;
-};
-/**
-* Label of the group. Required for accessibility purposes, even if it's not shown
-*/
-label: {
-type: StringConstructor;
-required: true;
-};
-/**
-* The selection card group's layout. It can be vertical or horizontal. Defaults to vertical.
-* @values horizontal, vertical
-*/
-layout: {
-type: PropType<BentoSelectionCardGroupLayout>;
-default: string;
-};
-/**
-* The selection card group's items.
-*/
-items: {
-type: PropType<Array<BentoSelectionCardItem>>;
-required: true;
-};
-/**
-* Sets the responsive number of items rendered in each row.
-*/
-itemsPerRow: {
-type: PropType<BentoSelectionCardGroupItemsPerRow>;
-default: any;
-};
-/**
-* Determines the initially selected value of the group. Corresponds to the BentoSelectionCardItem's value.
-* Defaults to no value selected.
-*/
-modelValue: {
-type: PropType<BentoSelectionCardModelValue>;
-default: any;
-};
-/**
-* Indicates the field is optional.
-*/
-optional: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Indicates the field is required.
-*/
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Tooltip message.
-*/
-tooltipText: {
-type: StringConstructor;
-default: any;
-};
-/**
-* If set to true, renders all cards in the group in a readonly state.
-*/
-readonly: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Renders the cards with a checkbox or a radio input. Selection logic will also apply in accordance.
-* @values checkbox, radio
-*/
-variant: {
-type: PropType<BentoSelectionCardGroupVariant>;
-default: string;
-};
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoSelectionCardGroupProps>, {
+description: any;
+disabled: boolean;
+errorMessage: any;
+formId: any;
+hideLabel: any;
+label: any;
+layout: string;
+itemsPerRow: any;
+modelValue: any;
+optional: boolean;
+required: boolean;
+tooltipText: any;
+readonly: boolean;
+variant: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: BentoSelectionCardModelValue) => void;
 } & {
 "update:model-value": (value: BentoSelectionCardModelValue) => void;
-}, string, Readonly<ExtractPropTypes<    {
-/**
-* Descriptive supporting text visbile underneath the label.
-*/
-description: {
-type: StringConstructor;
-default: any;
-};
-/**
-* If set to true, renders all cards in the group in a disabled state.
-*/
-disabled: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Renders all cards in an error state with an error message.
-*/
-errorMessage: {
-type: StringConstructor;
-default: any;
-};
-/**
-* The form id the selection card group is associated with. Defaults to null, as a selection card group can also be used standalone.
-*/
-formId: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Shows/hides the group label.
-*/
-hideLabel: {
-type: BooleanConstructor;
-default: any;
-};
-/**
-* Label of the group. Required for accessibility purposes, even if it's not shown
-*/
-label: {
-type: StringConstructor;
-required: true;
-};
-/**
-* The selection card group's layout. It can be vertical or horizontal. Defaults to vertical.
-* @values horizontal, vertical
-*/
-layout: {
-type: PropType<BentoSelectionCardGroupLayout>;
-default: string;
-};
-/**
-* The selection card group's items.
-*/
-items: {
-type: PropType<Array<BentoSelectionCardItem>>;
-required: true;
-};
-/**
-* Sets the responsive number of items rendered in each row.
-*/
-itemsPerRow: {
-type: PropType<BentoSelectionCardGroupItemsPerRow>;
-default: any;
-};
-/**
-* Determines the initially selected value of the group. Corresponds to the BentoSelectionCardItem's value.
-* Defaults to no value selected.
-*/
-modelValue: {
-type: PropType<BentoSelectionCardModelValue>;
-default: any;
-};
-/**
-* Indicates the field is optional.
-*/
-optional: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Indicates the field is required.
-*/
-required: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Tooltip message.
-*/
-tooltipText: {
-type: StringConstructor;
-default: any;
-};
-/**
-* If set to true, renders all cards in the group in a readonly state.
-*/
-readonly: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Renders the cards with a checkbox or a radio input. Selection logic will also apply in accordance.
-* @values checkbox, radio
-*/
-variant: {
-type: PropType<BentoSelectionCardGroupVariant>;
-default: string;
-};
-}>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoSelectionCardGroupProps>, {
+description: any;
+disabled: boolean;
+errorMessage: any;
+formId: any;
+hideLabel: any;
+label: any;
+layout: string;
+itemsPerRow: any;
+modelValue: any;
+optional: boolean;
+required: boolean;
+tooltipText: any;
+readonly: boolean;
+variant: string;
+}>>>, {
 description: string;
+label: string;
 variant: BentoSelectionCardGroupVariant;
 required: boolean;
 disabled: boolean;
@@ -13065,7 +14071,7 @@ errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
 formId: string;
-itemsPerRow: GridLayoutColumnWidth;
+itemsPerRow: BentoSelectionCardGroupItemsPerRow;
 }>, {
     icon: (_: any) => any;
     content: (_: any) => any;
@@ -13076,6 +14082,46 @@ export declare type BentoSelectionCardGroupItemsPerRow = GridLayoutColumnWidth;
 
 export declare type BentoSelectionCardGroupLayout = 'horizontal' | 'vertical';
 
+export declare interface BentoSelectionCardGroupProps extends FormField {
+    /**
+     * The form id the selection card group is associated with. Defaults to null, as a selection card group can also be
+     * used standalone.
+     * @default null
+     */
+    formId?: string;
+    /**
+     * Shows/hides the group label.
+     * @default null
+     */
+    hideLabel?: boolean;
+    /**
+     * The selection card group's layout. It can be vertical or horizontal. Defaults to vertical.
+     * @values horizontal, vertical
+     * @default vertical
+     */
+    layout?: BentoSelectionCardGroupLayout;
+    /**
+     * The selection card group's items.
+     */
+    items: Array<BentoSelectionCardItem>;
+    /**
+     * Sets the responsive number of items rendered in each row.
+     * @default undefined
+     */
+    itemsPerRow?: BentoSelectionCardGroupItemsPerRow;
+    /**
+     * Determines the initially selected value of the group. Corresponds to the BentoSelectionCardItem's value.
+     * @default null
+     */
+    modelValue?: BentoSelectionCardModelValue;
+    /**
+     * Renders the cards with a checkbox or a radio input. Selection logic will also apply in accordance.
+     * @values checkbox, radio
+     * @default checkbox
+     */
+    variant?: BentoSelectionCardGroupVariant;
+}
+
 export declare type BentoSelectionCardGroupVariant = 'checkbox' | 'radio';
 
 export declare interface BentoSelectionCardItem {
@@ -13146,7 +14192,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_39<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_40<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -13274,7 +14320,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_38<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_39<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -13417,7 +14463,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_TypePropsToRuntimeProps_49<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_49<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -13462,7 +14508,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_42<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_43<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -13519,7 +14565,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_41<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_42<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -13633,7 +14679,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_50<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_47<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -13657,7 +14703,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_50<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_47<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -13711,7 +14757,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_TypePropsToRuntimeProps_51<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_TypePropsToRuntimeProps_48<{
 /**
 * Label to display for the value
 */
@@ -13738,7 +14784,7 @@ searchTooltip?: string;
 truncate?: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 copy: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_51<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_48<{
 /**
 * Label to display for the value
 */
@@ -13793,10 +14839,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -13831,7 +14877,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -13848,7 +14894,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemAmountProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -13908,7 +14954,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -13918,7 +14964,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoSummaryGridItemCustomProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -13982,7 +15028,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -13998,7 +15044,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemNumericProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14057,7 +15103,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14073,7 +15119,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemPercentageProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14138,7 +15184,7 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14148,7 +15194,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoSummaryGridItemTextProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14240,12 +15286,12 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -14394,11 +15440,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_44<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_44<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -14455,7 +15501,7 @@ declare interface BentoTeleportProps {
     to?: string;
 }
 
-export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<BentoTextareaProps>, {
+export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -14489,7 +15535,7 @@ input: (value: string) => void;
 keydown: (event: KeyboardEvent) => void;
 } & {
 keyup: (event: KeyboardEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<BentoTextareaProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -15486,7 +16532,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: __VLS_WithTemplateSlots_52<DefineComponent<    {
+export declare const BentoToggle: __VLS_WithTemplateSlots_53<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -15881,7 +16927,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -15929,7 +16975,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16445,6 +17491,37 @@ export declare function useBentoBaseFilter<T>(appliedFilter: Ref<T>, defaultFilt
     openFilter: (callback?: (newValue: T) => void) => void;
 };
 
+/**
+ * A composable that returns a fully formatted and localized currency string.
+ * It enforces the format `[localized number][non-breaking space][ISO code]`.
+ *
+ * @remarks
+ * The formatting process involves several steps:
+ * 1.  It safely resolves the input `value`, whether it's from a prop or a slot, into a valid number.
+ *
+ * 2.  If `majorUnits` is false, it converts the amount from minor units to major units
+ * (e.g., cents to dollars) by dividing by 10 to the power of the currency's
+ * decimal places (the "exponent"). For example, `12345 / (10 ** 2)` becomes `123.45`.
+ *
+ * 3.  It determines the correct number of decimal places, respecting any non-standard
+ * currency exceptions.
+ *
+ * 4.  It uses `vue-i18n` to format the number with the correct sign placement and decimal/thousand
+ * separators for the current locale, then manually reconstructs the string to ensure
+ * the ISO code is always at the end.
+ *
+ * @returns An object with a function to format the currency string.
+ */
+export declare function useBentoCurrency(): {
+    formatCurrency: (amount: string | number, formatOptions?: UseBentoCurrencyFormatCurrencyOptions) => string;
+};
+
+export declare interface UseBentoCurrencyFormatCurrencyOptions {
+    currency: `${BentoCurrencyISOCode}`;
+    currencySign?: Intl.NumberFormatOptions['currencySign'];
+    majorUnits?: boolean;
+}
+
 export declare interface UseBentoTheme {
     getTheme: () => string;
     setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;