@adyen/bento-vue3 1.84.2 → 1.86.0

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

@@ -23,7 +23,7 @@ import type { RouterLinkProps } from 'vue-router';
 import type { typeToFlattenedError } from 'zod';
 import { UnwrapRef } from 'vue';
 import { VNode } from 'vue';
-import type { VNodeRef } from 'vue/types/vnode';
+import { VNodeRef } from 'vue/types/vnode';
 import type { VueNodeElement as VueNodeElement_2 } from '@/types/elements';
 import type { ZodSchema } from 'zod';
 
@@ -145,6 +145,12 @@ declare type __VLS_NonUndefinedable_61<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_62<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_63<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_64<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_65<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
@@ -682,6 +688,33 @@ declare type __VLS_TypePropsToRuntimeProps_62<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_63<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_63<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_64<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_64<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_65<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_65<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_7<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
@@ -1045,6 +1078,18 @@ declare type __VLS_WithDefaults_6<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_60<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
+declare type __VLS_WithDefaults_61<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_7<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1411,6 +1456,12 @@ declare type __VLS_WithTemplateSlots_61<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_62<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_7<T, S> = T & {
     new (): {
         $slots: S;
@@ -1435,6 +1486,18 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
  */
 export declare type allKeys<T> = T extends any ? keyof T : never;
 
+declare interface AnchorScrollerListItem {
+    disabled?: boolean;
+    elementRef: Exclude<VNodeRef, 'string'>;
+    title: string;
+}
+
+declare interface AnchorScrollerListProps {
+    activeIndex?: number;
+    items: Array<AnchorScrollerListItem>;
+    scrollOffset?: number;
+}
+
 /**
  * Any function
  */
@@ -1674,11 +1737,12 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
-* Show how many items are selected
+* Show how many items are selected.
+* When omitted in the `confirmation` variant, a generic "Unsaved changes" label is displayed.
 */
 itemCounter: {
 type: NumberConstructor;
-required: true;
+default: any;
 };
 /**
 * Label for the selection, e.g. 'selected'/'changed'
@@ -1733,11 +1797,12 @@ type: BooleanConstructor;
 default: boolean;
 };
 /**
-* Show how many items are selected
+* Show how many items are selected.
+* When omitted in the `confirmation` variant, a generic "Unsaved changes" label is displayed.
 */
 itemCounter: {
 type: NumberConstructor;
-required: true;
+default: any;
 };
 /**
 * Label for the selection, e.g. 'selected'/'changed'
@@ -1759,6 +1824,7 @@ variant: BentoActionBarVariant;
 actions: BentoButtonActionsList;
 visibleActions: number;
 extraBottomSpacing: boolean;
+itemCounter: number;
 selectionLabel: string;
 }>;
 
@@ -1807,7 +1873,7 @@ Partial<Pick<BentoMenuProps_2, 'data'>>;
  *     `
  * }
  */
-export declare const BentoAiButton: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoAiButtonProps>, {
+export declare const BentoAiButton: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoAiButtonProps>, {
 link: any;
 type: string;
 condensed: boolean;
@@ -1815,7 +1881,7 @@ disabled: boolean;
 inverse: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoAiButtonProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoAiButtonProps>, {
 link: any;
 type: string;
 condensed: boolean;
@@ -1857,6 +1923,63 @@ export declare interface BentoAiButtonProps {
     type?: BentoButtonProps['type'];
 }
 
+/**
+ * The AI tag is a component used to transparently identify content, data, or experiences that have been generated or
+ * enhanced by artificial intelligence.
+ *
+ * @example
+ * import { BentoAiTag } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoAiTag },
+ *     template: `
+ *          <bento-ai-tag
+ *              title="Input fields auto-filled by AI"
+ *              description="Based on your documents uploaded, AI has auto-filled some information for you."
+ *          />
+ *     `
+ * }
+ */
+export declare const BentoAiTag: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoAiTagProps>, {
+influencedValue: any;
+toggled: boolean;
+action: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:toggled": (toggled: boolean) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoAiTagProps>, {
+influencedValue: any;
+toggled: boolean;
+action: any;
+}>>>, {
+toggled: boolean;
+action: BentoButtonActionObject;
+influencedValue: string;
+}>;
+
+export declare interface BentoAiTagProps {
+    /**
+     * The team-provided headline describing the specific AI action.
+     */
+    title: string;
+    /**
+     * The team-provided, plain-language explanation of what the AI did, why, or its limitations.
+     */
+    description: string;
+    /**
+     * AI influenced value shown for context.
+     */
+    influencedValue?: string;
+    /**
+     * Whether the AI tag popover is open.
+     */
+    toggled?: boolean;
+    /**
+     * A call-to-action link or button for users to learn more, manage settings, or provide feedback.
+     * The `title` property in the `BentoButtonActionObject` will be used as the button text.
+     */
+    action?: BentoButtonActionObject;
+}
+
 /**
  * An Alert component is used to display a persistent
  * notification containing information important to the user
@@ -1873,7 +1996,7 @@ export declare interface BentoAiButtonProps {
  *     `
  * }
  */
-export declare const BentoAlert: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+export declare const BentoAlert: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
 /**
 * Adds a close button on the right side of the alert
 */
@@ -1894,7 +2017,7 @@ type: BentoAlertTypeOption;
 variant: BentoAlertVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "close-alert": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
 /**
 * Adds a close button on the right side of the alert
 */
@@ -1948,6 +2071,65 @@ export declare enum BentoAlertVariant {
     TIP = "tip"
 }
 
+/**
+ * A navigation component that tracks page scroll and allows jumping to sections.
+ *
+ * @example
+ * import { BentoAnchorScroller } from '@adyen/bento-vue2';
+ * import { ref } from 'vue';
+ *
+ * export default {
+ *     components: { BentoAnchorScroller },
+ *     template: `
+ *          <bento-anchor-scroller :items="items">
+ *              <section ref="section1">Section 1</section>
+ *              <section ref="section2">Section 2</section>
+ *          </bento-anchor-scroller>
+ *     `,
+ *      setup() {
+ *          const section1 = ref(null);
+ *          const section2 = ref(null);
+ *          const items = ref([
+ *              { title: 'Section 1', elementRef: section1 },
+ *              { title: 'Section 2', elementRef: section2 },
+ *          ]);
+ *          return {
+ *              items,
+ *              section1,
+ *              section2,
+ *          }
+ *      }
+ * }
+ */
+export declare const BentoAnchorScroller: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoAnchorScrollerProps>, {
+activeIndex: any;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:active-index": (value: number) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoAnchorScrollerProps>, {
+activeIndex: any;
+}>>>, {
+activeIndex: AnchorScrollerListProps["activeIndex"];
+}>, {
+    default: (_: {}) => any;
+}>;
+
+export declare type BentoAnchorScrollerItem = AnchorScrollerListItem;
+
+export declare interface BentoAnchorScrollerProps {
+    /**
+     * The index of the currently active item. Can be used to programmatically set the
+     * active item.
+     * @default undefined
+     */
+    activeIndex?: AnchorScrollerListProps['activeIndex'];
+    /**
+     * An array of objects to define the navigation links. Each object must have a
+     * `label` (string), an `elementRef` (Vue ref to an element), and an optional
+     * `disabled` (boolean) property.
+     */
+    items: AnchorScrollerListProps['items'];
+}
+
 /**
  * Displays an user profile including an avatar and optionally a label.
  *
@@ -1959,7 +2141,7 @@ export declare enum BentoAlertVariant {
  *     template: `<bento-avatar :src="userAvatarSrc" username="Jane" />`
  * }
  */
-export declare const BentoAvatar: DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+export declare const BentoAvatar: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
 /**
 * Displays the user profile without the label.
 */
@@ -1979,7 +2161,7 @@ username: string;
 }>, {
 iconOnly: boolean;
 src: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
 /**
 * Displays the user profile without the label.
 */
@@ -2010,7 +2192,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+export declare const BentoBaseFilter: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -2026,7 +2208,7 @@ tooltipPosition: any;
 value: any;
 }>, {
 closePopover: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_26<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -2331,7 +2513,7 @@ export declare type BentoBooleanFilterValue = string | null;
  *     `,
  * }
  */
-export declare const BentoButton: __VLS_WithTemplateSlots_4<DefineComponent<    {
+export declare const BentoButton: __VLS_WithTemplateSlots_5<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -2522,10 +2704,10 @@ export declare type BentoButtonActionObject = BentoActionButton;
  *     />
  * </template>
  */
-export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoButtonActionsProps>, {
+export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoButtonActionsProps>, {
 inverse: boolean;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoButtonActionsProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoButtonActionsProps>, {
 inverse: boolean;
 layout: string;
 }>>>, {
@@ -2697,7 +2879,7 @@ declare enum BentoButtonVariant_2 {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
+export declare const BentoCard: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2772,7 +2954,7 @@ titleSize: BentoCardTitleSize;
 click: () => void;
 } & {
 expanded: (isExpanded: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -3109,10 +3291,10 @@ tag: any;
 optional: boolean;
 readonly: boolean;
 ariaLabel: string;
+errorMessage: string;
 indeterminate: boolean;
 hasError: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
-errorMessage: string;
 }>;
 
 export declare enum BentoCheckboxEvent {
@@ -3139,7 +3321,7 @@ export declare enum BentoCheckboxEvent {
  *     `
  * };
  */
-export declare const BentoCheckboxGroup: __VLS_WithTemplateSlots_13<DefineComponent<    {
+export declare const BentoCheckboxGroup: __VLS_WithTemplateSlots_14<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -3368,11 +3550,11 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-hasError: boolean;
-modelValue: (string | number)[];
-errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
+errorMessage: string;
+hasError: boolean;
+modelValue: (string | number)[];
 formId: string;
 }>, {
     content: (_: BentoCheckboxGroupItem) => any;
@@ -3451,7 +3633,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_18<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3459,7 +3641,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_18<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3541,7 +3723,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_19<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3551,7 +3733,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_19<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3667,6 +3849,8 @@ export declare interface BentoColumn {
 export declare type BentoColumnCellAction = OmitStrict<BentoButtonActionObject, 'variant' | 'event' | 'title' | 'icon' | 'state'> & {
     title?: string;
     event?: BentoColumnCellActionEvent;
+    tooltipText?: string;
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
     isShort?: true;
     variant?: BentoColumnCellActionVariant;
     menuData?: Array<BentoColumnCellActionMenuItem>;
@@ -3716,11 +3900,11 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCountryProps>, {
+export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_20<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_20<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -4036,13 +4220,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -4289,7 +4473,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_60<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_62<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_61<DefineComponent<__VLS_WithDefaults_61<__VLS_TypePropsToRuntimeProps_65<{
 /**
 * The header of the section
 */
@@ -4300,7 +4484,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_62<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_61<__VLS_TypePropsToRuntimeProps_65<{
 /**
 * The header of the section
 */
@@ -4348,7 +4532,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_59<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_60<DefineComponent<__VLS_WithDefaults_60<__VLS_TypePropsToRuntimeProps_64<{
 /**
 * The header that goes to the top of the template
 */
@@ -4371,7 +4555,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_60<__VLS_TypePropsToRuntimeProps_64<{
 /**
 * The header that goes to the top of the template
 */
@@ -4429,7 +4613,7 @@ export declare interface BentoDashboardTemplateTabs {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoDashedUnderlineProps>, {
+export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -4439,7 +4623,7 @@ disabled: boolean;
 };
 tooltipText: any;
 tooltipPosition: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoDashedUnderlineProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -4559,7 +4743,7 @@ declare type BentoDashedUnderlineTeleport_2 = BentoTeleportProps_2;
  *     `
  * }
  */
-export declare const BentoDataGrid: __VLS_WithTemplateSlots_10<DefineComponent<    {
+export declare const BentoDataGrid: __VLS_WithTemplateSlots_11<DefineComponent<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -5332,7 +5516,7 @@ export declare enum BentoDatagridSortDirection {
  *     `
  * }
  */
-export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
+export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
 /**
 * Renderes the icon with color.
 */
@@ -5348,7 +5532,7 @@ variant?: BentoDataGridStaticIconVariant;
 }>, {
 variant: string;
 colored: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
 /**
 * Renderes the icon with color.
 */
@@ -5398,11 +5582,11 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDataGridSummaryCellProps>, {
+export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDataGridSummaryCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
@@ -5437,6 +5621,32 @@ declare interface BentoDataGridSummaryCellProps {
     tooltipText?: string;
 }
 
+/**
+ * The bento-data-grid-tag-with-text-cell is a component for `bento-data-grid` that displays a tag alongside a text value.
+ *
+ * @example
+ * import { BentoDataGridTagWithTextCell } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDataGridTagWithTextCell },
+ *     template: `
+ *          <bento-data-grid-tag-with-text-cell :tag="{ label: 'POST', variant: 'blue' }" value="Sample text" />
+ *     `
+ * }
+ */
+export declare const BentoDataGridTagWithTextCell: DefineComponent<__VLS_TypePropsToRuntimeProps_12<BentoDataGridTagWithTextCellProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_12<BentoDataGridTagWithTextCellProps>>>, {}>;
+
+declare interface BentoDataGridTagWithTextCellProps {
+    /**
+     * The tag to display. {@see BentoTagProps}
+     */
+    tag: BentoTagProps;
+    /**
+     * The text to display next to the tag.
+     */
+    value: string;
+}
+
 /**
  * The data grid template is a restrictive, full-page data grid used to display information from a data set.
  * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.
@@ -5460,7 +5670,7 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_61<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_62<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -5679,10 +5889,10 @@ export declare interface BentoDataGridTemplateTabs {
  *     `
  * }
  */
-export declare const BentoDataGridTrendCell: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridTrendCellProps>, {
+export declare const BentoDataGridTrendCell: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_13<BentoDataGridTrendCellProps>, {
 variant: string;
 direction: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridTrendCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_13<BentoDataGridTrendCellProps>, {
 variant: string;
 direction: string;
 }>>>, {
@@ -5727,11 +5937,11 @@ export declare interface BentoDataGridVisibleRowsState {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5798,12 +6008,12 @@ export declare enum BentoDateFormat {
  *      }
  * }
  */
-export declare const BentoDatePicker: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDatePickerProps>, {
+export declare const BentoDatePicker: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_14<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
 errorMessage: any;
-firstDayOfWeek: number;
+firstDayOfWeek: any;
 isDateDisabled: any;
 label: any;
 max: any;
@@ -5832,12 +6042,12 @@ variant: any;
 "update:model-value": (value: Date) => void;
 } & {
 input: (value: Date) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDatePickerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_14<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
 errorMessage: any;
-firstDayOfWeek: number;
+firstDayOfWeek: any;
 isDateDisabled: any;
 label: any;
 max: any;
@@ -5859,14 +6069,14 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-modelValue: BentoDatePickerValue | null;
-errorMessage: string;
-tooltipText: string;
 isDateDisabled: CalendarMonthIsDateDisabled;
 firstDayOfWeek: CalendarMonthFirstDayOfWeek;
 min: Date | null;
 max: Date | null;
 defaultDisplayMonth: string | null;
+tooltipText: string;
+errorMessage: string;
+modelValue: BentoDatePickerValue | null;
 placeholder: string;
 }>;
 
@@ -5888,7 +6098,7 @@ export declare interface BentoDatePickerProps extends FormField {
     defaultDisplayMonth?: string | null;
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     * @default 1
+     * @default undefined
      */
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek;
     /**
@@ -5990,11 +6200,11 @@ export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null
  *      }
  * }
  */
-export declare const BentoDateRangePicker: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateRangePickerProps>, {
+export declare const BentoDateRangePicker: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_15<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
-firstDayOfWeek: number;
+firstDayOfWeek: any;
 hasActions: boolean;
 isDateDisabled: any;
 label: any;
@@ -6028,11 +6238,11 @@ variant: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: any) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateRangePickerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_15<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
-firstDayOfWeek: number;
+firstDayOfWeek: any;
 hasActions: boolean;
 isDateDisabled: any;
 label: any;
@@ -6059,9 +6269,6 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-modelValue: BentoDateRangePickerValue | null;
-errorMessage: string;
-tooltipText: string;
 isDateDisabled: CalendarMonthIsDateDisabled;
 firstDayOfWeek: CalendarMonthFirstDayOfWeek | number;
 min: Date;
@@ -6069,6 +6276,9 @@ max: Date;
 maxRange: number;
 numberOfMonths: number;
 showEndDateOnOpen: boolean;
+tooltipText: string;
+errorMessage: string;
+modelValue: BentoDateRangePickerValue | null;
 placeholder: string;
 quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 hasActions: boolean;
@@ -6098,7 +6308,7 @@ export declare interface BentoDateRangePickerProps extends FormField {
     allowTimeInput?: boolean;
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     * @default 1
+     * @default undefined
      */
     firstDayOfWeek?: CalendarMonthFirstDayOfWeek | number;
     /**
@@ -6152,7 +6362,7 @@ export declare interface BentoDateRangePickerProps extends FormField {
     /**
      * Enables the date picker selection to persist until it is explicitly applied.
      * Displays a set of buttons: Apply and Cancel.
-     * @deprecated This will be the default behaviour in v2.0.0.
+     * @deprecated This will be the default behavior in v2.0.0.
      * @default false
      */
     hasActions?: boolean;
@@ -6178,9 +6388,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_17<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -6234,7 +6444,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_16<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -6274,7 +6484,7 @@ input: (selectedValue: any) => void;
 "show-more": () => void;
 } & {
 open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_16<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -6320,9 +6530,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -6330,6 +6539,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -6448,17 +6658,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -6498,6 +6703,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -6608,17 +6818,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -6658,6 +6863,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -6694,9 +6904,8 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoAvatarListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -6704,6 +6913,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -6839,17 +7049,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -6889,6 +7094,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7007,17 +7217,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -7057,6 +7262,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7094,9 +7304,8 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCountryListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -7104,6 +7313,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -7219,17 +7429,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -7269,6 +7474,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7378,17 +7588,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -7428,6 +7633,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7464,9 +7674,8 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCurrencyListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -7474,6 +7683,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -7599,17 +7809,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -7649,6 +7854,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7758,17 +7968,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -7808,6 +8013,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7844,9 +8054,8 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -7854,6 +8063,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -8106,17 +8316,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -8156,6 +8361,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -8266,17 +8476,12 @@ type: PropType<string>;
 } & {
 default: any;
 };
-modelValue: {
-type: PropType<BentoListboxSelectedValue>;
-} & {
-default: any;
-};
-errorMessage: {
+tooltipText: {
 type: PropType<string>;
 } & {
 default: any;
 };
-tooltipText: {
+errorMessage: {
 type: PropType<string>;
 } & {
 default: any;
@@ -8316,6 +8521,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -8352,9 +8562,8 @@ size: BentoDropdownSize_2 | `${BentoDropdownSize_2}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoTagListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -8362,6 +8571,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -8403,14 +8613,14 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoEmptyStateProps>, {
+export declare const BentoEmptyState: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_23<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
 image: any;
 title: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoEmptyStateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_23<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -8523,7 +8733,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_24<BentoFileUploaderProps>, {
 accept: any;
 condensed: boolean;
 description: any;
@@ -8545,7 +8755,7 @@ input: (value?: FileList) => void;
 "update:model-value": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_24<BentoFileUploaderProps>, {
 accept: any;
 condensed: boolean;
 description: any;
@@ -8566,9 +8776,9 @@ required: boolean;
 condensed: boolean;
 disabled: boolean;
 optional: boolean;
-modelValue: BentoFileUploaderValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
+modelValue: BentoFileUploaderValue;
 accept: HTMLInputElement["accept"];
 maxCount: number;
 maxDimensions: any;
@@ -8642,7 +8852,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoFilterBarProps<any, undefined>>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8659,7 +8869,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoFilterBarProps<any, undefined>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_25<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8900,7 +9110,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: __VLS_WithTemplateSlots_17<DefineComponent<    {
+export declare const BentoFormLayout: __VLS_WithTemplateSlots_18<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -8966,7 +9176,7 @@ loading: boolean;
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_18<DefineComponent<    {
+export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_19<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -9030,7 +9240,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_20<DefineComponent<    {
+export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_21<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
@@ -9095,7 +9305,7 @@ layout: BentoLayoutGroupProportions;
 }>;
 
 /**
- * If you’re building a lengthy form, organise related
+ * If you’re building a lengthy form, organize related
  * fields into sections and, if needed, subsections.
  *
  * A form can have a "Section Title" and multiple "Subsection titles".
@@ -9116,7 +9326,7 @@ layout: BentoLayoutGroupProportions;
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_19<DefineComponent<    {
+export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_20<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -9352,7 +9562,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_27<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9380,7 +9590,7 @@ activeViewIndex: any;
 "update:skip-unsaved-changes": (value: boolean) => void;
 } & {
 "update:active-view-index": (value: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_27<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9606,10 +9816,10 @@ export declare const BentoHighlightDirective: {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -9659,11 +9869,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '@adyen/bento-vue2';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_29<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_29<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -9726,7 +9936,7 @@ export declare interface BentoInputDropdownProps {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_30<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9774,7 +9984,7 @@ input: (inputValue: string) => void;
 "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
 } & {
 "update:model-value": (inputValue: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_30<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9810,9 +10020,9 @@ error: boolean;
 optional: boolean;
 readonly: boolean;
 ariaLabel: string;
-modelValue: BentoInputFieldValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
+modelValue: BentoInputFieldValue;
 placeholder: string;
 slashedZero: boolean;
 dropdown: BentoInputDropdownProps;
@@ -9881,7 +10091,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_31<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -9910,7 +10120,7 @@ focus: () => void;
 input: (value: BentoInputFieldValue) => void;
 } & {
 "update:model-value": (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_31<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -9937,11 +10147,11 @@ disabled: boolean;
 validation: BentoInputFieldPasswordValidation;
 optional: boolean;
 readonly: boolean;
-modelValue: BentoInputFieldProps["modelValue"];
-errorMessage: string;
 tooltipText: string;
-debounceTime: number;
+errorMessage: string;
+modelValue: BentoInputFieldProps["modelValue"];
 placeholder: string;
+debounceTime: number;
 disableValidation: boolean;
 withHint: boolean;
 }>, {
@@ -10041,7 +10251,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_32<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -10055,7 +10265,7 @@ input: (value: string) => void;
 "update:selected-country": (country: CountryCode) => void;
 } & {
 "input:valid": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_32<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
@@ -10329,7 +10539,7 @@ export declare interface BentoInpuWithDropdowntFilterValue {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_33<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10343,7 +10553,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_33<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10355,8 +10565,8 @@ pageFocusAnchor: any;
 isOpen: boolean;
 loading: boolean;
 size: BentoInspectorSize;
-expandable: boolean;
 activePage: string;
+expandable: boolean;
 relativeLayout: BentoInspectorRelativeLayout;
 pageFocusAnchor: HTMLElement;
 }>, {
@@ -10440,7 +10650,7 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
 }
 
 /**
- * Layout is a basic scaffolding of a page that defines spacing, some functionality and responsive behaviour of its top level sections.
+ * Layout is a basic scaffolding of a page that defines spacing, some functionality and responsive behavior of its top level sections.
  *
  * @example
  * import { BentoLayout, BentoLayoutRow } from '@adyen/bento-vue2';
@@ -10459,10 +10669,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_34<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_34<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -10505,9 +10715,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_35<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_35<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -10539,10 +10749,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_28<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_29<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_37<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_37<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -10663,7 +10873,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoLoadingButton: __VLS_WithTemplateSlots_6<DefineComponent<    {
+export declare const BentoLoadingButton: __VLS_WithTemplateSlots_7<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -10800,7 +11010,7 @@ declare enum BentoLoadingButtonState_2 {
  *     `
  * };
  */
-export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLoadingIndicatorProps>, {
+export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_36<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -10808,7 +11018,7 @@ inverse: boolean;
 "loading-start": () => void;
 } & {
 "loading-end": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLoadingIndicatorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_36<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -10855,7 +11065,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -10878,7 +11088,7 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -11103,7 +11313,7 @@ declare interface BentoMenuProps_2 {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_30<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_31<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11441,7 +11651,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11583,7 +11793,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_33<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_34<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -11725,7 +11935,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_39<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11734,7 +11944,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_39<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11882,7 +12092,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_40<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11898,7 +12108,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_40<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11964,11 +12174,11 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_41<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_41<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
@@ -13165,7 +13375,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_42<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13189,7 +13399,7 @@ overflowVisible: boolean;
 dismiss: () => void;
 } & {
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_42<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13408,7 +13618,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_43<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13416,7 +13626,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_43<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13555,7 +13765,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_38<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_39<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -13710,7 +13920,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRadioGroupProps>, {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13741,7 +13951,7 @@ focus: () => void;
 "update:model-value": (value: BentoRadioButtonValue) => void;
 } & {
 input: (value: BentoRadioButtonValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRadioGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13761,11 +13971,11 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-hasError: boolean;
-modelValue: BentoRadioGroupValue | null;
-errorMessage: string;
 tooltipText: string;
 hideLabel: boolean | null;
+errorMessage: string;
+hasError: boolean;
+modelValue: BentoRadioGroupValue | null;
 formId: string | null;
 }>, {
     content: (_: {}) => any;
@@ -13912,7 +14122,7 @@ export declare interface BentoRangeFilterOptions {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13924,7 +14134,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13940,9 +14150,9 @@ description: string;
 label: string;
 required: boolean;
 disabled: boolean;
-errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
+errorMessage: string;
 mode: BentoRichTextEditorMode;
 }>;
 
@@ -14036,7 +14246,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_43<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -14058,7 +14268,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_43<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -14069,9 +14279,9 @@ value: any;
 value: string;
 condensed: boolean;
 disabled: boolean;
-debounceTime: number;
 placeholder: string;
 hint: string;
+debounceTime: number;
 }>;
 
 export declare type BentoSearchBarData = Array<BentoSearchBarItem>;
@@ -14147,7 +14357,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_44<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_47<{
 /**
 * 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.
@@ -14160,7 +14370,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_44<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_47<{
 /**
 * 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.
@@ -14205,7 +14415,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14214,7 +14424,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14409,7 +14619,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_39<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_40<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -14602,7 +14812,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSelectionCardGroupProps>, {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_49<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14633,7 +14843,7 @@ variant: string;
 "update:model-value": (value: BentoSelectionCardModelValue_2) => void;
 } & {
 input: (value: BentoSelectionCardModelValue_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSelectionCardGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_49<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14657,10 +14867,10 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 layout: BentoSelectionCardGroupLayout;
-modelValue: BentoSelectionCardModelValue_2;
-errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
+errorMessage: string;
+modelValue: BentoSelectionCardModelValue_2;
 formId: string;
 itemsPerRow: BentoSelectionCardGroupItemsPerRow;
 }>, {
@@ -14787,7 +14997,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_42<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_43<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14915,7 +15125,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_41<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_42<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -15058,7 +15268,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_47<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_47<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_TypePropsToRuntimeProps_50<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_50<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -15103,7 +15313,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_45<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_46<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -15160,7 +15370,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_44<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_45<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -15276,7 +15486,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15300,7 +15510,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15354,7 +15564,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_TypePropsToRuntimeProps_49<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_TypePropsToRuntimeProps_52<{
 /**
 * Label to display for the value
 */
@@ -15381,7 +15591,7 @@ searchTooltip?: string;
 truncate?: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 copy: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_49<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_52<{
 /**
 * Label to display for the value
 */
@@ -15436,10 +15646,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -15474,7 +15684,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15491,7 +15701,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemAmountProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15551,7 +15761,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_58<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15561,7 +15771,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemCustomProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_58<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15625,7 +15835,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15641,7 +15851,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemNumericProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15700,7 +15910,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_56<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15716,7 +15926,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemPercentageProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_56<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15790,7 +16000,7 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_57<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15800,7 +16010,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemTextProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_57<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15901,13 +16111,13 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_59<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
 setElementRef: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_59<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -16072,11 +16282,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoTagProps>, {
+export declare const BentoTag: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -16152,7 +16362,7 @@ declare interface BentoTeleportProps_2 {
     // NOTE: "where" is not added as it doesn't exist in Vue3
 }
 
-export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTextareaProps>, {
+export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_60<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -16189,7 +16399,7 @@ input: (value: string) => void;
 keydown: (event: KeyboardEvent) => void;
 } & {
 keyup: (event: KeyboardEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTextareaProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_60<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -16216,10 +16426,10 @@ optional: boolean;
 readonly: boolean;
 height: string | null;
 ariaLabel: string;
-modelValue: string;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 characterLimit: number;
+modelValue: string;
 placeholder: string;
 clearable: boolean;
 resizable: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
@@ -16322,11 +16532,11 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineProps>, {
+export declare const BentoTimeline: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_61<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_61<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
@@ -16397,7 +16607,7 @@ export declare enum BentoTimelineGapUnit {
  *     `
  * }
  */
-export declare const BentoTimelineItem: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<BentoTimelineItemProps>, {
+export declare const BentoTimelineItem: __VLS_WithTemplateSlots_57<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_62<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -16406,7 +16616,7 @@ tag: any;
 title: any;
 type: string;
 variant: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<BentoTimelineItemProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_62<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -16582,7 +16792,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: __VLS_WithTemplateSlots_57<DefineComponent<    {
+export declare const BentoToggle: __VLS_WithTemplateSlots_58<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -16693,7 +16903,7 @@ labelPosition: "after" | "before" | BentoToggleLabelPosition;
  *     `
  * }
  */
-export declare const BentoToggleButton: __VLS_WithTemplateSlots_7<DefineComponent<    {
+export declare const BentoToggleButton: __VLS_WithTemplateSlots_8<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -17033,7 +17243,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_58<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<BentoTypographyProps>, {
+export declare const BentoTypography: __VLS_WithTemplateSlots_59<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_63<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -17041,7 +17251,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<BentoTypographyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_63<BentoTypographyProps>, {
 el: BentoTypographyElement;
 large: boolean;
 medium: boolean;
@@ -17834,10 +18044,12 @@ export declare function useForm<T extends ZodSchema>({ validationSchema, }: UseF
  *
  * @param {Ref<String>} searchTerm - Text that satisfies the search criteria.
  * @param {Ref<BentoSearchBarData>} data - Array to be filtered by {@param searchTerm}
- * @returns {Ref<BentoSearchBarData>} New instance of the array filtered by the {@param searchTerm} text
+ * @param {Function} searchEvent - Optional search event to trigger on search term change.
  * @param {Ref<Boolean>} ignoreGroups - Boolean that determines if search returns items with subitems
+ * @param {Number} debounceTime - Optional debounce time for the search event.
+ * @returns {Ref<BentoSearchBarData>} New instance of the array filtered by the {@param searchTerm} text
  */
-export declare function useSearchBarFilter<T extends BentoSearchBarItem>(searchTerm: Ref<string>, data: Ref<Array<T>>, searchEvent?: (searchValue: string) => void, ignoreGroups?: Ref<boolean>): ComputedRef<any>;
+export declare function useSearchBarFilter<T extends BentoSearchBarItem>(searchTerm: Ref<string>, data: Ref<Array<T>>, searchEvent?: (searchValue: string) => void, ignoreGroups?: Ref<boolean>, debounceTime?: number): ComputedRef<any>;
 
 declare type UseVirtualListItemHeight = number | ((index: number) => number);