@adyen/bento-vue2 1.71.0 → 1.73.0

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

@@ -16,9 +16,7 @@ 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 { Options } from 'focus-trap/index';
 import type { Placement } from '@floating-ui/vue';
 import type { PluginObject } from 'vue';
 import { PropType } from 'vue';
@@ -130,6 +128,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;
@@ -579,6 +581,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]>>;
@@ -891,6 +911,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];
@@ -1574,7 +1606,70 @@ declare interface BentoActionButton extends BentoButtonActionBase, BentoButtonPr
 /**
  * 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'>>;
+
+/**
+ * AI Button component is used for cases where pressing a button starts an AI-related action.
+ *
+ * @example
+ * import { BentoAiButton } from '../../../..';
+ *
+ * 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["link"];
+type: BentoButtonProps["type"];
+condensed: BentoButtonProps["condensed"];
+disabled: BentoButtonProps["disabled"];
+inverse: BentoButtonProps["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
@@ -1942,10 +2037,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;
 }>>>, {
@@ -2077,7 +2172,7 @@ export declare enum BentoButtonVariant {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
+export declare const BentoCard: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2152,7 +2247,7 @@ titleSize: BentoCardTitleSize;
 click: () => void;
 } & {
 expanded: (isExpanded: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2229,8 +2324,8 @@ disabled: boolean;
 background: BentoCardBackground | `${BentoCardBackground}`;
 actions: BentoButtonActionsList;
 actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
-expandable: boolean;
 closed: boolean;
+expandable: boolean;
 clickable: boolean;
 }>, {
     image: (_: {}) => any;
@@ -2488,8 +2583,8 @@ disabled: boolean;
 tag: any;
 optional: boolean;
 readonly: boolean;
-errorMessage: string;
 ariaLabel: string;
+errorMessage: string;
 indeterminate: boolean;
 hasError: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
@@ -2835,7 +2930,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -2843,7 +2938,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -2925,7 +3020,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -2935,7 +3030,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -2947,8 +3042,8 @@ loading: boolean;
 variant: BentoCodeSnippetVariant;
 }>>>, {
 variant: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
-content: string;
 loading: boolean;
+content: string;
 expandable: boolean;
 actionable: boolean;
 actionableText: string;
@@ -3450,13 +3545,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3703,7 +3798,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
 */
@@ -3714,7 +3809,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
 */
@@ -3762,7 +3857,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
 */
@@ -3785,7 +3880,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
 */
@@ -3843,7 +3938,7 @@ export declare type BentoDashboardTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoDashedUnderlineProps>, {
+export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -3853,7 +3948,7 @@ disabled: boolean;
 };
 tooltipText: any;
 tooltipPosition: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoDashedUnderlineProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -3864,9 +3959,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;
@@ -3933,7 +4028,7 @@ export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
  *     `
  * }
  */
-export declare const BentoDataGrid: __VLS_WithTemplateSlots_8<DefineComponent<    {
+export declare const BentoDataGrid: __VLS_WithTemplateSlots_9<DefineComponent<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -4031,6 +4126,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}
 */
@@ -4145,6 +4253,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;
@@ -4239,7 +4348,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.
 */
@@ -4337,6 +4446,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}
 */
@@ -4451,6 +4573,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;
@@ -4546,11 +4669,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;
@@ -4567,8 +4691,8 @@ hasNestedRows: boolean;
 highlightedRows: BentoDatagridDataItemId[];
 shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
 shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
-slashedZero: boolean;
 filterValues: BentoFilterValues;
+filterValuesObject: BentoFilterValueObject;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
@@ -4622,6 +4746,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",
@@ -4673,7 +4798,7 @@ export declare enum BentoDatagridSortDirection {
  *     `
  * }
  */
