@adyen/bento-vue3 1.71.0 → 1.73.0

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

@@ -17,9 +17,8 @@ import type { DirectiveHook } from 'vue';
 import { ExtractComputedReturns } from 'vue/types/v3-component-options';
 import { ExtractPropTypes } from 'vue';
 import { HTMLAttributes } from 'vue';
-import type { Middleware } from '@floating-ui/vue';
-import { MiddlewareReturn } from '@floating-ui/vue';
-import { MiddlewareState } from '@floating-ui/vue';
+import type { MaybeElementRef as MaybeElementRef_2 } from '@/types/elements';
+import type { Options } from 'focus-trap/index';
 import type { Placement } from '@floating-ui/vue';
 import type { Plugin } from 'vue';
 import { PropType } from 'vue';
@@ -32,6 +31,7 @@ import { UnwrapRef } from 'vue';
 import { VNode } from 'vue';
 import type { VNodeRef } from 'vue/types/vnode';
 import { Vue3Instance } from 'vue/types/v3-component-public-instance';
+import type { VueNodeElement as VueNodeElement_2 } from '@/types/elements';
 import type { ZodSchema } from 'zod';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -132,6 +132,10 @@ declare type __VLS_NonUndefinedable_52<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_53<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_54<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_55<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
@@ -581,6 +585,24 @@ declare type __VLS_TypePropsToRuntimeProps_53<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_54<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_54<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_55<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_55<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_6<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_6<T[K]>>;
@@ -893,6 +915,18 @@ declare type __VLS_WithDefaults_50<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_51<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_52<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_6<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1585,7 +1619,7 @@ declare interface BentoActionButton_2 extends BentoButtonActionBase_2, BentoButt
 /**
  * Type for the Menus passed as objects to Button Actions
  */
-declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps, 'button' | 'data'> & Partial<Pick<BentoMenuProps, 'data'>>;
+declare type BentoActionMenu = BentoButtonActionBase & OmitStrict_2<BentoMenuProps, 'button' | 'data'> & Partial<Pick<BentoMenuProps, 'data'>>;
 
 /**
  * Type for the Menus passed as objects to Button Actions
@@ -1594,6 +1628,69 @@ declare type BentoActionMenu_2 = BentoButtonActionBase_2 &
 OmitStrict_2<BentoMenuProps_2, 'button' | 'data'> &
 Partial<Pick<BentoMenuProps_2, 'data'>>;
 
+/**
+ * AI Button component is used for cases where pressing a button starts an AI-related action.
+ *
+ * @example
+ * import { BentoAiButton } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoAiButton },
+ *     template: `
+ *        <bento-ai-button @click="onClick">Generate with AI</bento-ai-button>
+ *     `
+ * }
+ */
+export declare const BentoAiButton: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoAiButtonProps>, {
+link: any;
+type: string;
+condensed: boolean;
+disabled: boolean;
+inverse: boolean;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (event: MouseEvent) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoAiButtonProps>, {
+link: any;
+type: string;
+condensed: boolean;
+disabled: boolean;
+inverse: boolean;
+}>>>, {
+link: BentoButtonProps_2["link"];
+type: BentoButtonProps_2["type"];
+condensed: BentoButtonProps_2["condensed"];
+disabled: BentoButtonProps_2["disabled"];
+inverse: BentoButtonProps_2["inverse"];
+}>, {
+    default: (_: {}) => any;
+}>;
+
+export declare interface BentoAiButtonProps {
+    /**
+     * Reduces size of the button
+     */
+    condensed?: BentoButtonProps['condensed'];
+    /**
+     * Disables button functionality
+     */
+    disabled?: BentoButtonProps['disabled'];
+    /**
+     * Sets color set to inverse
+     */
+    inverse?: BentoButtonProps['inverse'];
+    /**
+     * Object containing props passed on to the BentoLink component.
+     *
+     * @see BentoLink documentation for which properties you can pass.
+     */
+    link?: BentoButtonProps['link'];
+    /**
+     * The default behavior of the button.
+     * Possible values are: 'button', 'reset', 'submit'
+     */
+    type?: BentoButtonProps['type'];
+}
+
 /**
  * An Alert component is used to display a persistent
  * notification containing information important to the user
@@ -1979,10 +2076,10 @@ export declare type BentoButtonActionObject = BentoActionButton;
  *     />
  * </template>
  */
-export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
+export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoButtonActionsProps>, {
 inverse: boolean;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoButtonActionsProps>, {
 inverse: boolean;
 layout: string;
 }>>>, {
@@ -2003,6 +2100,13 @@ export declare const BentoButtonActionsLayout: {
 
 export declare type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;
 
+/**
+ * @deprecated for usage with properties since version 2.0. Use the string literal instead.
+ */
+declare const BentoButtonActionsLayout_2 = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };
+
+declare type BentoButtonActionsLayout_2 = BentoButtonActionsLayoutBasic_2 | BentoButtonActionsLayoutExtended_2;
+
 export declare enum BentoButtonActionsLayoutBasic {
     BUTTONS_END = "buttons-end",
     FILL_CONTAINER = "fill-container",
@@ -2010,10 +2114,21 @@ export declare enum BentoButtonActionsLayoutBasic {
     VERTICAL_STACK = "vertical-stack"
 }
 
+declare enum BentoButtonActionsLayoutBasic_2 {
+    BUTTONS_END = 'buttons-end',
+    FILL_CONTAINER = 'fill-container',
+    SPACE_BETWEEN = 'space-between',
+    VERTICAL_STACK = 'vertical-stack',
+}
+
 export declare enum BentoButtonActionsLayoutExtended {
     BUTTONS_START = "buttons-start"
 }
 
+declare enum BentoButtonActionsLayoutExtended_2 {
+    BUTTONS_START = 'buttons-start',
+}
+
 export declare type BentoButtonActionsList = Array<BentoActionButton & BentoActionMenu>;
 
 declare type BentoButtonActionsList_2 = Array<BentoActionButton_2 & BentoActionMenu_2>;
@@ -2136,7 +2251,7 @@ declare enum BentoButtonVariant_2 {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
+export declare const BentoCard: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2211,7 +2326,7 @@ titleSize: BentoCardTitleSize;
 click: () => void;
 } & {
 expanded: (isExpanded: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2288,8 +2403,8 @@ disabled: boolean;
 background: BentoCardBackground | `${BentoCardBackground}`;
 actions: BentoButtonActionsList;
 actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
-expandable: boolean;
 closed: boolean;
+expandable: boolean;
 clickable: boolean;
 }>, {
     image: (_: {}) => any;
@@ -2547,8 +2662,8 @@ disabled: boolean;
 tag: any;
 optional: boolean;
 readonly: boolean;
-errorMessage: string;
 ariaLabel: string;
+errorMessage: string;
 indeterminate: boolean;
 hasError: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
@@ -2894,7 +3009,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -2902,7 +3017,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -2984,7 +3099,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -2994,7 +3109,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3006,8 +3121,8 @@ loading: boolean;
 variant: BentoCodeSnippetVariant;
 }>>>, {
 variant: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
-content: string;
 loading: boolean;
+content: string;
 expandable: boolean;
 actionable: boolean;
 actionableText: string;
@@ -3509,13 +3624,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3762,7 +3877,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<{
 /**
 * The header of the section
 */
@@ -3773,7 +3888,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<{
 /**
 * The header of the section
 */
@@ -3821,7 +3936,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<{
 /**
 * The header that goes to the top of the template
 */
@@ -3844,7 +3959,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<{
 /**
 * The header that goes to the top of the template
 */
@@ -3902,7 +4017,7 @@ export declare type BentoDashboardTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
+export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -3912,7 +4027,7 @@ disabled: boolean;
 };
 tooltipText: any;
 tooltipPosition: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -3923,9 +4038,9 @@ disabled: boolean;
 tooltipText: any;
 tooltipPosition: string;
 }>>>, {
+teleport: BentoDashedUnderlineTeleport;
 tooltipPosition: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
 tooltipText: string;
-teleport: BentoDashedUnderlineTeleport;
 popoverText: string;
 popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
 popoverTitle: string;
@@ -4032,7 +4147,7 @@ declare type BentoDashedUnderlineTeleport_2 = BentoTeleportProps_2;
  *     `
  * }
  */
-export declare const BentoDataGrid: __VLS_WithTemplateSlots_9<DefineComponent<    {
+export declare const BentoDataGrid: __VLS_WithTemplateSlots_10<DefineComponent<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -4130,6 +4245,19 @@ type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
+* An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
+*
+*  @example
+* {
+*   'company': '200',
+*   'name': 'some text'
+* },
+*/
+filterValuesObject: {
+type: PropType<BentoFilterValueObject>;
+default: () => any;
+};
+/**
 * Filter's search bar properties with which the placeholder, hint and other
 * "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
 */
@@ -4244,6 +4372,7 @@ default: any;
 };
 /**
 * Adds an extra option when selecting all items that allows user to select items in other pages too.
+* Needs pagination.totalCount to be set.
 */
 selectableAcrossPages: {
 type: BooleanConstructor;
@@ -4338,7 +4467,7 @@ default: boolean;
 };
 }, {
 onEmptyStateClearResetButtonClick: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -4436,6 +4565,19 @@ type: PropType<BentoFilterValues>;
 default: () => any[];
 };
 /**
+* An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
+*
+*  @example
+* {
+*   'company': '200',
+*   'name': 'some text'
+* },
+*/
+filterValuesObject: {
+type: PropType<BentoFilterValueObject>;
+default: () => any;
+};
+/**
 * Filter's search bar properties with which the placeholder, hint and other
 * "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
 */
@@ -4550,6 +4692,7 @@ default: any;
 };
 /**
 * Adds an extra option when selecting all items that allows user to select items in other pages too.
+* Needs pagination.totalCount to be set.
 */
 selectableAcrossPages: {
 type: BooleanConstructor;
@@ -4645,11 +4788,12 @@ default: boolean;
 }>>, {
 filters: BentoFilterBarModel;
 condensed: boolean;
-outline: boolean;
 loading: boolean;
+outline: boolean;
 fitContent: boolean;
 lazyLoadType: BentoLazyLoadType;
 emptyState: any;
+slashedZero: boolean;
 pagination: any;
 hasResizableColumns: boolean;
 selectable: boolean;
@@ -4666,8 +4810,8 @@ hasNestedRows: boolean;
 highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
-slashedZero: boolean;
 filterValues: BentoFilterValues;
+filterValuesObject: BentoFilterValueObject;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
@@ -4721,6 +4865,7 @@ export declare enum BentoDatagridEvent {
     UPDATE_CONDENSED = "update:condensed",
     UPDATE_FILTERS = "update:filters",
     UPDATE_FILTER_VALUES = "update:filter-values",
+    UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object",
     UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
     UPDATE_PAGINATION = "update:pagination",
     UPDATE_SELECTION = "update:selection",
@@ -4772,7 +4917,7 @@ export declare enum BentoDatagridSortDirection {
  *     `
  * }
  */
-export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
+export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
 /**
 * Renderes the icon with color.
 */
@@ -4788,7 +4933,7 @@ variant?: BentoDataGridStaticIconVariant;
 }>, {
 variant: string;
 colored: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
 /**
 * Renderes the icon with color.
 */
@@ -4838,11 +4983,11 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDataGridSummaryCellProps>, {
+export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDataGridSummaryCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
@@ -5068,8 +5213,8 @@ tabs: BentoDataGridTemplateTabs;
 inspector: {
 title: string;
 isOpen?: boolean;
-size?: BentoInspectorSize;
 loading?: boolean;
+size?: BentoInspectorSize;
 expandable?: boolean;
 relativeLayout?: BentoInspectorRelativeLayout;
 pageFocusAnchor?: HTMLElement;
@@ -5119,11 +5264,11 @@ export declare type BentoDataGridTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5317,6 +5462,7 @@ dateErrorId: string;
 popoverAriaLabel: ComputedRef<string>;
 ariaDescribedBy: ComputedRef<string>;
 textInputValue: Ref<string>;
+initialFocusOnDatePickerOpen: any;
 closeDatePicker: () => void;
 clearDatePickerValue: () => Promise<void>;
 onDateSelected: (selectedDate: Date) => void;
@@ -5890,9 +6036,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -5946,7 +6092,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -5981,7 +6127,7 @@ focus: () => void;
 input: (selectedValue: any) => void;
 } & {
 "show-more": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoDropdownProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -6018,15 +6164,15 @@ label: string;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
+loading: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
 size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-loading: boolean;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 items: BentoListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
@@ -6036,8 +6182,8 @@ emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
-placeholder: string;
 showSlotContentInMultiple: boolean;
+placeholder: string;
 enableValueLabelPair: boolean;
 }>, Record<string, (_: any) => any> & Record<string, (_: any) => any> & {
     description: (_: {}) => any;
@@ -6071,11 +6217,11 @@ enableValueLabelPair: boolean;
  *     }
  * }
  */
-export declare const BentoDropdownAvatar: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownAvatarProps>, {
+export declare const BentoDropdownAvatar: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDropdownAvatarProps>, {
 items: () => any[];
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownAvatarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDropdownAvatarProps>, {
 items: () => any[];
 }>>>, {
 items: BentoAvatarListboxOptions;
@@ -6175,6 +6321,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 error: {
 type: PropType<boolean>;
 } & {
@@ -6200,22 +6351,17 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-tooltipText: {
+ariaLabel: {
 type: PropType<string>;
 } & {
 default: any;
 };
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-ariaLabel: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -6260,16 +6406,16 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-placeholder: {
-type: PropType<string>;
-} & {
-default: any;
-};
 showSlotContentInMultiple: {
 type: PropType<boolean>;
 } & {
 default: boolean;
 };
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
 enableValueLabelPair: {
 type: PropType<boolean>;
 } & {
@@ -6332,6 +6478,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 error: {
 type: PropType<boolean>;
 } & {
@@ -6357,22 +6508,17 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-loading: {
-type: PropType<boolean>;
-} & {
-default: boolean;
-};
-tooltipText: {
+ariaLabel: {
 type: PropType<string>;
 } & {
 default: any;
 };
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-ariaLabel: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -6417,16 +6563,16 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
-placeholder: {
-type: PropType<string>;
-} & {
-default: any;
-};
 showSlotContentInMultiple: {
 type: PropType<boolean>;
 } & {
 default: boolean;
 };
+placeholder: {
+type: PropType<string>;
+} & {
+default: any;
+};
 enableValueLabelPair: {
 type: PropType<boolean>;
 } & {
@@ -6441,15 +6587,15 @@ variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVari
 required: boolean;
 condensed: boolean;
 disabled: boolean;
+loading: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
 size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
-loading: boolean;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 items: BentoCountryListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
@@ -6459,8 +6605,8 @@ emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
-placeholder: string;
 showSlotContentInMultiple: boolean;
+placeholder: string;
 enableValueLabelPair: boolean;
 }>;
 
@@ -6492,11 +6638,11 @@ enableValueLabelPair: boolean;
  *     }
  * }
  */
-export declare const BentoDropdownCurrency: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownCurrencyProps>, {
+export declare const BentoDropdownCurrency: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownCurrencyProps>, {
 items: () => any[];
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownCurrencyProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownCurrencyProps>, {
 items: () => any[];
 }>>>, {
 items: BentoCurrencyListboxOptions;
@@ -6540,11 +6686,11 @@ export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
  *     }
  * }
  */
-export declare const BentoDropdownPaymentMethod: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDropdownPaymentMethodProps>, {
+export declare const BentoDropdownPaymentMethod: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownPaymentMethodProps>, {
 items: () => any[];
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDropdownPaymentMethodProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownPaymentMethodProps>, {
 items: () => any[];
 }>>>, {
 items: BentoPaymentMethodListboxOptions;
@@ -6743,11 +6889,11 @@ declare enum BentoDropdownSize_2 {
  *     }
  * }
  */
-export declare const BentoDropdownTag: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownTagProps>, {
+export declare const BentoDropdownTag: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDropdownTagProps>, {
 items: () => any[];
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownTagProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDropdownTagProps>, {
 items: () => any[];
 }>>>, {
 items: BentoTagListboxOptions;
@@ -6788,117 +6934,27 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_10<DefineComponent<    {
-/**
-* Defines the button at the end of the component.
-*/
-action: {
-type: PropType<BentoButtonActionObject>;
-default: any;
-validator: (value: BentoButtonActionObject) => boolean;
-};
-/**
-* The empty state description.
-* Gives additional details to the issue.
-* This can be used or the default slot
-*/
-description: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Sets the heading HTML DOM element.
-* @values h1, h2, h3, h4, h5, h6, div, p, span
-*/
-headingEl: {
-type: PropType<`${BentoTypographyElement}`>;
-default: any;
-validator: (value: BentoTypographyElement) => boolean;
-};
-/**
-* Name of the illustration for the empty state.
-*/
-image: {
-type: PropType<`${BentoEmptyStateImage}`>;
-default: any;
-validator: (value: BentoEmptyStateImage) => boolean;
-};
-/**
-* The empty state heading.
-* Should clearly explain the issue.
-*/
-title: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Types of different empty states
-* @values full-page, embedded, basic, condensed
-*/
-variant: {
-type: PropType<`${BentoEmptyStateVariant}`>;
-default: string;
-validator: (value: BentoEmptyStateVariant) => boolean;
-};
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-/**
-* Defines the button at the end of the component.
-*/
-action: {
-type: PropType<BentoButtonActionObject>;
-default: any;
-validator: (value: BentoButtonActionObject) => boolean;
-};
-/**
-* The empty state description.
-* Gives additional details to the issue.
-* This can be used or the default slot
-*/
-description: {
-type: StringConstructor;
-default: any;
-};
-/**
-* Sets the heading HTML DOM element.
-* @values h1, h2, h3, h4, h5, h6, div, p, span
-*/
-headingEl: {
-type: PropType<`${BentoTypographyElement}`>;
-default: any;
-validator: (value: BentoTypographyElement) => boolean;
-};
-/**
-* Name of the illustration for the empty state.
-*/
-image: {
-type: PropType<`${BentoEmptyStateImage}`>;
-default: any;
-validator: (value: BentoEmptyStateImage) => boolean;
-};
-/**
-* The empty state heading.
-* Should clearly explain the issue.
-*/
-title: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Types of different empty states
-* @values full-page, embedded, basic, condensed
-*/
-variant: {
-type: PropType<`${BentoEmptyStateVariant}`>;
-default: string;
-validator: (value: BentoEmptyStateVariant) => boolean;
-};
-}>>, {
+export declare const BentoEmptyState: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoEmptyStateProps>, {
+action: any;
+description: any;
+headingEl: any;
+image: any;
+title: string;
+variant: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoEmptyStateProps>, {
+action: any;
+description: any;
+headingEl: any;
+image: any;
+title: string;
+variant: string;
+}>>>, {
 description: string;
 title: string;
-image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "delight" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
-variant: "condensed" | "full-page" | "embedded" | "basic";
-action: BentoActionButton;
-headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+image: `${BentoEmptyStateImage}`;
+variant: `${BentoEmptyStateVariant}`;
+action: BentoButtonActionObject;
+headingEl: `${BentoTypographyElement}`;
 }>, {
     title: (_: {}) => any;
     default: (_: {}) => any;
@@ -6929,6 +6985,38 @@ export declare enum BentoEmptyStateImageVariant {
     NULL
 }
 
+export declare interface BentoEmptyStateProps {
+    /**
+     * Defines the button at the end of the component.
+     */
+    action?: BentoButtonActionObject;
+    /**
+     * The empty state description.
+     * Gives additional details to the issue.
+     * This can be used or the default slot
+     */
+    description?: string;
+    /**
+     * Sets the heading HTML DOM element.
+     * @values h1, h2, h3, h4, h5, h6, div, p, span
+     */
+    headingEl?: `${BentoTypographyElement}`;
+    /**
+     * Name of the illustration for the empty state.
+     */
+    image?: `${BentoEmptyStateImage}`;
+    /**
+     * The empty state heading.
+     * Should clearly explain the issue.
+     */
+    title?: string;
+    /**
+     * Types of different empty states
+     * @values full-page, embedded, basic, condensed
+     */
+    variant?: `${BentoEmptyStateVariant}`;
+}
+
 export declare enum BentoEmptyStateVariant {
     FULL_PAGE = "full-page",
     EMBEDDED = "embedded",
@@ -6966,7 +7054,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -6983,7 +7071,7 @@ input: (value?: FileList) => void;
 "update:modelValue": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7088,7 +7176,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFilterBarProps>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -7105,7 +7193,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFilterBarProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -7334,7 +7422,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: __VLS_WithTemplateSlots_13<DefineComponent<    {
+export declare const BentoFormLayout: __VLS_WithTemplateSlots_14<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -7400,7 +7488,7 @@ loading: boolean;
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_14<DefineComponent<    {
+export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_15<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -7410,6 +7498,13 @@ type: PropType<BentoFormLayoutFieldTipTypeOption>;
 default: string;
 validator: (value: BentoFormLayoutFieldTipTypeOption) => boolean;
 };
+/**
+* Unique identifier to the form field. Used for accessibility.
+*/
+id: {
+type: StringConstructor;
+default: any;
+};
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
@@ -7420,8 +7515,16 @@ type: PropType<BentoFormLayoutFieldTipTypeOption>;
 default: string;
 validator: (value: BentoFormLayoutFieldTipTypeOption) => boolean;
 };
+/**
+* Unique identifier to the form field. Used for accessibility.
+*/
+id: {
+type: StringConstructor;
+default: any;
+};
 }>>, {
 type: "critical" | "success" | "warning" | "highlight";
+id: string;
 }>, {
     default: (_: {}) => any;
     message: (_: {}) => any;
@@ -7449,7 +7552,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_16<DefineComponent<    {
+export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_17<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
@@ -7535,7 +7638,7 @@ layout: BentoLayoutGroupProportions;
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_15<DefineComponent<    {
+export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_16<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -7771,7 +7874,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -7797,7 +7900,7 @@ views: () => any[];
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -7998,10 +8101,10 @@ export declare interface BentoHeaderWithViewsProps {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8051,11 +8154,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '@adyen/bento-vue2';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -8113,7 +8216,7 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -8154,7 +8257,7 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -8184,13 +8287,13 @@ disabled: boolean;
 error: boolean;
 optional: boolean;
 readonly: boolean;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 placeholder: string;
-ariaHidden: boolean;
 slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
+ariaHidden: boolean;
 dropdownPosition: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
 staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
@@ -8255,7 +8358,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -8277,7 +8380,7 @@ focus: () => void;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -8297,8 +8400,8 @@ disabled: BentoInputFieldProps["disabled"];
 validation: BentoInputFieldPasswordValidation;
 readonly: BentoInputFieldProps["readonly"];
 errorMessage: BentoInputFieldProps["errorMessage"];
-placeholder: BentoInputFieldProps["placeholder"];
 debounceTime: number;
+placeholder: BentoInputFieldProps["placeholder"];
 disableValidation: boolean;
 withHint: boolean;
 }>;
@@ -8410,8 +8513,9 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
+description: any;
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 blur: () => void;
@@ -8421,10 +8525,12 @@ input: (value: string) => void;
 "update:selected-country": (country: CountryCode_2) => void;
 } & {
 "input:valid": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
+description: any;
 dynamicFiltering: boolean;
 }>>>, {
+description: string;
 dynamicFiltering: boolean;
 countries: CountryCode[];
 }>, {
@@ -8455,6 +8561,11 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
      * If set, allows filtering on the countries dropdown
      */
     dynamicFiltering?: boolean;
+    /**
+     * If true, applies error styling to the field.
+     * @deprecated Use `errorMessage` prop instead.
+     */
+    error?: boolean;
     /**
      * Selected country code
      */
@@ -8698,7 +8809,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -8712,7 +8823,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -8722,8 +8833,8 @@ relativeLayout: string;
 pageFocusAnchor: any;
 }>>>, {
 isOpen: boolean;
-size: BentoInspectorSize;
 loading: boolean;
+size: BentoInspectorSize;
 activePage: string;
 expandable: boolean;
 relativeLayout: BentoInspectorRelativeLayout;
@@ -8828,10 +8939,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -8874,9 +8985,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -8908,10 +9019,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_24<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -8945,7 +9056,7 @@ declare type BentoListboxEmptyStateProps = {
     action: {
         icon?: any;
     } & BentoButtonActionObject;
-} & OmitStrict<InstanceType<typeof BentoEmptyState>['$props'], 'variant' | 'image' | 'description'>;
+} & OmitStrict_2<BentoEmptyStateProps, 'variant' | 'image' | 'description'>;
 export { BentoListboxEmptyStateProps as BentoDropdownEmptyStateProps }
 export { BentoListboxEmptyStateProps }
 
@@ -9032,7 +9143,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoLoadingButton: __VLS_WithTemplateSlots_5<DefineComponent<    {
+export declare const BentoLoadingButton: __VLS_WithTemplateSlots_6<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -9132,7 +9243,7 @@ condensed: boolean;
 critical: boolean;
 disabled: boolean;
 inverse: boolean;
-state: "start" | "loading" | "success" | BentoLoadingButtonState | "fail";
+state: "start" | "loading" | "success" | "fail" | BentoLoadingButtonState;
 }>, {
     default: (_: {}) => any;
     iconLeft: (_: {}) => any;
@@ -9234,7 +9345,7 @@ export declare enum BentoLoadingIndicatorEvent {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -9257,7 +9368,7 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -9271,7 +9382,7 @@ closeOnClickOutsideOptions: any;
 button: BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
-menuPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
+menuPosition: PopperContainerPosition | `${PopperContainerPosition}`;
 menuFixedPositioning: boolean;
 menuWidth: number;
 revertFocusToButton: boolean;
@@ -9284,15 +9395,15 @@ closeOnClickOutsideOptions: any;
 
 export declare type BentoMenuButtonProps = {
     'aria-label'?: HTMLAttributes['aria-label'];
-    condensed?: BentoButtonProps['condensed'];
-    disabled?: BentoButtonProps['disabled'];
+    condensed?: boolean;
+    disabled?: boolean;
     variant?: BentoButtonProps['variant'];
 };
 
 declare type BentoMenuButtonProps_2 = {
     'aria-label'?: HTMLAttributes['aria-label'];
-    condensed?: BentoButtonProps_2['condensed'];
-    disabled?: BentoButtonProps_2['disabled'];
+    condensed?: boolean;
+    disabled?: boolean;
     variant?: BentoButtonProps_2['variant'];
 };
 
@@ -9330,6 +9441,36 @@ declare interface BentoMenuItem_2 {
     skipClose?: boolean;
 }
 
+/**
+ * @deprecated for usage with properties since version 2.0. Use the string literal instead.
+ */
+declare const BentoMenuPositions: {
+    AUTO: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO;
+    AUTO_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_END;
+    TOP_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_START;
+    TOP_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_END;
+    TOP: import("../popper-container/popper-container.types").PopperContainerPositionBasic.TOP;
+    RIGHT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.RIGHT;
+    BOTTOM: import("../popper-container/popper-container.types").PopperContainerPositionBasic.BOTTOM;
+    LEFT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.LEFT;
+};
+
+declare type BentoMenuPositions = PopperContainerPosition;
+
+/**
+ * @deprecated for usage with properties since version 2.0. Use the string literal instead.
+ */
+declare const BentoMenuPositions_2 = { ...PopperContainerPosition };
+
+declare type BentoMenuPositions_2 = PopperContainerPosition_2;
+
 export declare interface BentoMenuProps {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -9351,7 +9492,7 @@ export declare interface BentoMenuProps {
     /**
      * The position of where the menu should open.
      */
-    menuPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+    menuPosition?: BentoMenuPositions | `${BentoMenuPositions}`;
     /**
      * Instructs the menu popover to be visible outside of the containing container.
      * @see {@link https://floating-ui.com/docs/usefloating#strategy}
@@ -9402,7 +9543,7 @@ declare interface BentoMenuProps_2 {
     /**
      * The position of where the menu should open.
      */
-    menuPosition?: BentoPopoverPositions_2 | `${BentoPopoverPositions_2}`;
+    menuPosition?: BentoMenuPositions_2 | `${BentoMenuPositions_2}`;
     /**
      * Instructs the menu popover to be visible outside of the containing container.
      * @see {@link https://floating-ui.com/docs/usefloating#strategy}
@@ -9452,7 +9593,7 @@ declare interface BentoMenuProps_2 {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_25<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_26<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -9727,8 +9868,8 @@ variant: "default" | "dialog" | "BentoModalDefault" | "BentoModalDialog" | Bento
 isOpen: boolean;
 content: string;
 size: "small" | "large" | "medium" | BentoModalSize;
-activePage: string;
 actions: BentoButtonActionsList;
+activePage: string;
 actionsLabel: string;
 destructiveActions: boolean;
 columnsSize: "smaller" | "equal" | "bigger" | BentoModalColumnLayoutVariant;
@@ -9790,7 +9931,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_27<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_28<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -9887,8 +10028,8 @@ default: any;
 }>>, {
 title: string;
 isOpen: boolean;
-activePage: string;
 actions: BentoButtonActionsList;
+activePage: string;
 contextualLabel: string;
 }>, {
     default: (_: {}) => any;
@@ -9932,7 +10073,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_28<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_29<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10024,9 +10165,9 @@ default: any;
 };
 }>>, {
 title: string;
+actions: BentoButtonActionsList;
 pageId: string;
 previousPage: string;
-actions: BentoButtonActionsList;
 contextualLabel: string;
 }>, {
     header: (_: {}) => any;
@@ -10074,7 +10215,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -10083,7 +10224,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -10093,9 +10234,9 @@ withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
 }>>>, {
+actions: BentoButtonActionsList_2;
 pageId: string;
 previousPage: string | null;
-actions: BentoButtonActionsList_2;
 actionsLabel: string;
 destructiveActions: boolean;
 columnsSize: BentoModalColumnLayoutVariant | `${BentoModalColumnLayoutVariant}`;
@@ -10231,7 +10372,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -10247,7 +10388,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -10313,10 +10454,10 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -11508,7 +11649,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -11525,13 +11666,14 @@ position: string;
 small: boolean;
 title: any;
 trapAll: boolean;
+trapAllOptions: any;
 withoutSpace: boolean;
 overflowVisible: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
 } & {
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -11548,25 +11690,27 @@ position: string;
 small: boolean;
 title: any;
 trapAll: boolean;
+trapAllOptions: any;
 withoutSpace: boolean;
 overflowVisible: boolean;
 }>>>, {
 small: boolean;
 title: string;
 large: boolean;
-modifiers: unknown[];
-position: BentoPopoverPositions | `${BentoPopoverPositions}`;
 open: boolean;
+position: BentoPopoverPositions | `${BentoPopoverPositions}`;
 trapAll: boolean;
+trapAllOptions: any;
 fallbackPosition: Placement[];
 fixedPositioning: boolean;
 ariaLabel: string;
-actions: BentoButtonActionsList;
-actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
+actions: BentoButtonActionsList_2;
+actionsLayout: BentoButtonActionsLayout_2 | `${BentoButtonActionsLayout_2}`;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
 fitContent: boolean;
+modifiers: unknown[];
 withoutSpace: boolean;
 overflowVisible: boolean;
 }>, {
@@ -11579,21 +11723,21 @@ overflowVisible: boolean;
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
 export declare const BentoPopoverPositions: {
-    AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
-    AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
-    AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
-    TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
-    TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
-    RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
-    RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
-    BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-    BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-    LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
-    LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
-    TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
-    RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
-    BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
-    LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
+    AUTO: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO;
+    AUTO_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_END;
+    TOP_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_START;
+    TOP_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_END;
+    TOP: import("../popper-container/popper-container.types").PopperContainerPositionBasic.TOP;
+    RIGHT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.RIGHT;
+    BOTTOM: import("../popper-container/popper-container.types").PopperContainerPositionBasic.BOTTOM;
+    LEFT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.LEFT;
 };
 
 export declare type BentoPopoverPositions = PopperContainerPosition;
@@ -11710,11 +11854,15 @@ export declare interface BentoPopoverProps {
      * Popover's target element.
      * The popover will position itself relatively to target element, in specified position.
      */
-    targetElement: InstanceType<typeof _default>['$props']['targetElement'];
+    targetElement: VueNodeElement;
     /**
      * Activates focus trap for both arrow and tab keys.
      */
     trapAll?: boolean;
+    /**
+     * Configurations for the focus-trap when trap-all is active.
+     */
+    trapAllOptions?: Options;
     /**
      * Displays the popover without padding.
      */
@@ -11744,7 +11892,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -11752,7 +11900,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12322,7 +12470,7 @@ export declare type BentoRangeFilterOptions = {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -12334,7 +12482,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -12446,7 +12594,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -12468,7 +12616,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -12479,8 +12627,8 @@ value: any;
 value: string;
 condensed: boolean;
 disabled: boolean;
-placeholder: string;
 debounceTime: number;
+placeholder: string;
 hint: string;
 }>;
 
@@ -12557,7 +12705,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
 * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -12570,7 +12718,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_39<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_41<{
 /**
 * An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
 * which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
@@ -12615,7 +12763,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_40<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_42<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -12624,7 +12772,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_40<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_42<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13565,9 +13713,9 @@ default: any;
 };
 }>>, {
 title: string;
+actions: BentoButtonActionsList;
 pageId: string;
 previousPage: string;
-actions: BentoButtonActionsList;
 actionsLabel: string;
 destructiveActions: boolean;
 }>, {
@@ -13590,7 +13738,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_41<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_41<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_43<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_43<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -13806,7 +13954,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_42<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_44<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -13830,7 +13978,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_42<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_44<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -13884,7 +14032,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_43<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_45<{
 /**
 * Label to display for the value
 */
@@ -13909,7 +14057,9 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_43<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+copy: (value: string) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_45<{
 /**
 * Label to display for the value
 */
@@ -13964,10 +14114,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -14002,7 +14152,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14019,7 +14169,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemAmountProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14079,7 +14229,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -14089,7 +14239,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridItemCustomProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -14153,7 +14303,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14169,7 +14319,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemNumericProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14228,7 +14378,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14244,7 +14394,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemPercentageProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14318,7 +14468,7 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14328,7 +14478,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoSummaryGridItemTextProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14429,12 +14579,12 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -14583,11 +14733,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -14902,9 +15052,9 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 height: string;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 characterLimit: number;
 placeholder: string;
 clearable: boolean;
@@ -15151,9 +15301,9 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 height: string;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 characterLimit: number;
 placeholder: string;
 clearable: boolean;
@@ -15904,7 +16054,7 @@ labelPosition: "after" | "before" | BentoToggleLabelPosition;
  *     `
  * }
  */
-export declare const BentoToggleButton: __VLS_WithTemplateSlots_6<DefineComponent<    {
+export declare const BentoToggleButton: __VLS_WithTemplateSlots_7<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -16192,7 +16342,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16240,7 +16390,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16374,8 +16524,6 @@ export { CalendarVariant as BentoDateRangePickerVariant }
 
 export declare type Component = object;
 
-declare type Component_2 = object;
-
 export declare enum DateFormat {
     DAY_OF_MONTH = "d",// 1, 2, ..., 31,
     NUMERIC_DAY = "dd",// 01, 02, ..., 31,
@@ -16409,269 +16557,6 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
 
 declare type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;
 
-/**
- * A wrapper for the 'popper/core' package that overlays a small piece of content near a target element.
- *
- * NOTE: This component should not be used by itself but more implemented by other exported components
- * e.g. Tooltip
- * More info here on the package: https://floating-ui.com/docs/vue
- *
- * * @usage
- * import { PopperContainer } from '@adyen/bento-vue2';
- *
- * export default {
- *     components: { PopperContainer },
- *     computed: {
- *         targetElement() {
- *             return this.$refs.tooltipTarget;
- *         },
- *     },
- *     template: `
- *          <popper-container
- *               :target-element="targetElement"
- *               :position="position"
- *           >
- *               {{ content }}
- *          </popper-container>`,
- * }
- */
-declare const _default: __VLS_WithTemplateSlots_31<DefineComponent<    {
-/**
-* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
-*/
-ariaRole: {
-type: PropType<PopperContainerAriaRole>;
-default: any;
-validator: (value: unknown) => boolean;
-};
-/**
-* Indicates if container should have additional arrow, pointing at target element
-* Can be just a boolean flag, or an object with additional configuration:
-* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
-* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
-*/
-arrow: {
-type: PropType<PopperContainerArrowProp | boolean>;
-default: any;
-};
-/**
-* Disables wrapping focus-trap component.
-* Mostly useful for the storybook demo.
-*/
-disabledFocusTrap: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
-* Useful when not using auto as starting placement.
-* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
-*/
-fallbackPosition: {
-type: PropType<FallbackPositionProp>;
-default: any;
-};
-/**
-* Instructs popover to be visible outside of the containing container.
-* Useful when component would be used in limited containers like Modal, Side panel, etc.
-* @see {@link https://floating-ui.com/docs/usefloating#strategy}
-*/
-fixedPositioning: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* The id to be set on the component. Use it for accessibility purposes.
-*/
-id: {
-type: StringConstructor;
-default: any;
-};
-/**
-* If hiding / showing popper element then use this property to tell the popper when to update it's position.
-* This will drastically help improve performance, as we will not need to track hidden elements.
-*/
-isHidden: {
-type: BooleanConstructor;
-default: any;
-};
-/**
-* Instructs popper container to have the same width as target element.
-*/
-matchWidth: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
-* @see {@link https://floating-ui.com/docs/middleware}
-*/
-middleware: {
-type: PropType<Middleware[]>;
-default: any;
-};
-/**
-* Allows to displace a popper container from its target element.
-* @see {@link https://floating-ui.com/docs/offset#options}
-*/
-offset: {
-type: PropType<number[]>;
-default: () => number[];
-validator: (value: number[]) => boolean;
-};
-/**
-* Position relative to the target element
-* @see {@link https://floating-ui.com/docs/computeposition#placement}
-*/
-position: {
-type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
-default: PopperContainerPositionExtended;
-validator: (value: unknown) => boolean;
-};
-/**
-* Reference to the DOM element or Vue component for positioning
-*/
-targetElement: {
-type: PropType<VueNodeElement>;
-required: true;
-};
-/**
-* Activates focus trap for both arrow and tab keys.
-*/
-trapAll: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-placement: (value: Placement) => void;
-}, string, Readonly<ExtractPropTypes<    {
-/**
-* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
-*/
-ariaRole: {
-type: PropType<PopperContainerAriaRole>;
-default: any;
-validator: (value: unknown) => boolean;
-};
-/**
-* Indicates if container should have additional arrow, pointing at target element
-* Can be just a boolean flag, or an object with additional configuration:
-* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
-* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
-*/
-arrow: {
-type: PropType<PopperContainerArrowProp | boolean>;
-default: any;
-};
-/**
-* Disables wrapping focus-trap component.
-* Mostly useful for the storybook demo.
-*/
-disabledFocusTrap: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
-* Useful when not using auto as starting placement.
-* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
-*/
-fallbackPosition: {
-type: PropType<FallbackPositionProp>;
-default: any;
-};
-/**
-* Instructs popover to be visible outside of the containing container.
-* Useful when component would be used in limited containers like Modal, Side panel, etc.
-* @see {@link https://floating-ui.com/docs/usefloating#strategy}
-*/
-fixedPositioning: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* The id to be set on the component. Use it for accessibility purposes.
-*/
-id: {
-type: StringConstructor;
-default: any;
-};
-/**
-* If hiding / showing popper element then use this property to tell the popper when to update it's position.
-* This will drastically help improve performance, as we will not need to track hidden elements.
-*/
-isHidden: {
-type: BooleanConstructor;
-default: any;
-};
-/**
-* Instructs popper container to have the same width as target element.
-*/
-matchWidth: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
-* @see {@link https://floating-ui.com/docs/middleware}
-*/
-middleware: {
-type: PropType<Middleware[]>;
-default: any;
-};
-/**
-* Allows to displace a popper container from its target element.
-* @see {@link https://floating-ui.com/docs/offset#options}
-*/
-offset: {
-type: PropType<number[]>;
-default: () => number[];
-validator: (value: number[]) => boolean;
-};
-/**
-* Position relative to the target element
-* @see {@link https://floating-ui.com/docs/computeposition#placement}
-*/
-position: {
-type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
-default: PopperContainerPositionExtended;
-validator: (value: unknown) => boolean;
-};
-/**
-* Reference to the DOM element or Vue component for positioning
-*/
-targetElement: {
-type: PropType<VueNodeElement>;
-required: true;
-};
-/**
-* Activates focus trap for both arrow and tab keys.
-*/
-trapAll: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
-position: "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;
-offset: number[];
-id: string;
-trapAll: boolean;
-ariaRole: PopperContainerAriaRole;
-arrow: any;
-disabledFocusTrap: boolean;
-fallbackPosition: FallbackPositionProp;
-fixedPositioning: boolean;
-isHidden: boolean;
-matchWidth: boolean;
-middleware: {
-name: string;
-options?: any;
-fn: (state: MiddlewareState) => MiddlewareReturn | Promise<MiddlewareReturn>;
-}[];
-}>, {
-    default: (_: {}) => any;
-}>;
-
 declare type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
 
 declare type Element_2 = HTMLElement & {
@@ -16692,8 +16577,6 @@ export declare type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
 
-declare type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;
-
 /**
  * Void function
  */
@@ -16701,15 +16584,14 @@ export declare type Fn = () => void;
 
 declare interface FormField {
     /**
-     * If true, disables user interaction with the field.
+     * If set, displays a description text for the input.
      */
-    disabled?: boolean;
+    description?: string;
 
     /**
-     * If true, applies error styling to the field.
-     * @deprecated Use `errorMessage` prop instead.
+     * If true, disables user interaction with the field.
      */
-    error?: boolean;
+    disabled?: boolean;
 
     /**
      * If set, displays an error message and applies error styling to the field.
@@ -16879,15 +16761,6 @@ export declare type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;
  */
 export declare type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
 
-/**
- * Maybe it's an Element (HTML, SVG, VueNode).
- *
- * ```ts
- * type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null
- * ```
- */
-declare type MaybeElement_2 = HTMLElement | SVGElement | VueInstance_2 | undefined | null;
-
 /**
  * Maybe it's an Element (HTML, SVG, VueNode) `ref`.
  *
@@ -16897,15 +16770,6 @@ declare type MaybeElement_2 = HTMLElement | SVGElement | VueInstance_2 | undefin
  */
 export declare type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
 
-/**
- * Maybe it's an Element (HTML, SVG, VueNode) `ref`.
- *
- * ```ts
- * type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>
- * ```
- */
-declare type MaybeElementRef_2<T extends MaybeElement_2 = MaybeElement_2> = MaybeRef_2<T>;
-
 /**
  * Maybe it's a computed ref, or a getter function
  *
@@ -16929,20 +16793,6 @@ export declare type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
  */
 export declare type MaybeRef<T> = T | Ref<T> | Ref<UnwrapRef<T>>;
 
-/**
- *
- * Maybe it's a `ref`, or a plain value.
- *
- * As recommmended by the vue community to use this type when you are not sure
- * if the argument is a ref.
- * Source: https://github.com/vueuse/vueuse/blob/main/packages/shared/utils/types.ts#L28
- *
- * ```ts
- * type MaybeRef<T> = T | Ref<T>
- * ```
- */
-declare type MaybeRef_2<T> = T | Ref<T> | Ref<UnwrapRef<T>>;
-
 /**
  * Validates if the length of the provided value is greater than or equal to the specified length.
  *
@@ -17000,16 +16850,6 @@ declare interface OnClickOutsideOptions_2 {
 declare const plugin: Plugin<BentoVuePlugin>;
 export default plugin;
 
-declare enum PopperContainerAriaRole {
-    TOOLTIP = "tooltip",
-    POPOVER = "dialog"
-}
-
-declare interface PopperContainerArrowProp {
-    classes?: string[];
-    padding?: string;
-}
-
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -17276,8 +17116,6 @@ declare type UseVirtualListItemHeight = number | ((index: number) => number);
 
 export declare type VueInstance = ComponentPublicInstance;
 
-declare type VueInstance_2 = ComponentPublicInstance;
-
 /**
  * Vue node element instance
  *
@@ -17287,13 +17125,4 @@ declare type VueInstance_2 = ComponentPublicInstance;
  */
 export declare type VueNodeElement = Component | Element | (Component | Element)[] | undefined;
 
-/**
- * Vue node element instance
- *
- * ```ts
- * type Vue | Element | (Vue | Element)[] | undefined
- * ```
- */
-declare type VueNodeElement_2 = Component_2 | Element | (Component_2 | Element)[] | undefined;
-
 export { }