@adyen/bento-vue3 1.90.0 → 1.91.0

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

@@ -213,7 +213,67 @@ inverse: boolean;
 layout: string;
 }>;
 
-declare const __VLS_export_100: __VLS_WithSlots_65<DefineComponent<__VLS_WithDefaults_63<__VLS_TypePropsToOption_63<{
+declare const __VLS_export_100: __VLS_WithSlots_64<DefineComponent<__VLS_WithDefaults_63<__VLS_TypePropsToOption_63<{
+/**
+* The header that goes to the top of the template
+*/
+header: BentoDashboardTemplateHeader;
+/**
+* All the tab properties that can be set on the inner tab components.
+*  - tabs.activeTabIndex: the currently active tab index.
+*  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
+*/
+tabs?: BentoDashboardTemplateTabs;
+/**
+* Renders the tabs with a sticky positioning
+*/
+stickyTabs?: boolean;
+/**
+* Renders the tabs with a sticky positioning
+*/
+stickyFilters?: boolean;
+}>, {
+tabs: any;
+stickyTabs: boolean;
+stickyFilters: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_63<__VLS_TypePropsToOption_63<{
+/**
+* The header that goes to the top of the template
+*/
+header: BentoDashboardTemplateHeader;
+/**
+* All the tab properties that can be set on the inner tab components.
+*  - tabs.activeTabIndex: the currently active tab index.
+*  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
+*/
+tabs?: BentoDashboardTemplateTabs;
+/**
+* Renders the tabs with a sticky positioning
+*/
+stickyTabs?: boolean;
+/**
+* Renders the tabs with a sticky positioning
+*/
+stickyFilters?: boolean;
+}>, {
+tabs: any;
+stickyTabs: boolean;
+stickyFilters: boolean;
+}>>>, {
+tabs: BentoDashboardTemplateTabs;
+stickyFilters: boolean;
+stickyTabs: boolean;
+}>, {
+    [x: `tab-${number}`]: (props: {}) => any;
+} & {
+    infoIconTooltipContent?: (props: {}) => any;
+} & {
+    filters?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_101: __VLS_WithSlots_65<DefineComponent<__VLS_WithDefaults_64<__VLS_TypePropsToOption_64<{
 /**
 * The header of the section
 */
@@ -224,7 +284,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_63<__VLS_TypePropsToOption_63<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_64<__VLS_TypePropsToOption_64<{
 /**
 * The header of the section
 */
@@ -249,7 +309,7 @@ halfWidth: boolean;
     'content-col-2'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_101: __VLS_WithSlots_66<DefineComponent<    {
+declare const __VLS_export_102: __VLS_WithSlots_66<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -1766,7 +1826,24 @@ quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 hasActions: boolean;
 }>;
 
-declare const __VLS_export_23: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDropdownProps>, {
+declare const __VLS_export_23: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDraggableHandleProps>, {
+condensed: boolean;
+disabled: boolean;
+disabledMenus: () => {};
+variant: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDraggableHandleProps>, {
+condensed: boolean;
+disabled: boolean;
+disabledMenus: () => {};
+variant: string;
+}>>>, {
+variant: "all-directions" | "up-and-down";
+condensed: BentoMenuProps["button"]["condensed"];
+disabled: boolean;
+disabledMenus: {};
+}>;
+
+declare const __VLS_export_24: __VLS_WithSlots_14<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToOption_16<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -1798,7 +1875,7 @@ virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>, {
 focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToOption_15<BentoDropdownProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_16<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -1866,7 +1943,7 @@ enableValueLabelPair: boolean;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_24: DefineComponent<    {
+declare const __VLS_export_25: DefineComponent<    {
 /**
 * The option elements to populate the avatar dropdown with.
 * It must be an array of {@see BentoAvatarListboxOptions }
@@ -2146,7 +2223,7 @@ modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
 }>;
 
-declare const __VLS_export_25: DefineComponent<    {
+declare const __VLS_export_26: DefineComponent<    {
 /**
 * The option elements to populate the country dropdown with.
 * It must be an array of {@see BentoCountryListboxOptions }
@@ -2443,7 +2520,7 @@ modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
 }>;
 
-declare const __VLS_export_26: DefineComponent<    {
+declare const __VLS_export_27: DefineComponent<    {
 /**
 * The option elements to populate the currency dropdown with.
 * It must be an array of {@see BentoCurrencyListboxOptions }
@@ -2721,7 +2798,7 @@ modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
 }>;
 
-declare const __VLS_export_27: DefineComponent<    {
+declare const __VLS_export_28: DefineComponent<    {
 /**
 * The option elements to populate the payment method dropdown with.
 * It must be an array of {@see BentoPaymentMethodListboxOptions }
@@ -2999,7 +3076,7 @@ modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
 }>;
 
-declare const __VLS_export_28: DefineComponent<    {
+declare const __VLS_export_29: DefineComponent<    {
 /**
 * The option elements to populate the tag dropdown with.
 * It must be an array of {@see BentoTagListboxOptions }
@@ -3279,14 +3356,6 @@ modelValue: BentoListboxSelectedValue;
 enableValueLabelPair: boolean;
 }>;
 
-declare const __VLS_export_29: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToOption_16<BentoDividerProps>, {
-variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToOption_16<BentoDividerProps>, {
-variant: BentoDividerVariant;
-}>>>, {
-variant: `${BentoDividerVariant}`;
-}>;
-
 declare const __VLS_export_3: __VLS_WithSlots_3<DefineComponent<    {
 /**
 * Sets the title of the accordion item.
@@ -3323,7 +3392,15 @@ isExpanded: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_30: DefineComponent<    {
+declare const __VLS_export_30: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToOption_17<BentoDividerProps>, {
+variant: BentoDividerVariant;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToOption_17<BentoDividerProps>, {
+variant: BentoDividerVariant;
+}>>>, {
+variant: `${BentoDividerVariant}`;
+}>;
+
+declare const __VLS_export_31: DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -3545,7 +3622,7 @@ modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 hasError: boolean;
 }>;
 
-declare const __VLS_export_31: __VLS_WithSlots_15<DefineComponent<    {
+declare const __VLS_export_32: __VLS_WithSlots_15<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -3777,13 +3854,13 @@ formId: string;
     }) => any;
 }>;
 
-declare const __VLS_export_32: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToOption_17<BentoChipProps>, {
+declare const __VLS_export_33: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
 condensed: boolean;
 characterLimit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToOption_17<BentoChipProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3797,7 +3874,7 @@ readonly: boolean;
 characterLimit: number;
 }>;
 
-declare const __VLS_export_33: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
+declare const __VLS_export_34: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_19<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3810,7 +3887,7 @@ variant: BentoCodeSnippetVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 action: (...args: any[]) => void;
 change: (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoCodeSnippetProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToOption_19<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3834,11 +3911,11 @@ langLabel: string;
     'empty-state'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_34: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_19<BentoCountryProps>, {
+declare const __VLS_export_35: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToOption_20<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToOption_19<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToOption_20<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -3848,13 +3925,13 @@ label: string;
 variant: BentoCountryVariant | `${BentoCountryVariant}`;
 }>;
 
-declare const __VLS_export_35: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToOption_20<BentoCurrencyProps>, {
+declare const __VLS_export_36: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToOption_21<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToOption_20<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToOption_21<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3868,11 +3945,11 @@ currency: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
 majorUnits: boolean;
 }>;
 
-declare const __VLS_export_36: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToOption_21<BentoDateProps>, {
+declare const __VLS_export_37: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToOption_21<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -3882,14 +3959,14 @@ disableTypography: boolean;
 format: BentoDateFormat | `${BentoDateFormat}`;
 }>;
 
-declare const __VLS_export_37: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoEmptyStateProps>, {
+declare const __VLS_export_38: __VLS_WithSlots_17<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToOption_23<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
 image: any;
 title: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoEmptyStateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToOption_23<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -3909,7 +3986,7 @@ headingEl: `${BentoTypographyElement}`;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_38: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToOption_23<BentoFileUploaderProps>, {
+declare const __VLS_export_39: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToOption_24<BentoFileUploaderProps>, {
 accept: any;
 condensed: boolean;
 description: any;
@@ -3923,7 +4000,7 @@ modelValue: any;
 optional: boolean;
 required: boolean;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToOption_23<BentoFileUploaderProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_24<BentoFileUploaderProps>, {
 accept: any;
 condensed: boolean;
 description: any;
@@ -3953,7 +4030,21 @@ maxDimensions: any;
 maxSize: number | Array<FileMaxSize>;
 }>;
 
-declare const __VLS_export_39: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToOption_24<BentoFilterBarProps<any, any>>, {
+declare const __VLS_export_4: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<BentoAiTagProps>, {
+influencedValue: any;
+toggled: boolean;
+action: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<BentoAiTagProps>, {
+influencedValue: any;
+toggled: boolean;
+action: any;
+}>>>, {
+action: BentoButtonActionObject;
+toggled: boolean;
+influencedValue: string;
+}>;
+
+declare const __VLS_export_40: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_25<BentoFilterBarProps<any, any>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -3977,7 +4068,7 @@ input: (...args: any[]) => void;
 "search-clear": (...args: any[]) => void;
 "search-input": (...args: any[]) => void;
 "update:search-term": (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_24<BentoFilterBarProps<any, any>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToOption_25<BentoFilterBarProps<any, any>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -4003,21 +4094,7 @@ showAppliedHiddenFilters: boolean;
 filterValuesObject: any;
 }>;
 
-declare const __VLS_export_4: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<BentoAiTagProps>, {
-influencedValue: any;
-toggled: boolean;
-action: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<BentoAiTagProps>, {
-influencedValue: any;
-toggled: boolean;
-action: any;
-}>>>, {
-action: BentoButtonActionObject;
-toggled: boolean;
-influencedValue: string;
-}>;
-
-declare const __VLS_export_40: __VLS_WithSlots_18<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_25<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+declare const __VLS_export_41: __VLS_WithSlots_18<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -4040,7 +4117,7 @@ open: (...args: any[]) => void;
 close: (...args: any[]) => void;
 reset: (...args: any[]) => void;
 cancel: (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToOption_25<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToOption_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -4074,7 +4151,7 @@ disableSecondaryButton: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_41: __VLS_WithSlots_19<DefineComponent<    {
+declare const __VLS_export_42: __VLS_WithSlots_19<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -4119,7 +4196,7 @@ loading: boolean;
     'actions-right'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_42: __VLS_WithSlots_20<DefineComponent<    {
+declare const __VLS_export_43: __VLS_WithSlots_20<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -4162,7 +4239,7 @@ type: "critical" | "success" | "warning" | "highlight";
     message?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_43: __VLS_WithSlots_21<DefineComponent<    {
+declare const __VLS_export_44: __VLS_WithSlots_21<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -4225,11 +4302,11 @@ allFieldsRequired: boolean;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_44: __VLS_WithSlots_22<DefineComponent<    {
+declare const __VLS_export_45: __VLS_WithSlots_22<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
-* Only two colums are available.
+* Only two columns are available.
 *
 * If only one value is entered, then it will assume there's only one child in the group.
 * If two values are entered, the first value will be use for the first child and the second
@@ -4254,11 +4331,21 @@ type: PropType<BentoLayoutGroupProportions>;
 default: string;
 validator: (value: BentoLayoutGroupProportions) => boolean;
 };
+/**
+* The error message to be displayed for the whole group.
+*
+* If set, individual error messages for all components within this group will be hidden.
+* This is particularly useful for field pairs where a single group error is displayed.
+*/
+errorMessage: {
+type: StringConstructor;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
-* Only two colums are available.
+* Only two columns are available.
 *
 * If only one value is entered, then it will assume there's only one child in the group.
 * If two values are entered, the first value will be use for the first child and the second
@@ -4283,13 +4370,24 @@ type: PropType<BentoLayoutGroupProportions>;
 default: string;
 validator: (value: BentoLayoutGroupProportions) => boolean;
 };
+/**
+* The error message to be displayed for the whole group.
+*
+* If set, individual error messages for all components within this group will be hidden.
+* This is particularly useful for field pairs where a single group error is displayed.
+*/
+errorMessage: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 layout: BentoLayoutGroupProportions;
+errorMessage: string;
 }>, {
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_45: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_26<BentoHeaderWithViewsProps>, {
+declare const __VLS_export_46: __VLS_WithSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToOption_27<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -4301,7 +4399,7 @@ infoIconTooltipText: any;
 views: () => any[];
 disableAutoSelect: boolean;
 activeViewIndex: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToOption_26<BentoHeaderWithViewsProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_27<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -4331,10 +4429,10 @@ disableAutoSelect: boolean;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_46: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToOption_27<BentoImageProps>, {
+declare const __VLS_export_47: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToOption_28<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_27<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToOption_28<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -4342,15 +4440,15 @@ aspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}` | null;
 objectFit: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
 }>;
 
-declare const __VLS_export_47: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToOption_28<BentoInfoIconProps>, {
+declare const __VLS_export_48: DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_29<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToOption_28<BentoInfoIconProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToOption_29<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
 }>;
 
-declare const __VLS_export_48: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToOption_29<BentoInputFieldProps>, {
+declare const __VLS_export_49: __VLS_WithSlots_24<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_30<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -4376,7 +4474,7 @@ variant: BentoInputFieldVariant;
 }>, {
 focusInput: () => void;
 focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToOption_29<BentoInputFieldProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToOption_30<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -4442,7 +4540,57 @@ staticValuePosition: BentoInputFieldElementPosition | `${BentoInputFieldElementP
     }) => any;
 }>;
 
-declare const __VLS_export_49: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToOption_30<BentoInputFieldPasswordProps>, {
+declare const __VLS_export_5: __VLS_WithSlots_4<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
+/**
+* Adds a close button on the right side of the alert
+*/
+closeButton?: boolean;
+/**
+* Type of a alert; set a distinctive icon and color. Defaults to highlight.
+* @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING
+*/
+type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
+/**
+* Variant for the alert
+* @values DEFAULT, TIP
+*/
+variant?: BentoAlertVariant | `${BentoAlertVariant}`;
+}>, {
+closeButton: boolean;
+type: BentoAlertTypeOption;
+variant: BentoAlertVariant;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
+/**
+* Adds a close button on the right side of the alert
+*/
+closeButton?: boolean;
+/**
+* Type of a alert; set a distinctive icon and color. Defaults to highlight.
+* @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING
+*/
+type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
+/**
+* Variant for the alert
+* @values DEFAULT, TIP
+*/
+variant?: BentoAlertVariant | `${BentoAlertVariant}`;
+}>, {
+closeButton: boolean;
+type: BentoAlertTypeOption;
+variant: BentoAlertVariant;
+}>>>, {
+type: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
+variant: BentoAlertVariant | `${BentoAlertVariant}`;
+closeButton: boolean;
+}>, {
+    default?: (props: {}) => any;
+} & {
+    description?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_50: __VLS_WithSlots_25<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_31<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -4459,7 +4607,7 @@ validation: any;
 value: any;
 modelValue: any;
 withHint: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToOption_30<BentoInputFieldPasswordProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToOption_31<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -4499,61 +4647,11 @@ withHint: boolean;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_5: __VLS_WithSlots_4<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
-/**
-* Adds a close button on the right side of the alert
-*/
-closeButton?: boolean;
-/**
-* Type of a alert; set a distinctive icon and color. Defaults to highlight.
-* @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING
-*/
-type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
-/**
-* Variant for the alert
-* @values DEFAULT, TIP
-*/
-variant?: BentoAlertVariant | `${BentoAlertVariant}`;
-}>, {
-closeButton: boolean;
-type: BentoAlertTypeOption;
-variant: BentoAlertVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<{
-/**
-* Adds a close button on the right side of the alert
-*/
-closeButton?: boolean;
-/**
-* Type of a alert; set a distinctive icon and color. Defaults to highlight.
-* @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING
-*/
-type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
-/**
-* Variant for the alert
-* @values DEFAULT, TIP
-*/
-variant?: BentoAlertVariant | `${BentoAlertVariant}`;
-}>, {
-closeButton: boolean;
-type: BentoAlertTypeOption;
-variant: BentoAlertVariant;
-}>>>, {
-type: BentoAlertTypeOption | `${BentoAlertTypeOption}`;
-variant: BentoAlertVariant | `${BentoAlertVariant}`;
-closeButton: boolean;
-}>, {
-    default?: (props: {}) => any;
-} & {
-    description?: (props: {}) => any;
-} & {
-    actions?: (props: {}) => any;
-}>;
-
-declare const __VLS_export_50: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToOption_31<BentoInputFieldPhoneNumberProps>, {
+declare const __VLS_export_51: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToOption_31<BentoInputFieldPhoneNumberProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -4567,7 +4665,7 @@ countries: Array<BentoInputFieldPhoneNumberCountryCode>;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_51: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInputTimeProps>, {
+declare const __VLS_export_52: __VLS_WithSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoInputTimeProps>, {
 condensed: boolean;
 description: any;
 disabled: boolean;
@@ -4579,7 +4677,7 @@ placeholder: string;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInputTimeProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoInputTimeProps>, {
 condensed: boolean;
 description: any;
 disabled: boolean;
@@ -4609,7 +4707,7 @@ modelValue: BentoInputFieldValue;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_52: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoInspectorProps>, {
+declare const __VLS_export_53: __VLS_WithSlots_28<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -4617,7 +4715,7 @@ loading: boolean;
 size: string;
 relativeLayout: string;
 pageFocusAnchor: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoInspectorProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -4639,10 +4737,10 @@ pageFocusAnchor: HTMLElement;
     content?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_53: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoLayoutProps>, {
+declare const __VLS_export_54: __VLS_WithSlots_29<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToOption_35<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_34<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToOption_35<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -4652,9 +4750,9 @@ size: BentoLayoutSize;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_54: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToOption_35<BentoLayoutRowProps>, {
+declare const __VLS_export_55: __VLS_WithSlots_30<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_36<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToOption_35<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToOption_36<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -4666,9 +4764,9 @@ columnsLayout: BentoLayoutRowColumnLayout;
     'col-2'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_55: __VLS_WithSlots_31<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToOption_36<BentoListProps>, {
+declare const __VLS_export_56: __VLS_WithSlots_31<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoListProps>, {
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToOption_36<BentoListProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoListProps>, {
 type: string;
 }>>>, {
 type: BentoListType;
@@ -4676,14 +4774,14 @@ type: BentoListType;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_56: __VLS_WithSlots_32<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoListItemProps>, {
+declare const __VLS_export_57: __VLS_WithSlots_32<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_38<BentoListItemProps>, {
 showStatus: boolean;
 statusColor: string;
 tag: any;
 withChevron: boolean;
 showTopDivider: boolean;
 showBottomDivider: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoListItemProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToOption_38<BentoListItemProps>, {
 showStatus: boolean;
 statusColor: string;
 tag: any;
@@ -4707,11 +4805,11 @@ showBottomDivider: boolean;
     end?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_57: DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToOption_38<BentoLoadingIndicatorProps>, {
+declare const __VLS_export_58: DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToOption_39<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToOption_38<BentoLoadingIndicatorProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToOption_39<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -4721,9 +4819,19 @@ large: boolean;
 inverse: boolean;
 }>;
 
-declare const __VLS_export_58: __VLS_WithSlots_33<typeof __VLS_base, __VLS_Slots>;
+declare const __VLS_export_59: __VLS_WithSlots_33<typeof __VLS_base, __VLS_Slots>;
 
-declare const __VLS_export_59: __VLS_WithSlots_34<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToOption_39<BentoMenuProps>, {
+declare const __VLS_export_6: __VLS_WithSlots_5<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
+activeIndex: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
+activeIndex: any;
+}>>>, {
+activeIndex: AnchorScrollerListProps["activeIndex"];
+}>, {
+    default?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_60: __VLS_WithSlots_34<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToOption_40<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -4738,7 +4846,7 @@ closeOnClickOutsideOptions: any;
 * Control to enable programmatic closing of the menu
 */
 closeMenu: (revertFocus?: boolean) => Promise<void>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToOption_39<BentoMenuProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToOption_40<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -4764,17 +4872,7 @@ closeOnClickOutsideOptions: any;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_6: __VLS_WithSlots_5<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
-activeIndex: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToOption_3<BentoAnchorScrollerProps>, {
-activeIndex: any;
-}>>>, {
-activeIndex: AnchorScrollerListProps["activeIndex"];
-}>, {
-    default?: (props: {}) => any;
-}>;
-
-declare const __VLS_export_60: __VLS_WithSlots_35<DefineComponent<    {
+declare const __VLS_export_61: __VLS_WithSlots_35<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -5066,7 +5164,7 @@ dialogType: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoM
     content?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_61: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToOption_40<BentoModalPageProps>, {
+declare const __VLS_export_62: __VLS_WithSlots_36<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_41<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -5075,7 +5173,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToOption_40<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToOption_41<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -5105,7 +5203,7 @@ withColumnLayout: boolean;
     actions?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_62: __VLS_WithSlots_37<DefineComponent<    {
+declare const __VLS_export_63: __VLS_WithSlots_37<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -5207,7 +5305,7 @@ contextualLabel: string;
     header?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_63: __VLS_WithSlots_38<DefineComponent<    {
+declare const __VLS_export_64: __VLS_WithSlots_38<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -5324,7 +5422,7 @@ titleId: string;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_64: DefineComponent<    {
+declare const __VLS_export_65: DefineComponent<    {
 /**
 * Array of BentoButtonActionsList to show to the right of the title
 */
@@ -5467,7 +5565,7 @@ infoIconTooltipText: string;
 infoIconPopoverPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
 }>;
 
-declare const __VLS_export_65: __VLS_WithSlots_39<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToOption_41<BentoPaginationProps>, {
+declare const __VLS_export_66: __VLS_WithSlots_39<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_42<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -5478,7 +5576,7 @@ pageSizeItems: any;
 size: number;
 totalCount: any;
 virtualScroll: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToOption_41<BentoPaginationProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToOption_42<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -5504,11 +5602,11 @@ hidePageSize: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_66: DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToOption_42<BentoPaymentMethodProps>, {
+declare const __VLS_export_67: DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToOption_43<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToOption_42<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToOption_43<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
@@ -5518,7 +5616,7 @@ type: string;
 label: string;
 }>;
 
-declare const __VLS_export_67: __VLS_WithSlots_40<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToOption_43<BentoPopoverProps>, {
+declare const __VLS_export_68: __VLS_WithSlots_40<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToOption_44<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -5538,7 +5636,7 @@ trapAll: boolean;
 trapAllOptions: any;
 withoutSpace: boolean;
 overflowVisible: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToOption_43<BentoPopoverProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToOption_44<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -5586,13 +5684,13 @@ overflowVisible: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_68: __VLS_WithSlots_41<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToOption_44<BentoPromoBannerProps>, {
+declare const __VLS_export_69: __VLS_WithSlots_41<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToOption_45<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
 dismissButtonText: any;
 layout: BentoPromoBannerLayout;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToOption_44<BentoPromoBannerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToOption_45<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -5608,53 +5706,6 @@ dismissButtonText: string;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_69: __VLS_WithSlots_42<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToOption_45<BentoRadioGroupProps>, {
-description: any;
-disabled: boolean;
-errorMessage: any;
-formId: any;
-hasError: boolean;
-hideLabel: any;
-modelValue: any;
-optional: boolean;
-readonly: boolean;
-required: boolean;
-tooltipText: any;
-variant: BentoRadioGroupVariant;
-}>, {
-focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToOption_45<BentoRadioGroupProps>, {
-description: any;
-disabled: boolean;
-errorMessage: any;
-formId: any;
-hasError: boolean;
-hideLabel: any;
-modelValue: any;
-optional: boolean;
-readonly: boolean;
-required: boolean;
-tooltipText: any;
-variant: BentoRadioGroupVariant;
-}>>>, {
-description: string;
-variant: BentoRadioGroupVariant | `${BentoRadioGroupVariant}`;
-required: boolean;
-disabled: boolean;
-optional: boolean;
-readonly: boolean;
-tooltipText: string;
-hideLabel: boolean | null;
-errorMessage: string;
-modelValue: BentoRadioGroupValue | null;
-hasError: boolean;
-formId: string | null;
-}>, {
-    content?: (props: {}) => any;
-} & {
-    description?: (props: {}) => any;
-}>;
-
 declare const __VLS_export_7: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToOption_4<{
 /**
 * Displays the user profile without the label.
@@ -5700,7 +5751,54 @@ iconOnly: boolean;
 src: string;
 }>;
 
-declare const __VLS_export_70: __VLS_WithSlots_43<DefineComponent<    {
+declare const __VLS_export_70: __VLS_WithSlots_42<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_46<BentoRadioGroupProps>, {
+description: any;
+disabled: boolean;
+errorMessage: any;
+formId: any;
+hasError: boolean;
+hideLabel: any;
+modelValue: any;
+optional: boolean;
+readonly: boolean;
+required: boolean;
+tooltipText: any;
+variant: BentoRadioGroupVariant;
+}>, {
+focus: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToOption_46<BentoRadioGroupProps>, {
+description: any;
+disabled: boolean;
+errorMessage: any;
+formId: any;
+hasError: boolean;
+hideLabel: any;
+modelValue: any;
+optional: boolean;
+readonly: boolean;
+required: boolean;
+tooltipText: any;
+variant: BentoRadioGroupVariant;
+}>>>, {
+description: string;
+variant: BentoRadioGroupVariant | `${BentoRadioGroupVariant}`;
+required: boolean;
+disabled: boolean;
+optional: boolean;
+readonly: boolean;
+tooltipText: string;
+hideLabel: boolean | null;
+errorMessage: string;
+modelValue: BentoRadioGroupValue | null;
+hasError: boolean;
+formId: string | null;
+}>, {
+    content?: (props: {}) => any;
+} & {
+    description?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_71: __VLS_WithSlots_43<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -5823,7 +5921,7 @@ hasError: boolean;
     content?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_71: DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToOption_46<BentoRichTextEditorProps>, {
+declare const __VLS_export_72: DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToOption_47<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5833,7 +5931,7 @@ mode: string;
 required: boolean;
 tooltipText: any;
 value: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToOption_46<BentoRichTextEditorProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToOption_47<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5855,7 +5953,7 @@ hideLabel: boolean;
 errorMessage: string;
 }>;
 
-declare const __VLS_export_72: DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToOption_47<BentoSearchBarProps>, {
+declare const __VLS_export_73: DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -5867,7 +5965,7 @@ value: any;
 * Focus on the input field when called.
 */
 focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToOption_47<BentoSearchBarProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -5883,14 +5981,14 @@ hint: string;
 debounceTime: number;
 }>;
 
-declare const __VLS_export_73: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
+declare const __VLS_export_74: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
-declare const __VLS_export_74: DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSegmentedControlProps>, {
+declare const __VLS_export_75: DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_49<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
 modelValue: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoSegmentedControlProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToOption_49<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -5902,7 +6000,7 @@ modelValue: BentoSegmentedControlValue;
 fullWidth: boolean;
 }>;
 
-declare const __VLS_export_75: __VLS_WithSlots_44<DefineComponent<    {
+declare const __VLS_export_76: __VLS_WithSlots_44<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -6058,7 +6156,7 @@ fullyClickable: boolean;
     dynamicContent?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_76: __VLS_WithSlots_45<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToOption_49<BentoSelectionCardGroupProps>, {
+declare const __VLS_export_77: __VLS_WithSlots_45<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -6073,7 +6171,7 @@ required: boolean;
 tooltipText: any;
 readonly: boolean;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToOption_49<BentoSelectionCardGroupProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -6153,7 +6251,7 @@ itemsPerRow: BentoSelectionCardGroupItemsPerRow;
     dynamicContent?: (props: any) => any;
 }>;
 
-declare const __VLS_export_77: __VLS_WithSlots_46<DefineComponent<    {
+declare const __VLS_export_78: __VLS_WithSlots_46<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -6280,7 +6378,7 @@ destructiveActions: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_78: __VLS_WithSlots_47<DefineComponent<    {
+declare const __VLS_export_79: __VLS_WithSlots_47<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -6363,10 +6461,6 @@ isDismissible: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_79: __VLS_WithSlots_48<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
-    default?: (props: {}) => any;
-}>;
-
 declare const __VLS_export_8: __VLS_WithSlots_6<DefineComponent<    {
 /**
 * Reduces sizing of button
@@ -6489,7 +6583,11 @@ inverse: boolean;
     iconRight?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_80: __VLS_WithSlots_49<DefineComponent<    {
+declare const __VLS_export_80: __VLS_WithSlots_48<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
+    default?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_81: __VLS_WithSlots_49<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -6547,7 +6645,7 @@ index: number;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_81: __VLS_WithSlots_50<DefineComponent<    {
+declare const __VLS_export_82: __VLS_WithSlots_50<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -6586,7 +6684,7 @@ substepIndex: number;
     substeps?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_82: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<{
+declare const __VLS_export_83: __VLS_WithSlots_51<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_51<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -6610,7 +6708,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToOption_51<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -6641,14 +6739,14 @@ labelsWidth: number;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_83: __VLS_WithSlots_52<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
+declare const __VLS_export_84: __VLS_WithSlots_52<DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>, {
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_84: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToOption_51<BentoSummaryGridProps>, {
+declare const __VLS_export_85: __VLS_WithSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_52<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToOption_51<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToOption_52<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -6668,7 +6766,7 @@ slashedZero: boolean;
     [x: `cell-${number}-6`]: (props: {}) => any;
 }>;
 
-declare const __VLS_export_85: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_52<BentoSummaryGridItemAmountProps>, {
+declare const __VLS_export_86: __VLS_WithSlots_54<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6681,7 +6779,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToOption_52<BentoSummaryGridItemAmountProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6711,7 +6809,7 @@ secondaryMetric: string;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_86: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSummaryGridItemNumericProps>, {
+declare const __VLS_export_87: __VLS_WithSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_54<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6723,7 +6821,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToOption_53<BentoSummaryGridItemNumericProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToOption_54<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6751,7 +6849,7 @@ secondaryMetric: string;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_87: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToOption_54<BentoSummaryGridItemPercentageProps>, {
+declare const __VLS_export_88: __VLS_WithSlots_56<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_55<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6763,7 +6861,7 @@ trend: any;
 trendDirection: string;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToOption_54<BentoSummaryGridItemPercentageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToOption_55<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6791,13 +6889,13 @@ secondaryMetric: string | number;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_88: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_55<BentoSummaryGridItemTextProps>, {
+declare const __VLS_export_89: __VLS_WithSlots_57<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToOption_56<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
 underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToOption_55<BentoSummaryGridItemTextProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToOption_56<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -6813,30 +6911,6 @@ underlineTooltipText: string;
     'dashed-underline'?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_89: __VLS_WithSlots_58<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToOption_56<BentoSummaryGridItemCustomProps>, {
-copy: any;
-infoIconTooltipText: any;
-fitContent: boolean;
-underlinePopoverSize: string;
-underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToOption_56<BentoSummaryGridItemCustomProps>, {
-copy: any;
-infoIconTooltipText: any;
-fitContent: boolean;
-underlinePopoverSize: string;
-underlineTooltipText: any;
-}>>>, {
-copy: string;
-fitContent: boolean;
-infoIconTooltipText: string;
-underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
-underlineTooltipText: string;
-}>, {
-    'dashed-underline'?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-
 declare const __VLS_export_9: __VLS_WithSlots_7<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToOption_5<BentoAiButtonProps>, {
 link: any;
 type: string;
@@ -6859,7 +6933,31 @@ inverse: BentoButtonProps_2["inverse"];
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_90: DefineComponent<    {
+declare const __VLS_export_90: __VLS_WithSlots_58<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_57<BentoSummaryGridItemCustomProps>, {
+copy: any;
+infoIconTooltipText: any;
+fitContent: boolean;
+underlinePopoverSize: string;
+underlineTooltipText: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToOption_57<BentoSummaryGridItemCustomProps>, {
+copy: any;
+infoIconTooltipText: any;
+fitContent: boolean;
+underlinePopoverSize: string;
+underlineTooltipText: any;
+}>>>, {
+copy: string;
+fitContent: boolean;
+infoIconTooltipText: string;
+underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
+underlineTooltipText: string;
+}>, {
+    'dashed-underline'?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+
+declare const __VLS_export_91: DefineComponent<    {
 /**
 * Sets the active tab by its index (0 being the first tab item).
 */
@@ -6924,13 +7022,13 @@ activeTabIndex: number;
 stickyOptions: any;
 }>;
 
-declare const __VLS_export_91: __VLS_WithSlots_59<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToOption_57<BentoTabProps>, {
+declare const __VLS_export_92: __VLS_WithSlots_59<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_58<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
 setElementRef: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToOption_57<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToOption_58<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -6946,7 +7044,7 @@ withNotificationIndicator: boolean;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_92: DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToOption_58<BentoTextareaProps>, {
+declare const __VLS_export_93: DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_59<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -6965,7 +7063,7 @@ value: string;
 modelValue: string;
 }>, {
 focus: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToOption_58<BentoTextareaProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToOption_59<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -7001,13 +7099,13 @@ clearable: boolean;
 resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
 }>;
 
-declare const __VLS_export_93: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_59<BentoTimelineProps>, {
+declare const __VLS_export_94: __VLS_WithSlots_60<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_60<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "add-timeline-note": (...args: any[]) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToOption_59<BentoTimelineProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_60<__VLS_TypePropsToOption_60<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
@@ -7019,7 +7117,7 @@ timegapLimit: BentoTimelineGapObject;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_94: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToOption_60<BentoTimelineItemProps>, {
+declare const __VLS_export_95: __VLS_WithSlots_61<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToOption_61<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -7028,7 +7126,7 @@ tag: any;
 title: any;
 type: string;
 variant: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_60<__VLS_TypePropsToOption_60<BentoTimelineItemProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_61<__VLS_TypePropsToOption_61<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -7052,9 +7150,9 @@ dataList: BentoTimelineDataList;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_95: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
+declare const __VLS_export_96: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
-declare const __VLS_export_96: __VLS_WithSlots_62<DefineComponent<    {
+declare const __VLS_export_97: __VLS_WithSlots_62<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -7148,7 +7246,7 @@ labelPosition: "after" | "before" | BentoToggleLabelPosition;
     description?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_97: DefineComponent<    {
+declare const __VLS_export_98: DefineComponent<    {
 /**
 * The current step index. If provided, will start the tutorial in that step.
 */
@@ -7205,7 +7303,7 @@ index: number;
 scrollOptions: any;
 }>;
 
-declare const __VLS_export_98: __VLS_WithSlots_63<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToOption_61<BentoTypographyProps>, {
+declare const __VLS_export_99: __VLS_WithSlots_63<DefineComponent<__VLS_WithDefaults_62<__VLS_TypePropsToOption_62<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -7213,7 +7311,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_61<__VLS_TypePropsToOption_61<BentoTypographyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_62<__VLS_TypePropsToOption_62<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -7233,66 +7331,6 @@ variant: BentoTypographyVariant | `${BentoTypographyVariant}`;
     default?: (props: {}) => any;
 }>;
 
-declare const __VLS_export_99: __VLS_WithSlots_64<DefineComponent<__VLS_WithDefaults_62<__VLS_TypePropsToOption_62<{
-/**
-* The header that goes to the top of the template
-*/
-header: BentoDashboardTemplateHeader;
-/**
-* All the tab properties that can be set on the inner tab components.
-*  - tabs.activeTabIndex: the currently active tab index.
-*  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
-*/
-tabs?: BentoDashboardTemplateTabs;
-/**
-* Renders the tabs with a sticky positioning
-*/
-stickyTabs?: boolean;
-/**
-* Renders the tabs with a sticky positioning
-*/
-stickyFilters?: boolean;
-}>, {
-tabs: any;
-stickyTabs: boolean;
-stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_62<__VLS_TypePropsToOption_62<{
-/**
-* The header that goes to the top of the template
-*/
-header: BentoDashboardTemplateHeader;
-/**
-* All the tab properties that can be set on the inner tab components.
-*  - tabs.activeTabIndex: the currently active tab index.
-*  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
-*/
-tabs?: BentoDashboardTemplateTabs;
-/**
-* Renders the tabs with a sticky positioning
-*/
-stickyTabs?: boolean;
-/**
-* Renders the tabs with a sticky positioning
-*/
-stickyFilters?: boolean;
-}>, {
-tabs: any;
-stickyTabs: boolean;
-stickyFilters: boolean;
-}>>>, {
-tabs: BentoDashboardTemplateTabs;
-stickyFilters: boolean;
-stickyTabs: boolean;
-}>, {
-    [x: `tab-${number}`]: (props: {}) => any;
-} & {
-    infoIconTooltipContent?: (props: {}) => any;
-} & {
-    filters?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-
 declare type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {
@@ -7653,6 +7691,12 @@ declare type __VLS_PrettifyLocal_63<T> = (T extends any ? {
     [K in keyof T as K]: T[K];
 }) & {};
 
+declare type __VLS_PrettifyLocal_64<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};
+
 declare type __VLS_PrettifyLocal_7<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {
@@ -8221,6 +8265,15 @@ declare type __VLS_TypePropsToOption_63<T> = {
     };
 };
 
+declare type __VLS_TypePropsToOption_64<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<Required<T>[K]>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToOption_7<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<Required<T>[K]>;
@@ -8608,6 +8661,12 @@ declare type __VLS_WithDefaults_63<P, D> = {
     }> : P[K];
 };
 
+declare type __VLS_WithDefaults_64<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_64<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithDefaults_7<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_7<P[K] & {
         default: D[K];
@@ -9412,7 +9471,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: typeof __VLS_export_40;
+export declare const BentoBaseFilter: typeof __VLS_export_41;
 
 /**
  * Defines the mandatory emits that need to be defined by the implementation of any filter
@@ -9953,7 +10012,7 @@ export declare enum BentoCardTitleSize {
  *     `,
  * }
  */
-export declare const BentoCheckbox: typeof __VLS_export_30;
+export declare const BentoCheckbox: typeof __VLS_export_31;
 
 export declare enum BentoCheckboxEvent {
     UPDATE = "update:model-value",
@@ -9979,7 +10038,7 @@ export declare enum BentoCheckboxEvent {
  *     `
  * };
  */
-export declare const BentoCheckboxGroup: typeof __VLS_export_31;
+export declare const BentoCheckboxGroup: typeof __VLS_export_32;
 
 export declare type BentoCheckboxGroupEmits = FormFieldEmits<any>;
 
@@ -10056,7 +10115,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: typeof __VLS_export_32;
+export declare const BentoChip: typeof __VLS_export_33;
 
 export declare interface BentoChipProps {
     /**
@@ -10126,7 +10185,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: typeof __VLS_export_33;
+export declare const BentoCodeSnippet: typeof __VLS_export_34;
 
 export declare enum BentoCodeSnippetEvent {
     ACTION = "action",
@@ -10271,7 +10330,7 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: typeof __VLS_export_34;
+export declare const BentoCountry: typeof __VLS_export_35;
 
 export declare enum BentoCountryCode {
     BD = "BD",
@@ -10579,7 +10638,7 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: typeof __VLS_export_35;
+export declare const BentoCurrency: typeof __VLS_export_36;
 
 export declare enum BentoCurrencyISOCode {
     AED = "AED",
@@ -10814,7 +10873,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: typeof __VLS_export_100;
+export declare const BentoDashboardSection: typeof __VLS_export_101;
 
 /**
  * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.
@@ -10843,7 +10902,7 @@ export declare const BentoDashboardSection: typeof __VLS_export_100;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: typeof __VLS_export_99;
+export declare const BentoDashboardTemplate: typeof __VLS_export_100;
 
 export declare type BentoDashboardTemplateHeader = InstanceType<typeof BentoHeader>['$props'];
 
@@ -11157,7 +11216,7 @@ export declare const BentoDataGridTagWithTextCell: typeof __VLS_export_19;
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: typeof __VLS_export_101;
+export declare const BentoDataGridTemplate: typeof __VLS_export_102;
 
 export declare type BentoDataGridTemplateDataGrid = () => {
     additionalContentSlotRef?: Ref<UnwrapRef<HTMLDivElement>> | null;
@@ -11232,7 +11291,7 @@ export declare interface BentoDataGridVisibleRowsState {
  *     `
  * }
  */
-export declare const BentoDate: typeof __VLS_export_36;
+export declare const BentoDate: typeof __VLS_export_37;
 
 export declare interface BentoDateFilterOptions {
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek;
@@ -11519,7 +11578,7 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: typeof __VLS_export_29;
+export declare const BentoDivider: typeof __VLS_export_30;
 
 /**
  * Public types
@@ -11539,6 +11598,82 @@ declare enum BentoDividerVariant {
     VERTICAL = "vertical"
 }
 
+/**
+ * Bento drag and drop handle component.
+ *
+ * @example
+ * import { BentoDraggableHandle } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDraggableHandle },
+ *     template: `
+ *          <bento-draggable-handle
+ *              bottom
+ *              condensed
+ *              down
+ *              left
+ *              right
+ *              top
+ *              up
+ *              \@move-bottom="moveBottom(index)"
+ *              \@move-down="moveDown(index)"
+ *              \@move-left="moveLeft(index)"
+ *              \@move-right="moveRight(index)"
+ *              \@move-top="moveTop(index)"
+ *              \@move-up="moveUp(index)"
+ *          />
+ *     `,
+ *     setup() {
+ *          const moveBottom = () => {}
+ *          const moveDown = () => {}
+ *          const moveLeft = () => {}
+ *          const moveRight = () => {}
+ *          const moveTop = () => {}
+ *          const moveUp = () => {}
+ *     }
+ * }
+ */
+export declare const BentoDraggableHandle: typeof __VLS_export_23;
+
+export declare interface BentoDraggableHandleProps {
+    /**
+     * Reduces the size of the handle
+     * @default false
+     */
+    condensed?: BentoMenuProps['button']['condensed'];
+    /**
+     * Prevents the component from being dragged.
+     * Disables the handle
+     */
+    disabled?: boolean;
+    /**
+     * Allows to disable the menus individually
+     * @default {}
+     */
+    disabledMenus?: {
+        bottom?: boolean;
+        down?: boolean;
+        left?: boolean;
+        right?: boolean;
+        top?: boolean;
+        up?: boolean;
+    };
+    /**
+     * Title or label used to describe the element being dragged.
+     * Used for accessibility.
+     */
+    label: string;
+    /**
+     * Determines the set of directional actions available in the handle's context menu.
+     *
+     * - `'all-directions'`: Includes 'Move up', 'Move down', 'Move left', 'Move right', 'Move to top', and 'Move to bottom'.
+     * - `'up-and-down'`: Includes 'Move up', 'Move down', 'Move to top', and 'Move to bottom'.
+     *
+     * @default 'up-and-down'
+     */
+    variant?: 'all-directions' | 'up-and-down';
+}
+
 /**
  * A Dropdown shows a selected option's.
  * Use a dropdown when you want users to select options
@@ -11569,7 +11704,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: typeof __VLS_export_23;
+export declare const BentoDropdown: typeof __VLS_export_24;
 
 /**
  * A Avatar Dropdown showing a selectable list of countries.
@@ -11599,7 +11734,7 @@ export declare const BentoDropdown: typeof __VLS_export_23;
  *     }
  * }
  */
-export declare const BentoDropdownAvatar: typeof __VLS_export_24;
+export declare const BentoDropdownAvatar: typeof __VLS_export_25;
 
 export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
     /**
@@ -11640,7 +11775,7 @@ export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
  *     }
  * }
  */
-export declare const BentoDropdownCountry: typeof __VLS_export_25;
+export declare const BentoDropdownCountry: typeof __VLS_export_26;
 
 /**
  * A Currency Dropdown showing a selectable list of currencies.
@@ -11670,7 +11805,7 @@ export declare const BentoDropdownCountry: typeof __VLS_export_25;
  *     }
  * }
  */
-export declare const BentoDropdownCurrency: typeof __VLS_export_26;
+export declare const BentoDropdownCurrency: typeof __VLS_export_27;
 
 export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
     /**
@@ -11710,7 +11845,7 @@ export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
  *     }
  * }
  */
-export declare const BentoDropdownPaymentMethod: typeof __VLS_export_27;
+export declare const BentoDropdownPaymentMethod: typeof __VLS_export_28;
 
 export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
     /**
@@ -11876,7 +12011,7 @@ declare enum BentoDropdownSize_2 {
  *     }
  * }
  */
-export declare const BentoDropdownTag: typeof __VLS_export_28;
+export declare const BentoDropdownTag: typeof __VLS_export_29;
 
 export declare interface BentoDropdownTagProps extends BentoDropdownProps {
     /**
@@ -11913,7 +12048,7 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: typeof __VLS_export_37;
+export declare const BentoEmptyState: typeof __VLS_export_38;
 
 export declare enum BentoEmptyStateImage {
     GENERIC_USE1 = "1-generic-use",
@@ -12009,7 +12144,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: typeof __VLS_export_38;
+export declare const BentoFileUploader: typeof __VLS_export_39;
 
 export declare interface BentoFileUploaderProps extends FormField {
     /**
@@ -12078,7 +12213,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: typeof __VLS_export_39;
+export declare const BentoFilterBar: typeof __VLS_export_40;
 
 export declare interface BentoFilterBarContainerSizeLayout {
     /**
@@ -12197,7 +12332,12 @@ export declare interface BentoFilterBarProps<CustomValue = BentoFilterBarValue |
 
 export declare type BentoFilterBarScreenOptionsLayout = 'one-line' | 'multi-line';
 
-export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProps, 'value' | 'condensed'>;
+export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProps, 'value' | 'condensed'> & {
+    /**
+     * CSS width value applied to the search box element (e.g. `'200px'`, `'50%'`).
+     */
+    width?: string;
+};
 
 export declare type BentoFilterBarSearchTerm = BentoSearchBarProps['value'];
 
@@ -12295,7 +12435,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: typeof __VLS_export_41;
+export declare const BentoFormLayout: typeof __VLS_export_42;
 
 /**
  * You can help users provide accurate and well formatted information
@@ -12319,7 +12459,7 @@ export declare const BentoFormLayout: typeof __VLS_export_41;
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: typeof __VLS_export_42;
+export declare const BentoFormLayoutFieldTip: typeof __VLS_export_43;
 
 declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
 
@@ -12343,7 +12483,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: typeof __VLS_export_44;
+export declare const BentoFormLayoutGroup: typeof __VLS_export_45;
 
 /**
  * If you’re building a lengthy form, organize related
@@ -12367,9 +12507,9 @@ export declare const BentoFormLayoutGroup: typeof __VLS_export_44;
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: typeof __VLS_export_43;
+export declare const BentoFormLayoutTitle: typeof __VLS_export_44;
 
-export declare const BentoHeader: typeof __VLS_export_64;
+export declare const BentoHeader: typeof __VLS_export_65;
 
 declare interface BentoHeaderReloadButton {
     title: string;
@@ -12419,7 +12559,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: typeof __VLS_export_45;
+export declare const BentoHeaderWithViews: typeof __VLS_export_46;
 
 export declare interface BentoHeaderWithViewsItem {
     /**
@@ -12618,7 +12758,7 @@ export declare const BentoHighlightDirective: {
  *     `
  * }
  */
-export declare const BentoImage: typeof __VLS_export_46;
+export declare const BentoImage: typeof __VLS_export_47;
 
 export declare enum BentoImageAspectRatio {
     LANDSCAPE = "landscape",
@@ -12662,7 +12802,7 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '@adyen/bento-vue2';
  * </scrip>
  */
-export declare const BentoInfoIcon: typeof __VLS_export_47;
+export declare const BentoInfoIcon: typeof __VLS_export_48;
 
 export declare interface BentoInfoIconProps {
     /**
@@ -12721,7 +12861,7 @@ export declare interface BentoInputDropdownProps {
  *          >
  * }
  */
-export declare const BentoInputField: typeof __VLS_export_48;
+export declare const BentoInputField: typeof __VLS_export_49;
 
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
@@ -12772,7 +12912,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: typeof __VLS_export_49;
+export declare const BentoInputFieldPassword: typeof __VLS_export_50;
 
 export declare type BentoInputFieldPasswordDefaultRuleKeys = 'minLength' | 'requireLowercase' | 'requireNumeric' | 'requireSpecialCharacter' | 'requireUppercase';
 
@@ -12866,7 +13006,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: typeof __VLS_export_50;
+export declare const BentoInputFieldPhoneNumber: typeof __VLS_export_51;
 
 /**
  * A constant array containing all supported country codes for the phone number input field.
@@ -13114,7 +13254,7 @@ export declare type BentoInputFilterValue = string | null | BentoInputFilterInpu
  *     `
  * }
  */
-export declare const BentoInputTime: typeof __VLS_export_51;
+export declare const BentoInputTime: typeof __VLS_export_52;
 
 export declare interface BentoInputTimeProps extends FormField {
     /**
@@ -13163,7 +13303,7 @@ export declare interface BentoInpuWithDropdowntFilterValue {
  *     `
  * }
  */
-export declare const BentoInspector: typeof __VLS_export_52;
+export declare const BentoInspector: typeof __VLS_export_53;
 
 export declare interface BentoInspectorProps {
     /**
@@ -13260,7 +13400,7 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: typeof __VLS_export_53;
+export declare const BentoLayout: typeof __VLS_export_54;
 
 declare type BentoLayoutGroupProportions = '33-33-33' | '50-50' | '25-75' | '75-25' | '33-66' | '66-33' | '25' | '33' | '50' | '100';
 
@@ -13295,7 +13435,7 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: typeof __VLS_export_54;
+export declare const BentoLayoutRow: typeof __VLS_export_55;
 
 export declare type BentoLayoutRowColumnLayout = (typeof BentoLayoutRowColumnLayoutOptions)[number];
 
@@ -13319,7 +13459,7 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: typeof __VLS_export_58;
+export declare const BentoLink: typeof __VLS_export_59;
 
 declare type BentoLinkProps = RouterLinkProps & LinkProps_2;
 
@@ -13364,7 +13504,7 @@ declare enum BentoLinkVariant_2 {
  *     `
  * }
  */
-export declare const BentoList: typeof __VLS_export_55;
+export declare const BentoList: typeof __VLS_export_56;
 
 declare type BentoListboxEmptyStateProps = {
     action: {
@@ -13469,7 +13609,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoListItem: typeof __VLS_export_56;
+export declare const BentoListItem: typeof __VLS_export_57;
 
 export declare interface BentoListItemProps {
     /**
@@ -13565,7 +13705,7 @@ declare enum BentoLoadingButtonState_2 {
  *     `
  * };
  */
-export declare const BentoLoadingIndicator: typeof __VLS_export_57;
+export declare const BentoLoadingIndicator: typeof __VLS_export_58;
 
 export declare enum BentoLoadingIndicatorEvent {
     START = "loading-start",
@@ -13604,7 +13744,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: typeof __VLS_export_59;
+export declare const BentoMenu: typeof __VLS_export_60;
 
 export declare interface BentoMenuButtonProps {
     'aria-label'?: HTMLAttributes['aria-label'];
@@ -13806,7 +13946,7 @@ declare interface BentoMenuProps_2 {
  *     `
  * };
  */
-export declare const BentoModal: typeof __VLS_export_60;
+export declare const BentoModal: typeof __VLS_export_61;
 
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
@@ -13853,7 +13993,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: typeof __VLS_export_62;
+export declare const BentoModalFullscreen: typeof __VLS_export_63;
 
 /**
  * ModalFullscreenPage is used to render different pages of ModalFullscreen component
@@ -13892,7 +14032,7 @@ export declare const BentoModalFullscreen: typeof __VLS_export_62;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: typeof __VLS_export_63;
+export declare const BentoModalFullscreenPage: typeof __VLS_export_64;
 
 /**
  * ModalPage is used to render different pages of the Modal component
@@ -13935,7 +14075,7 @@ export declare const BentoModalFullscreenPage: typeof __VLS_export_63;
  *     `
  * }
  */
-export declare const BentoModalPage: typeof __VLS_export_61;
+export declare const BentoModalPage: typeof __VLS_export_62;
 
 export declare interface BentoModalPageProps {
     /**
@@ -14059,7 +14199,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: typeof __VLS_export_65;
+export declare const BentoPagination: typeof __VLS_export_66;
 
 export declare interface BentoPaginationProps {
     /**
@@ -14117,7 +14257,7 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: typeof __VLS_export_66;
+export declare const BentoPaymentMethod: typeof __VLS_export_67;
 
 export declare type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
     value: string;
@@ -15306,7 +15446,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: typeof __VLS_export_67;
+export declare const BentoPopover: typeof __VLS_export_68;
 
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
@@ -15481,7 +15621,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: typeof __VLS_export_68;
+export declare const BentoPromoBanner: typeof __VLS_export_69;
 
 /**
  * @deprecated for usage with generic. Remove the generic and use it as `BentoPromoBannerAction`.
@@ -15606,7 +15746,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: typeof __VLS_export_70;
+export declare const BentoRadioButton: typeof __VLS_export_71;
 
 export declare enum BentoRadioButtonStateClass {
     DISABLED = "disabled",
@@ -15638,7 +15778,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: typeof __VLS_export_69;
+export declare const BentoRadioGroup: typeof __VLS_export_70;
 
 export declare type BentoRadioGroupEmits = FormFieldEmits<BentoRadioGroupValue>;
 
@@ -15780,7 +15920,7 @@ export declare interface BentoRangeFilterOptions {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: typeof __VLS_export_71;
+export declare const BentoRichTextEditor: typeof __VLS_export_72;
 
 /**
  * Private
@@ -15872,7 +16012,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: typeof __VLS_export_72;
+export declare const BentoSearchBar: typeof __VLS_export_73;
 
 export declare type BentoSearchBarData = Array<BentoSearchBarItem>;
 
@@ -15947,7 +16087,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: typeof __VLS_export_73;
+export declare const BentoSecondaryNav: typeof __VLS_export_74;
 
 export declare type BentoSecondaryNavItems = Array<BentoSecondaryNavItemsItem | BentoSecondaryNavItemsCategory>;
 
@@ -15983,7 +16123,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: typeof __VLS_export_74;
+export declare const BentoSegmentedControl: typeof __VLS_export_75;
 
 /**
  * @deprecated from version 2.0.0. Use "@update:model-value" or "v-model" instead
@@ -16168,7 +16308,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: typeof __VLS_export_75;
+export declare const BentoSelectionCard: typeof __VLS_export_76;
 
 /**
  * Group of bento-selection-cards.
@@ -16205,7 +16345,7 @@ export declare const BentoSelectionCard: typeof __VLS_export_75;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: typeof __VLS_export_76;
+export declare const BentoSelectionCardGroup: typeof __VLS_export_77;
 
 export declare type BentoSelectionCardGroupEmits = FormFieldEmits<BentoSelectionCardModelValue>;
 
@@ -16327,7 +16467,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: typeof __VLS_export_78;
+export declare const BentoSidepanel: typeof __VLS_export_79;
 
 export declare enum BentoSidepanelEvent {
     UPDATE_ACTIVE_PAGE = "update:active-page",
@@ -16370,7 +16510,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: typeof __VLS_export_77;
+export declare const BentoSidepanelPage: typeof __VLS_export_78;
 
 /**
  * A Status component is used to indicate a
@@ -16388,7 +16528,7 @@ export declare const BentoSidepanelPage: typeof __VLS_export_77;
  *     `
  * }
  */
-export declare const BentoStatus: typeof __VLS_export_79;
+export declare const BentoStatus: typeof __VLS_export_80;
 
 export declare interface BentoStatusProps {
     /**
@@ -16431,7 +16571,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: typeof __VLS_export_81;
+export declare const BentoStep: typeof __VLS_export_82;
 
 /**
  * Steppers break down complex processes into manageable steps to guide users through a sequential or multi-step process.
@@ -16450,7 +16590,7 @@ export declare const BentoStep: typeof __VLS_export_81;
  *     `
  * }
  */
-export declare const BentoStepper: typeof __VLS_export_80;
+export declare const BentoStepper: typeof __VLS_export_81;
 
 export declare type BentoStepperState = Ref<{
     activeStepIndex: number;
@@ -16508,7 +16648,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: typeof __VLS_export_82;
+export declare const BentoStructuredList: typeof __VLS_export_83;
 
 /**
  * This is an item of the `BentoStructuredList` meant to be used only with that component.
@@ -16533,7 +16673,7 @@ export declare const BentoStructuredList: typeof __VLS_export_82;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: typeof __VLS_export_83;
+export declare const BentoStructuredListItem: typeof __VLS_export_84;
 
 declare type BentoStructuredListLayoutOptions = '25-75' | '33-66' | '42-58' | '50-50' | '75-25' | '66-33' | '58-42';
 
@@ -16561,7 +16701,7 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: typeof __VLS_export_84;
+export declare const BentoSummaryGrid: typeof __VLS_export_85;
 
 export declare interface BentoSummaryGridColumnWidth {
     row1: GridLayoutColumnWidths;
@@ -16590,7 +16730,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: typeof __VLS_export_85;
+export declare const BentoSummaryGridItemAmount: typeof __VLS_export_86;
 
 export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGridItemProps {
     /**
@@ -16622,7 +16762,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: typeof __VLS_export_89;
+export declare const BentoSummaryGridItemCustom: typeof __VLS_export_90;
 
 export declare interface BentoSummaryGridItemCustomProps {
     /**
@@ -16671,7 +16811,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: typeof __VLS_export_86;
+export declare const BentoSummaryGridItemNumeric: typeof __VLS_export_87;
 
 export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGridItemProps {
     /**
@@ -16704,7 +16844,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: typeof __VLS_export_87;
+export declare const BentoSummaryGridItemPercentage: typeof __VLS_export_88;
 
 export declare interface BentoSummaryGridItemPercentageProps extends BaseSummaryGridItemProps {
     /**
@@ -16752,7 +16892,7 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: typeof __VLS_export_88;
+export declare const BentoSummaryGridItemText: typeof __VLS_export_89;
 
 export declare interface BentoSummaryGridItemTextProps {
     /**
@@ -16839,7 +16979,7 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: typeof __VLS_export_91;
+export declare const BentoTab: typeof __VLS_export_92;
 
 /**
  * Private
@@ -16921,7 +17061,7 @@ export declare interface BentoTabProps {
  *     `
  * };
  */
-export declare const BentoTabs: typeof __VLS_export_90;
+export declare const BentoTabs: typeof __VLS_export_91;
 
 declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
@@ -17022,7 +17162,7 @@ declare interface BentoTeleportProps_2 {
     // NOTE: "where" is not added as it doesn't exist in Vue3
 }
 
-export declare const BentoTextarea: typeof __VLS_export_92;
+export declare const BentoTextarea: typeof __VLS_export_93;
 
 declare interface BentoTextareaProps extends FormField {
     /**
@@ -17123,7 +17263,7 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: typeof __VLS_export_93;
+export declare const BentoTimeline: typeof __VLS_export_94;
 
 export declare interface BentoTimelineConfigData {
     showAll: Ref<boolean>;
@@ -17184,7 +17324,7 @@ export declare enum BentoTimelineGapUnit {
  *     `
  * }
  */
-export declare const BentoTimelineItem: typeof __VLS_export_94;
+export declare const BentoTimelineItem: typeof __VLS_export_95;
 
 export declare interface BentoTimelineItemProps {
     /**
@@ -17303,7 +17443,7 @@ export declare interface BentoTimelineTimestamp {
     description?: BentoDashedUnderlineProps;
 }
 
-export declare const BentoToast: typeof __VLS_export_95;
+export declare const BentoToast: typeof __VLS_export_96;
 
 export declare interface BentoToastItem extends BentoToastItemParams {
     id: string;
@@ -17341,7 +17481,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: typeof __VLS_export_96;
+export declare const BentoToggle: typeof __VLS_export_97;
 
 /**
  * Toggle button is used to switch between two states (example: menu shown, menu hidden).
@@ -17521,7 +17661,7 @@ export declare enum BentoTooltipState {
  *     `
  * }
  */
-export declare const BentoTutorial: typeof __VLS_export_97;
+export declare const BentoTutorial: typeof __VLS_export_98;
 
 export declare type BentoTutorialScrollOptions = boolean | ScrollIntoViewOptions;
 
@@ -17552,7 +17692,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: typeof __VLS_export_98;
+export declare const BentoTypography: typeof __VLS_export_99;
 
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
@@ -18134,7 +18274,7 @@ export declare interface ToastStack {
 }
 
 /**
- * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.
+ * Composable that transforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.
  *
  * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.
  * Function that transform Zod’s schemas into something that can be understood by vee-validate