-export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<{
+export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
 /**
 * Renderes the icon with color.
 */
@@ -4689,7 +4814,7 @@ variant?: BentoDataGridStaticIconVariant;
 }>, {
 variant: string;
 colored: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
 /**
 * Renderes the icon with color.
 */
@@ -4739,11 +4864,11 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDataGridSummaryCellProps>, {
+export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDataGridSummaryCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
@@ -4969,8 +5094,8 @@ tabs: BentoDataGridTemplateTabs;
 inspector: {
 title: string;
 isOpen?: boolean;
-size?: BentoInspectorSize;
 loading?: boolean;
+size?: BentoInspectorSize;
 expandable?: boolean;
 relativeLayout?: BentoInspectorRelativeLayout;
 pageFocusAnchor?: HTMLElement;
@@ -5020,11 +5145,11 @@ export declare type BentoDataGridTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5218,6 +5343,7 @@ dateErrorId: string;
 popoverAriaLabel: ComputedRef<string>;
 ariaDescribedBy: ComputedRef<string>;
 textInputValue: Ref<string>;
+initialFocusOnDatePickerOpen: any;
 closeDatePicker: () => void;
 clearDatePickerValue: () => Promise<void>;
 onDateSelected: (selectedDate: Date) => void;
@@ -5791,9 +5917,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -5847,7 +5973,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -5882,7 +6008,7 @@ focus: () => void;
 input: (selectedValue: any) => void;
 } & {
 "show-more": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDropdownProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -5919,15 +6045,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;
@@ -5937,8 +6063,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;
@@ -5972,11 +6098,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;
@@ -6076,6 +6202,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 error: {
 type: PropType<boolean>;
 } & {
@@ -6101,22 +6232,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;
@@ -6161,16 +6287,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>;
 } & {
@@ -6233,6 +6359,11 @@ type: PropType<boolean>;
 } & {
 default: boolean;
 };
+loading: {
+type: PropType<boolean>;
+} & {
+default: boolean;
+};
 error: {
 type: PropType<boolean>;
 } & {
@@ -6258,22 +6389,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;
@@ -6318,16 +6444,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>;
 } & {
@@ -6342,15 +6468,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 | `${BentoDropdownSize}`;
 multiple: boolean;
-loading: boolean;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 items: BentoCountryListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
@@ -6360,8 +6486,8 @@ emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
 dynamicFiltering: boolean;
-placeholder: string;
 showSlotContentInMultiple: boolean;
+placeholder: string;
 enableValueLabelPair: boolean;
 }>;
 
@@ -6393,11 +6519,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;
@@ -6441,11 +6567,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;
@@ -6636,11 +6762,11 @@ export declare enum BentoDropdownSize {
  *     }
  * }
  */
-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;
@@ -6681,117 +6807,27 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_9<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_10<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoEmptyStateProps>, {
+action: any;
+description: any;
+headingEl: any;
+image: any;
+title: string;
+variant: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<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;
@@ -6822,6 +6858,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",
@@ -6859,7 +6927,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;
@@ -6876,7 +6944,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;
@@ -6981,7 +7049,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: () => {
@@ -6998,7 +7066,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: () => {
@@ -7227,7 +7295,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`
 */
@@ -7293,7 +7361,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
@@ -7303,6 +7371,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.
@@ -7313,8 +7388,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;
@@ -7342,7 +7425,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.
@@ -7428,7 +7511,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".
@@ -7664,7 +7747,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;
@@ -7690,7 +7773,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;
@@ -7891,10 +7974,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;
 }>>>, {
@@ -7944,11 +8027,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '../..';
  * </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}`;
@@ -8006,7 +8089,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;
@@ -8047,7 +8130,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;
@@ -8077,13 +8160,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}`;
@@ -8148,7 +8231,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;
@@ -8170,7 +8253,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;
@@ -8190,8 +8273,8 @@ disabled: BentoInputFieldProps["disabled"];
 validation: BentoInputFieldPasswordValidation;
 readonly: BentoInputFieldProps["readonly"];
 errorMessage: BentoInputFieldProps["errorMessage"];
-placeholder: BentoInputFieldProps["placeholder"];
 debounceTime: number;
+placeholder: BentoInputFieldProps["placeholder"];
 disableValidation: boolean;
 withHint: boolean;
 }>;
@@ -8303,8 +8386,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;
@@ -8314,10 +8398,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[];
 }>, {
@@ -8348,6 +8434,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
      */
@@ -8591,7 +8682,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;
@@ -8605,7 +8696,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;
@@ -8615,8 +8706,8 @@ relativeLayout: string;
 pageFocusAnchor: any;
 }>>>, {
 isOpen: boolean;
-size: BentoInspectorSize;
 loading: boolean;
+size: BentoInspectorSize;
 activePage: string;
 expandable: boolean;
 relativeLayout: BentoInspectorRelativeLayout;
@@ -8721,10 +8812,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;
 }>>>, {
@@ -8767,9 +8858,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;
@@ -8816,12 +8907,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -8875,7 +8966,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 }
 
@@ -8962,7 +9053,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoLoadingButton: __VLS_WithTemplateSlots_5<DefineComponent<    {
+export declare const BentoLoadingButton: __VLS_WithTemplateSlots_6<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -9062,7 +9153,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;
@@ -9157,7 +9248,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;
@@ -9180,7 +9271,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;
@@ -9194,7 +9285,7 @@ closeOnClickOutsideOptions: any;
 button: BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
-menuPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
+menuPosition: PopperContainerPosition | `${PopperContainerPosition}`;
 menuFixedPositioning: boolean;
 menuWidth: number;
 revertFocusToButton: boolean;
@@ -9207,8 +9298,8 @@ closeOnClickOutsideOptions: any;
 
 export declare type BentoMenuButtonProps = {
     'aria-label'?: HTMLAttributes['aria-label'];
-    condensed?: BentoButtonProps['condensed'];
-    disabled?: BentoButtonProps['disabled'];
+    condensed?: boolean;
+    disabled?: boolean;
     variant?: BentoButtonProps['variant'];
 };
 
@@ -9232,6 +9323,29 @@ export declare interface BentoMenuItem {
     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;
+
 export declare interface BentoMenuProps {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -9253,7 +9367,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}
@@ -9303,7 +9417,7 @@ export declare interface BentoMenuProps {
  *     `
  * };
  */
-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".
@@ -9578,8 +9692,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;
@@ -9641,7 +9755,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".
@@ -9738,8 +9852,8 @@ default: any;
 }>>, {
 title: string;
 isOpen: boolean;
-activePage: string;
 actions: BentoButtonActionsList;
+activePage: string;
 contextualLabel: string;
 }>, {
     default: (_: {}) => any;
@@ -9783,7 +9897,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".
@@ -9875,9 +9989,9 @@ default: any;
 };
 }>>, {
 title: string;
+actions: BentoButtonActionsList;
 pageId: string;
 previousPage: string;
-actions: BentoButtonActionsList;
 contextualLabel: string;
 }>, {
     header: (_: {}) => any;
@@ -9925,7 +10039,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;
@@ -9934,7 +10048,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;
@@ -9944,9 +10058,9 @@ withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
 }>>>, {
+actions: BentoButtonActionsList;
 pageId: string;
 previousPage: string | null;
-actions: BentoButtonActionsList;
 actionsLabel: string;
 destructiveActions: boolean;
 columnsSize: BentoModalColumnLayoutVariant | `${BentoModalColumnLayoutVariant}`;
@@ -10082,7 +10196,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;
@@ -10098,7 +10212,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;
@@ -10164,10 +10278,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;
 }>>>, {
@@ -11359,7 +11473,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;
@@ -11376,13 +11490,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;
@@ -11399,16 +11514,17 @@ 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;
@@ -11418,6 +11534,7 @@ divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
 fitContent: boolean;
+modifiers: unknown[];
 withoutSpace: boolean;
 overflowVisible: boolean;
 }>, {
@@ -11430,21 +11547,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;
@@ -11554,11 +11671,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.
      */
@@ -11588,7 +11709,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;
@@ -11596,7 +11717,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;
@@ -12166,7 +12287,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;
@@ -12178,7 +12299,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;
@@ -12290,7 +12411,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;
@@ -12312,7 +12433,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;
@@ -12323,8 +12444,8 @@ value: any;
 value: string;
 condensed: boolean;
 disabled: boolean;
-placeholder: string;
 debounceTime: number;
+placeholder: string;
 hint: string;
 }>;
 
@@ -12401,7 +12522,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.
@@ -12414,7 +12535,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.
@@ -12459,7 +12580,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;
@@ -12468,7 +12589,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;
@@ -13409,9 +13530,9 @@ default: any;
 };
 }>>, {
 title: string;
+actions: BentoButtonActionsList;
 pageId: string;
 previousPage: string;
-actions: BentoButtonActionsList;
 actionsLabel: string;
 destructiveActions: boolean;
 }>, {
@@ -13434,7 +13555,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;
 }>;
 
