@adyen/bento-vue2 1.84.2 → 1.86.0

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

@@ -20,7 +20,7 @@ import type { RouterLinkProps as RouterLinkProps_2 } from 'vue-router/types/rout
 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 { ZodSchema } from 'zod';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -141,6 +141,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;
@@ -678,6 +684,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]>>;
@@ -1041,6 +1074,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];
@@ -1407,6 +1452,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;
@@ -1431,6 +1482,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
  */
@@ -1670,11 +1733,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'
@@ -1729,11 +1793,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'
@@ -1755,6 +1820,7 @@ variant: BentoActionBarVariant;
 actions: BentoButtonActionsList;
 visibleActions: number;
 extraBottomSpacing: boolean;
+itemCounter: number;
 selectionLabel: string;
 }>;
 
@@ -1787,7 +1853,7 @@ declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps
  *     `
  * }
  */
-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;
@@ -1795,7 +1861,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;
@@ -1837,6 +1903,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 '../..';
+ *
+ * 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
@@ -1853,7 +1976,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
 */
@@ -1874,7 +1997,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
 */
@@ -1928,6 +2051,65 @@ export declare enum BentoAlertVariant {
     TIP = "tip"
 }
 
+/**
+ * A navigation component that tracks page scroll and allows jumping to sections.
+ *
+ * @example
+ * import { BentoAnchorScroller } from '../..';
+ * 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.
  *
@@ -1939,7 +2121,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.
 */
@@ -1959,7 +2141,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.
 */
@@ -1990,7 +2172,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;
@@ -2006,7 +2188,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;
@@ -2311,7 +2493,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
 */
@@ -2483,10 +2665,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;
 }>>>, {
@@ -2618,7 +2800,7 @@ export declare enum BentoButtonVariant {
  *     `
  * };
  */
-export declare const BentoCard: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
+export declare const BentoCard: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_13<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -2693,7 +2875,7 @@ titleSize: BentoCardTitleSize;
 click: () => void;
 } & {
 expanded: (isExpanded: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_13<{
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -3030,10 +3212,10 @@ tag: any;
 optional: boolean;
 readonly: boolean;
 ariaLabel: string;
+errorMessage: string;
 indeterminate: boolean;
 hasError: boolean;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
-errorMessage: string;
 }>;
 
 export declare enum BentoCheckboxEvent {
@@ -3060,7 +3242,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.
 */
@@ -3289,11 +3471,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;
@@ -3372,7 +3554,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_17<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3380,7 +3562,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_17<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3462,7 +3644,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_18<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3472,7 +3654,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_18<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3588,6 +3770,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>;
@@ -3637,11 +3821,11 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCountryProps>, {
+export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_19<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_19<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -3957,13 +4141,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_20<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_20<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -4210,7 +4394,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
 */
@@ -4221,7 +4405,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
 */
@@ -4269,7 +4453,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
 */
@@ -4292,7 +4476,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
 */
@@ -4350,7 +4534,7 @@ export declare interface BentoDashboardTemplateTabs {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
+export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -4360,7 +4544,7 @@ disabled: boolean;
 };
 tooltipText: any;
 tooltipPosition: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverTitle: any;
 popoverPosition: string;
@@ -4440,7 +4624,7 @@ export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
  *     `
  * }
  */
-export declare const BentoDataGrid: __VLS_WithTemplateSlots_9<DefineComponent<    {
+export declare const BentoDataGrid: __VLS_WithTemplateSlots_10<DefineComponent<    {
 /**
 * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
 */
@@ -5213,7 +5397,7 @@ export declare enum BentoDatagridSortDirection {
  *     `
  * }
  */
-export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
+export declare const BentoDataGridStaticIcon: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
 /**
 * Renderes the icon with color.
 */
@@ -5229,7 +5413,7 @@ variant?: BentoDataGridStaticIconVariant;
 }>, {
 variant: string;
 colored: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
 /**
 * Renderes the icon with color.
 */
@@ -5279,11 +5463,11 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDataGridSummaryCellProps>, {
+export declare const BentoDataGridSummaryCell: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoDataGridSummaryCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridSummaryCellProps>, {
 dashedUnderline: () => {};
 searchTerm: string;
 tooltipText: any;
@@ -5318,6 +5502,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 '../../../..';
+ *
+ * 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_11<BentoDataGridTagWithTextCellProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_11<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.
@@ -5341,7 +5551,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
 */
@@ -5560,10 +5770,10 @@ export declare interface BentoDataGridTemplateTabs {
  *     `
  * }
  */
-export declare const BentoDataGridTrendCell: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDataGridTrendCellProps>, {
+export declare const BentoDataGridTrendCell: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_12<BentoDataGridTrendCellProps>, {
 variant: string;
 direction: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDataGridTrendCellProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_12<BentoDataGridTrendCellProps>, {
 variant: string;
 direction: string;
 }>>>, {
@@ -5608,11 +5818,11 @@ export declare interface BentoDataGridVisibleRowsState {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_21<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5679,12 +5889,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;
@@ -5713,12 +5923,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;
@@ -5740,14 +5950,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;
 }>;
 
@@ -5769,7 +5979,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;
     /**
@@ -5871,11 +6081,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;
@@ -5909,11 +6119,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;
@@ -5940,9 +6150,6 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-modelValue: BentoDateRangePickerValue | null;
-errorMessage: string;
-tooltipText: string;
 isDateDisabled: CalendarMonthIsDateDisabled;
 firstDayOfWeek: CalendarMonthFirstDayOfWeek | number;
 min: Date;
@@ -5950,6 +6157,9 @@ max: Date;
 maxRange: number;
 numberOfMonths: number;
 showEndDateOnOpen: boolean;
+tooltipText: string;
+errorMessage: string;
+modelValue: BentoDateRangePickerValue | null;
 placeholder: string;
 quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 hasActions: boolean;
@@ -5979,7 +6189,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;
     /**
@@ -6033,7 +6243,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;
@@ -6059,9 +6269,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_22<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -6115,7 +6325,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;
@@ -6155,7 +6365,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;
@@ -6201,9 +6411,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -6211,6 +6420,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -6329,17 +6539,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;
@@ -6379,6 +6584,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -6489,17 +6699,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;
@@ -6539,6 +6744,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -6575,9 +6785,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoAvatarListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -6585,6 +6794,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -6720,17 +6930,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;
@@ -6770,6 +6975,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -6888,17 +7098,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;
@@ -6938,6 +7143,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -6975,9 +7185,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCountryListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -6985,6 +7194,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -7100,17 +7310,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;
@@ -7150,6 +7355,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7259,17 +7469,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;
@@ -7309,6 +7514,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7345,9 +7555,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCurrencyListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -7355,6 +7564,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -7480,17 +7690,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;
@@ -7530,6 +7735,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7639,17 +7849,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;
@@ -7689,6 +7894,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -7725,9 +7935,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -7735,6 +7944,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -7979,17 +8189,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;
@@ -8029,6 +8234,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -8139,17 +8349,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;
@@ -8189,6 +8394,11 @@ type: PropType<BentoListboxVirtulisationOptions>;
 } & {
 default: boolean;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 dynamicFiltering: {
 type: PropType<boolean>;
 } & {
@@ -8225,9 +8435,8 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoTagListboxOptions;
-modelValue: BentoListboxSelectedValue;
-errorMessage: string;
 tooltipText: string;
+errorMessage: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
@@ -8235,6 +8444,7 @@ lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
+modelValue: BentoListboxSelectedValue;
 dynamicFiltering: boolean;
 showSlotContentInMultiple: boolean;
 enableValueLabelPair: boolean;
@@ -8276,14 +8486,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;
@@ -8396,7 +8606,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;
@@ -8418,7 +8628,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;
@@ -8439,9 +8649,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;
@@ -8515,7 +8725,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: () => {
@@ -8532,7 +8742,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: () => {
@@ -8773,7 +8983,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`
 */
@@ -8839,7 +9049,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
@@ -8903,7 +9113,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.
@@ -8968,7 +9178,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".
@@ -8989,7 +9199,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".
@@ -9225,7 +9435,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;
@@ -9253,7 +9463,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;
@@ -9479,10 +9689,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;
 }>>>, {
@@ -9532,11 +9742,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '../..';
  * </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}`;
@@ -9599,7 +9809,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;
@@ -9647,7 +9857,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;
@@ -9683,9 +9893,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;
@@ -9754,7 +9964,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;
@@ -9783,7 +9993,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;
@@ -9810,11 +10020,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;
 }>, {
@@ -9914,7 +10124,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;
@@ -9928,7 +10138,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;
@@ -10202,7 +10412,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;
@@ -10216,7 +10426,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;
@@ -10228,8 +10438,8 @@ pageFocusAnchor: any;
 isOpen: boolean;
 loading: boolean;
 size: BentoInspectorSize;
-expandable: boolean;
 activePage: string;
+expandable: boolean;
 relativeLayout: BentoInspectorRelativeLayout;
 pageFocusAnchor: HTMLElement;
 }>, {
@@ -10313,7 +10523,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 '../..';
@@ -10332,10 +10542,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;
 }>>>, {
@@ -10378,9 +10588,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;
@@ -10427,12 +10637,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_37<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_37<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -10573,7 +10783,7 @@ export { BentoListboxVirtulisationOptions }
  *     `
  * }
  */
-export declare const BentoLoadingButton: __VLS_WithTemplateSlots_6<DefineComponent<    {
+export declare const BentoLoadingButton: __VLS_WithTemplateSlots_7<DefineComponent<    {
 /**
 * Reduces sizing of button
 */
@@ -10703,7 +10913,7 @@ export declare enum BentoLoadingButtonState {
  *     `
  * };
  */
-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;
@@ -10711,7 +10921,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;
@@ -10758,7 +10968,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;
@@ -10781,7 +10991,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;
@@ -10927,7 +11137,7 @@ export declare interface BentoMenuProps {
  *     `
  * };
  */
-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".
@@ -11265,7 +11475,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".
@@ -11407,7 +11617,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".
@@ -11549,7 +11759,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;
@@ -11558,7 +11768,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;
@@ -11706,7 +11916,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;
@@ -11722,7 +11932,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;
@@ -11788,11 +11998,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;
@@ -12989,7 +13199,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;
@@ -13013,7 +13223,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;
@@ -13225,7 +13435,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;
@@ -13233,7 +13443,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;
@@ -13372,7 +13582,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)
 */
@@ -13527,7 +13737,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;
@@ -13558,7 +13768,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;
@@ -13578,11 +13788,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;
@@ -13729,7 +13939,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;
@@ -13741,7 +13951,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;
@@ -13757,9 +13967,9 @@ description: string;
 label: string;
 required: boolean;
 disabled: boolean;
-errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
+errorMessage: string;
 mode: BentoRichTextEditorMode;
 }>;
 
@@ -13853,7 +14063,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;
@@ -13875,7 +14085,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;
@@ -13886,9 +14096,9 @@ value: any;
 value: string;
 condensed: boolean;
 disabled: boolean;
-debounceTime: number;
 placeholder: string;
 hint: string;
+debounceTime: number;
 }>;
 
 export declare type BentoSearchBarData = Array<BentoSearchBarItem>;
@@ -13964,7 +14174,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.
@@ -13977,7 +14187,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.
@@ -14022,7 +14232,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_49<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14031,7 +14241,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_49<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14226,7 +14436,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
 */
@@ -14419,7 +14629,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSelectionCardGroupProps>, {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14450,7 +14660,7 @@ variant: string;
 "update:model-value": (value: BentoSelectionCardModelValue) => void;
 } & {
 input: (value: BentoSelectionCardModelValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSelectionCardGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14474,10 +14684,10 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 layout: BentoSelectionCardGroupLayout;
-modelValue: BentoSelectionCardModelValue;
-errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
+errorMessage: string;
+modelValue: BentoSelectionCardModelValue;
 formId: string;
 itemsPerRow: BentoSelectionCardGroupItemsPerRow;
 }>, {
@@ -14602,7 +14812,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
@@ -14730,7 +14940,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".
@@ -14873,7 +15083,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;
 }>;
 
@@ -14918,7 +15128,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.
 */
@@ -14975,7 +15185,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
@@ -15091,7 +15301,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.
 */
@@ -15115,7 +15325,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.
 */
@@ -15169,7 +15379,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
 */
@@ -15196,7 +15406,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
 */
@@ -15251,10 +15461,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;
 }>>>, {
@@ -15289,7 +15499,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;
@@ -15306,7 +15516,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;
@@ -15366,7 +15576,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;
@@ -15376,7 +15586,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;
@@ -15440,7 +15650,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;
@@ -15456,7 +15666,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;
@@ -15515,7 +15725,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;
@@ -15531,7 +15741,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;
@@ -15596,7 +15806,7 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-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;
@@ -15606,7 +15816,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;
@@ -15698,13 +15908,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;
@@ -15869,11 +16079,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoTagProps>, {
+export declare const BentoTag: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15932,7 +16142,7 @@ declare interface BentoTeleportProps {
     to?: string;
 }
 
-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;
@@ -15969,7 +16179,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;
@@ -15996,10 +16206,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}`;
@@ -16102,11 +16312,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;
@@ -16177,7 +16387,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;
@@ -16186,7 +16396,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;
@@ -16362,7 +16572,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.
 */
@@ -16473,7 +16683,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
 */
@@ -16805,7 +17015,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;
@@ -16813,7 +17023,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;
@@ -17594,10 +17804,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);