@@ -13650,7 +13771,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.
 */
@@ -13674,7 +13795,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.
 */
@@ -13728,7 +13849,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
 */
@@ -13753,7 +13874,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
 */
@@ -13808,10 +13931,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;
 }>>>, {
@@ -13846,7 +13969,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;
@@ -13863,7 +13986,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;
@@ -13923,7 +14046,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;
@@ -13933,7 +14056,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;
@@ -13997,7 +14120,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;
@@ -14013,7 +14136,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;
@@ -14072,7 +14195,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;
@@ -14088,7 +14211,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;
@@ -14153,7 +14276,7 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-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;
@@ -14163,7 +14286,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;
@@ -14255,12 +14378,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;
@@ -14409,11 +14532,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;
@@ -14711,9 +14834,9 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 height: string;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 characterLimit: number;
 placeholder: string;
 clearable: boolean;
@@ -14960,9 +15083,9 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 height: string;
+ariaLabel: string;
 tooltipText: string;
 errorMessage: string;
-ariaLabel: string;
 characterLimit: number;
 placeholder: string;
 clearable: boolean;
@@ -15713,7 +15836,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
 */
@@ -15997,7 +16120,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
@@ -16045,7 +16168,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
@@ -16212,269 +16335,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 '../..';
- *
- * 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 & {
@@ -16495,8 +16355,6 @@ export declare type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
 
-declare type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;
-
 /**
  * Void function
  */
@@ -16504,15 +16362,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.
@@ -16655,6 +16512,8 @@ export declare function minLength(value: BentoInputFieldValue, length?: number):
 
 export declare type OmitStrict<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
+declare type OmitStrict_2<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+
 declare type OnClickOutsideHandler = (evt: PointerEvent | FocusEvent) => void;
 
 declare interface OnClickOutsideOptions {
@@ -16678,16 +16537,6 @@ declare interface OnClickOutsideOptions {
 declare const plugin: PluginObject<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.
  */