@adyen/bento-vue3 1.56.0-rc.1 → 1.56.0

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

@@ -1,4 +1,7 @@
 import type { ButtonHTMLAttributes } from '@vue/runtime-dom';
+import { ButtonHTMLAttributes as ButtonHTMLAttributes_2 } from 'vue';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
@@ -10,7 +13,7 @@ import { default as default_2 } from 'vue-i18n';
 import { DefineComponent } from 'vue';
 import { DirectiveBinding } from 'vue';
 import type { DirectiveHook } from 'vue';
-import { EditorView } from '@codemirror/view';
+import { ExtractComputedReturns } from 'vue/types/v3-component-options';
 import { ExtractPropTypes } from 'vue';
 import type { HTMLAttributes } from '@vue/runtime-dom';
 import { Placement } from '@floating-ui/vue';
@@ -19,10 +22,11 @@ import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import type { RouterLinkProps } from 'vue-router';
-import { ShallowRef } from 'vue';
+import { ShallowUnwrapRef } from 'vue';
 import type { typeToFlattenedError } from 'zod';
 import { UnwrapRef } from 'vue';
 import { VNode } from 'vue';
+import { Vue3Instance } from 'vue/types/v3-component-public-instance';
 import type { ZodSchema } from 'zod';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -93,6 +97,8 @@ declare type __VLS_NonUndefinedable_39<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_40<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
@@ -409,6 +415,15 @@ declare type __VLS_TypePropsToRuntimeProps_4<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_40<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_40<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_5<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_5<T[K]>>;
@@ -634,6 +649,12 @@ declare type __VLS_WithDefaults_36<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_37<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_4<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -946,6 +967,12 @@ declare type __VLS_WithTemplateSlots_50<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_51<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     new (): {
         $slots: S;
@@ -1018,6 +1045,10 @@ declare interface BaseSummaryGridItemProps {
      * Defines the color of secondary trend tag
      */
     secondaryTrendDirection?: `${BentoSummaryGridItemTrendDirection}`;
+    /**
+     * Size of the popover of a dashed-underline title
+     */
+    underlinePopoverSize?: BentoDashedUnderlineProps['popoverSize'];
     /**
      * Text showed in a dashed-underline title tooltip on hover
      */
@@ -2627,174 +2658,38 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: DefineComponent<    {
-/**
-* Defines the variant of code-snippet
-*/
-variant: {
-type: PropType<BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`>;
-default: BentoCodeSnippetVariant;
-validator: (value: BentoCodeSnippetVariant) => boolean;
-};
-/**
-* Language name for syntax highlighting rules
-*/
-lang: {
-type: PropType<BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`>;
-default: BentoCodeSnippetSupportedLanguage;
-validator: (value: BentoCodeSnippetSupportedLanguage) => boolean;
-};
-/**
-* Label to show in the action-bar, describing the language
-*/
-langLabel: {
-type: StringConstructor;
-default: any;
-};
-/**
-* The code content
-*/
-content: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Allows editing of the code-snippet content by the user
-*/
-editable: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays a button that when clicked will emit an action event
-* Leaves to the parent component the logic of what to do with it
-*/
-actionable: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays a button that can expand the codeblock into a modal to easily
-* view large blocks of code.
-*/
-expandable: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays a button that when clicked will emit a run event
-* Leaves to the parent component the logic of what to do with it
-*/
-actionableText: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Toggles the loading indicator within the action bar
-*/
-loading: {
-type: BooleanConstructor;
-default: boolean;
-};
-}, {
-availableLanguages: any[];
-codeAreaContentConditionalClasses: ComputedRef<    {
-'b-code-snippet__code-area-content--editable': boolean;
-}>;
-conditionalClasses: ComputedRef<    {
-'b-code-snippet--inline': boolean;
-'b-code-snippet--scrollable': boolean;
-}>;
-container: ShallowRef<HTMLDivElement>;
-currentContents: any;
-displayedLang: ComputedRef<string>;
-editor: ShallowRef<EditorView>;
-selectedLanguage: Ref<string>;
-showModal: Ref<boolean>;
-isInlineVariant: ComputedRef<boolean>;
-handleChangeLanguage: () => void;
-onActionClicked: () => void;
-runText: ComputedRef<string>;
-t: (key: "expand" | "run" | "nothingToDisplay", values?: default_2.Values) => string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<    {
-/**
-* Defines the variant of code-snippet
-*/
-variant: {
-type: PropType<BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`>;
-default: BentoCodeSnippetVariant;
-validator: (value: BentoCodeSnippetVariant) => boolean;
-};
-/**
-* Language name for syntax highlighting rules
-*/
-lang: {
-type: PropType<BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`>;
-default: BentoCodeSnippetSupportedLanguage;
-validator: (value: BentoCodeSnippetSupportedLanguage) => boolean;
-};
-/**
-* Label to show in the action-bar, describing the language
-*/
-langLabel: {
-type: StringConstructor;
-default: any;
-};
-/**
-* The code content
-*/
-content: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Allows editing of the code-snippet content by the user
-*/
-editable: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays a button that when clicked will emit an action event
-* Leaves to the parent component the logic of what to do with it
-*/
-actionable: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays a button that can expand the codeblock into a modal to easily
-* view large blocks of code.
-*/
-expandable: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
-* Displays a button that when clicked will emit a run event
-* Leaves to the parent component the logic of what to do with it
-*/
-actionableText: {
-type: StringConstructor;
-default: string;
-};
-/**
-* Toggles the loading indicator within the action bar
-*/
-loading: {
-type: BooleanConstructor;
-default: boolean;
-};
-}>>, {
-variant: "inline" | "multiline" | "singleline" | BentoCodeSnippetVariant;
-loading: boolean;
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCodeSnippetProps>, {
+actionable: boolean;
+actionableText: any;
 content: string;
+editable: boolean;
 expandable: boolean;
-lang: "json" | "xml" | "java" | "javascript" | "python" | "csv" | BentoCodeSnippetSupportedLanguage;
-langLabel: string;
+lang: BentoCodeSnippetSupportedLanguage;
+langLabel: any;
+loading: boolean;
+variant: BentoCodeSnippetVariant;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCodeSnippetProps>, {
+actionable: boolean;
+actionableText: any;
+content: string;
 editable: boolean;
+expandable: boolean;
+lang: BentoCodeSnippetSupportedLanguage;
+langLabel: any;
+loading: boolean;
+variant: BentoCodeSnippetVariant;
+}>>>, {
+variant: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
+loading: boolean;
+content: string;
+expandable: boolean;
 actionable: boolean;
 actionableText: string;
+editable: boolean;
+lang: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;
+langLabel: string;
+}>, {
+    'empty-state': (_: {}) => any;
 }>;
 
 export declare enum BentoCodeSnippetEvent {
@@ -2802,6 +2697,48 @@ export declare enum BentoCodeSnippetEvent {
     CHANGE = "change"
 }
 
+export declare interface BentoCodeSnippetProps {
+    /**
+     * Displays a button that when clicked will emit an action event
+     * Leaves to the parent component the logic of what to do with it
+     */
+    actionable?: boolean;
+    /**
+     * Displays a button that when clicked will emit a run event
+     * Leaves to the parent component the logic of what to do with it
+     */
+    actionableText?: string;
+    /**
+     * The code content
+     */
+    content?: string;
+    /**
+     * Displays a button that can expand the codeblock into a modal to easily
+     * view large blocks of code.
+     */
+    expandable?: boolean;
+    /**
+     * Allows editing of the code-snippet content by the user
+     */
+    editable?: boolean;
+    /**
+     * Language name for syntax highlighting rules
+     */
+    lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;
+    /**
+     * Label to show in the action-bar, describing the language
+     */
+    langLabel?: string;
+    /**
+     * Toggles the loading indicator within the action bar
+     */
+    loading?: boolean;
+    /**
+     * Defines the variant of code-snippet
+     */
+    variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
+}
+
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */
@@ -3246,12 +3183,12 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3488,7 +3425,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
 /**
 * The header of the section
 */
@@ -3499,7 +3436,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<{
 /**
 * The header of the section
 */
@@ -3547,7 +3484,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
 /**
 * The header that goes to the top of the template
 */
@@ -3570,7 +3507,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_39<{
 /**
 * The header that goes to the top of the template
 */
@@ -3628,48 +3565,22 @@ export declare type BentoDashboardTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
-/**
-* Text showed in the popover on hover
-*/
-popoverText?: string;
-/**
-* Position the popover should take if space is available
-*/
-popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
-/**
-* Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
-*/
-tooltipText?: string;
-/**
-* Position the tooltip should take if space is available.
-*/
-tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
-}>, {
+export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverPosition: string;
+popoverSize: string;
+teleport: () => {
+disabled: boolean;
+};
 tooltipText: any;
 tooltipPosition: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
-/**
-* Text showed in the popover on hover
-*/
-popoverText?: string;
-/**
-* Position the popover should take if space is available
-*/
-popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
-/**
-* Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
-*/
-tooltipText?: string;
-/**
-* Position the tooltip should take if space is available.
-*/
-tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
-}>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverPosition: string;
+popoverSize: string;
+teleport: () => {
+disabled: boolean;
+};
 tooltipText: any;
 tooltipPosition: string;
 }>>>, {
@@ -3677,11 +3588,78 @@ tooltipPosition: BentoTooltipPosition | `${BentoTooltipPosition}`;
 tooltipText: string;
 popoverText: string;
 popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
+teleport: BentoDashedUnderlineTeleport;
+popoverSize: "default" | "fit-content" | "large" | "small";
 }>, {
     default: (_: {}) => any;
     'popover-content': (_: {}) => any;
 }>;
 
+export declare interface BentoDashedUnderlineProps {
+    /**
+     * Text showed in the popover on hover
+     */
+    popoverText?: string;
+    /**
+     * Position the popover should take if space is available
+     */
+    popoverPosition?: BentoPopoverPositions | `${BentoPopoverPositions}`;
+    /**
+     * The size of the popover
+     */
+    popoverSize?: 'default' | 'fit-content' | 'large' | 'small';
+    /**
+     * Teleports the component outside of the parent container into
+     * the target "to" element
+     */
+    teleport?: BentoDashedUnderlineTeleport;
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition | `${BentoTooltipPosition}`;
+}
+
+declare interface BentoDashedUnderlineProps_2 {
+    /**
+     * Text showed in the popover on hover
+     */
+    popoverText?: string;
+
+    /**
+     * Position the popover should take if space is available
+     */
+    popoverPosition?: BentoPopoverPositions_2 | `${BentoPopoverPositions_2}`;
+
+    /**
+     * The size of the popover
+     */
+    popoverSize?: 'default' | 'fit-content' | 'large' | 'small';
+
+    /**
+     * Teleports the component outside of the parent container into
+     * the target "to" element
+     */
+    teleport?: BentoDashedUnderlineTeleport_2;
+
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText?: string;
+
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition?: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
+}
+
+export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
+
+declare type BentoDashedUnderlineTeleport_2 = BentoTeleportProps_2;
+
 /**
  * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
  *
@@ -3778,6 +3756,23 @@ type: PropType<BentoFilterBarModel>;
 default: any;
 };
 /**
+* Defines the layout (multi-line or one-line) to be used in the filter bar for different
+* container sizes:
+* - Large (>=700px): Always multi-line
+* - Medium (>=430px & <700px)
+* - Small (<430px)
+*
+* @default
+* {
+*    medium: 'multi-line',
+*    small: 'one-line'
+* }
+*/
+filtersContainerSizeLayout: {
+type: PropType<BentoFilterBarContainerSizeLayout>;
+default: any;
+};
+/**
 * An array of the values for each filter set in `value`.
 * {@see BentoFilterValues}
 */
@@ -4059,6 +4054,23 @@ type: PropType<BentoFilterBarModel>;
 default: any;
 };
 /**
+* Defines the layout (multi-line or one-line) to be used in the filter bar for different
+* container sizes:
+* - Large (>=700px): Always multi-line
+* - Medium (>=430px & <700px)
+* - Small (<430px)
+*
+* @default
+* {
+*    medium: 'multi-line',
+*    small: 'one-line'
+* }
+*/
+filtersContainerSizeLayout: {
+type: PropType<BentoFilterBarContainerSizeLayout>;
+default: any;
+};
+/**
 * An array of the values for each filter set in `value`.
 * {@see BentoFilterValues}
 */
@@ -4293,6 +4305,7 @@ filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
+filtersContainerSizeLayout: any;
 filterSearchConfig: BentoFilterBarSearchBarProps;
 filterSearchTerm: string;
 noSpacingTop: boolean;
@@ -4463,7 +4476,7 @@ export declare enum BentoDatagridStyleState {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_50<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_51<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -4481,6 +4494,13 @@ type: PropType<BentoDataGridTemplateTabs>;
 default: any;
 };
 /**
+* Renders the additional content slot with a sticky positioning
+*/
+stickyAdditionalContent: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Renders the tabs with a sticky positioning
 */
 stickyTabs: {
@@ -4507,6 +4527,13 @@ type: PropType<BentoDataGridTemplateTabs>;
 default: any;
 };
 /**
+* Renders the additional content slot with a sticky positioning
+*/
+stickyAdditionalContent: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
 * Renders the tabs with a sticky positioning
 */
 stickyTabs: {
@@ -4516,6 +4543,7 @@ default: boolean;
 }>>, {
 tabs: BentoDataGridTemplateTabs;
 stickyTabs: boolean;
+stickyAdditionalContent: boolean;
 }>, Record<string, (_: {}) => any> & {
     infoIconTooltipContent: (_: {}) => any;
     additionalContent: (_: {}) => any;
@@ -4523,7 +4551,9 @@ stickyTabs: boolean;
 }>;
 
 export declare type BentoDataGridTemplateDataGrid = () => {
+    additionalContentSlotRef?: Ref<UnwrapRef<HTMLDivElement>> | null;
     isDataGridTemplate: boolean;
+    stickyAdditionalContent?: Ref<boolean>;
     stickyTabs: Ref<boolean>;
     tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null;
 };
@@ -7612,7 +7642,7 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7629,7 +7659,7 @@ input: (value?: FileList) => void;
 "update:modelValue": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoFileUploaderProps>, {
 accept: any;
 description: any;
 errorMessage: any;
@@ -7734,9 +7764,13 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoFilterBarProps>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
+containerSizeLayout: () => {
+medium: string;
+small: string;
+};
 search: any;
 searchTerm: any;
 value: () => any[];
@@ -7746,9 +7780,13 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoFilterBarProps>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoFilterBarProps>, {
 config: () => any[];
 filterValues: () => any[];
+containerSizeLayout: () => {
+medium: string;
+small: string;
+};
 search: any;
 searchTerm: any;
 value: () => any[];
@@ -7759,9 +7797,24 @@ value: BentoFilterBarModel;
 config: BentoFilterBarModel;
 searchTerm: BentoFilterBarSearchTerm;
 filterValues: BentoFilterValues;
+containerSizeLayout: {
+medium: string;
+small: string;
+};
 showAppliedHiddenFilters: boolean;
 }>;
 
+export declare interface BentoFilterBarContainerSizeLayout {
+    /**
+     * @default 'one-line'
+     */
+    medium?: BentoFilterBarScreenOptionsLayout;
+    /**
+     * @default 'multi-line'
+     */
+    small?: BentoFilterBarScreenOptionsLayout;
+}
+
 export declare enum BentoFilterBarEvent {
     INPUT = "input",
     UPDATE_FILTER_VALUES = "update:filter-values"
@@ -7801,6 +7854,20 @@ export declare interface BentoFilterBarProps {
      * }]
      */
     filterValues?: BentoFilterValues;
+    /**
+     * Defines the layout (multi-line or one-line) to be used in the filter bar for different
+     * container sizes:
+     * - Large (>=700px): Always multi-line
+     * - Medium (>=430px & <700px)
+     * - Small (<430px)
+     *
+     * @example
+     * {
+     *    medium: 'multi-line',
+     *    small: 'one-line'
+     * }
+     */
+    containerSizeLayout?: BentoFilterBarContainerSizeLayout;
     /**
      * Search bar properties with which the placeholder, hint and other
      * "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
@@ -7841,6 +7908,8 @@ export declare interface BentoFilterBarProps {
     value?: BentoFilterBarModel;
 }
 
+export declare type BentoFilterBarScreenOptionsLayout = 'one-line' | 'multi-line';
+
 export declare type BentoFilterBarSearchBarProps = OmitStrict<BentoSearchBarProps, 'value' | 'condensed'>;
 
 export declare type BentoFilterBarSearchTerm = BentoSearchBarProps['value'];
@@ -7925,7 +7994,7 @@ export declare type BentoFilterValues = Array<BentoFilterValue>;
  *     `
  * }
  */
-export declare const BentoFormLayout: __VLS_WithTemplateSlots_12<DefineComponent<    {
+export declare const BentoFormLayout: __VLS_WithTemplateSlots_13<DefineComponent<    {
 /**
 * Renders the form layout as an HTML `form`
 */
@@ -7991,7 +8060,7 @@ loading: boolean;
  *          </bento-form-layout-field-tip>
  *     `
  */
-export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_13<DefineComponent<    {
+export declare const BentoFormLayoutFieldTip: __VLS_WithTemplateSlots_14<DefineComponent<    {
 /**
 * Type of a alert; set a distinctive icon and color. Defaults to highlight.
 * @values highlight, success, critical, warning
@@ -8040,7 +8109,7 @@ declare type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;
  *     `
  * }
  */
-export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_15<DefineComponent<    {
+export declare const BentoFormLayoutGroup: __VLS_WithTemplateSlots_16<DefineComponent<    {
 /**
 * The layout of the pair group of components.
 * This will render the components within the width of the proportions.
@@ -8126,7 +8195,7 @@ layout: BentoLayoutGroupProportions;
  *     `
  * }
  */
-export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_14<DefineComponent<    {
+export declare const BentoFormLayoutTitle: __VLS_WithTemplateSlots_15<DefineComponent<    {
 /**
 * Defines if the Form Layout title is
 * a "section" or a "subsection".
@@ -8348,7 +8417,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -8370,7 +8439,7 @@ views: () => any[];
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoHeaderWithViewsProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -8526,10 +8595,10 @@ export declare interface BentoHeaderWithViewsProps {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -8644,7 +8713,7 @@ export declare type BentoInputDropdownProps = {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -8685,7 +8754,7 @@ keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
 } & {
 input: (inputValue: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -8798,7 +8867,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
 disableValidation: boolean;
@@ -8815,7 +8884,7 @@ withHint: boolean;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
 } & {
 input: (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 disabled: boolean;
 disableValidation: boolean;
@@ -8938,7 +9007,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldPhoneNumberProps>, {
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -8947,7 +9016,7 @@ blur: () => void;
 input: (value: string) => void;
 } & {
 "update:selected-country": (country: CountryCode_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoInputFieldPhoneNumberProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoInputFieldPhoneNumberProps>, {
 countries: () => CountryCode_2[];
 dynamicFiltering: boolean;
 }>>>, {
@@ -9196,7 +9265,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<{
+export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<{
 /**
 * ID of the current active inspector page
 */
@@ -9233,7 +9302,7 @@ size: string;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<{
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<{
 /**
 * ID of the current active inspector page
 */
@@ -9323,10 +9392,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -9369,9 +9438,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -9403,10 +9472,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -9941,7 +10010,7 @@ export declare interface BentoMenuItem {
  *     `
  * };
  */
-export declare const BentoModal: __VLS_WithTemplateSlots_24<DefineComponent<    {
+export declare const BentoModal: __VLS_WithTemplateSlots_25<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10279,7 +10348,7 @@ export declare enum BentoModalEvent {
  *     `
  * }
  */
-export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_25<DefineComponent<    {
+export declare const BentoModalFullscreen: __VLS_WithTemplateSlots_26<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10419,7 +10488,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_26<DefineComponent<    {
+export declare const BentoModalFullscreenPage: __VLS_WithTemplateSlots_27<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10561,7 +10630,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_23<DefineComponent<    {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_24<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -10806,7 +10875,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_28<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -10822,7 +10891,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -10888,10 +10957,10 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoPaymentMethodProps>, {
 type: string;
 small: boolean;
 }>>>, {
@@ -12083,7 +12152,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_28<DefineComponent<    {
+export declare const BentoPopover: __VLS_WithTemplateSlots_29<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -12504,7 +12573,7 @@ declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12512,7 +12581,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12648,7 +12717,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_31<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_32<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -12803,7 +12872,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_30<DefineComponent<    {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_31<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -13097,7 +13166,7 @@ export declare enum BentoRadioGroupVariant {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13118,7 +13187,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 hint: string;
@@ -13201,7 +13270,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_26<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * 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.
@@ -13214,7 +13283,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_26<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_27<{
 /**
 * 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.
@@ -13259,7 +13328,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_27<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13268,7 +13337,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_27<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -13432,7 +13501,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -13625,7 +13694,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_33<DefineComponent<    {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_34<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -13941,7 +14010,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_35<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_36<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14069,7 +14138,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_34<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_35<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -14212,7 +14281,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_TypePropsToRuntimeProps_28<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_28<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_TypePropsToRuntimeProps_29<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_29<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14257,7 +14326,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_38<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_39<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -14314,7 +14383,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_37<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_38<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -14425,7 +14494,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_29<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14446,7 +14515,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_29<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_30<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14497,7 +14566,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_TypePropsToRuntimeProps_30<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * Label to display for the value
 */
@@ -14522,7 +14591,7 @@ searchTooltip?: string;
 * Truncates the value of the item
 */
 truncate?: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_30<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_31<{
 /**
 * Label to display for the value
 */
@@ -14577,10 +14646,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_31<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -14615,7 +14684,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14626,8 +14695,9 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_32<BentoSummaryGridItemAmountProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14638,6 +14708,7 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
@@ -14648,6 +14719,7 @@ secondaryTrend: string;
 secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
 trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
+underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
 underlineTooltipText: string;
 secondaryLabel: string;
 secondaryMetric: string;
@@ -14685,20 +14757,23 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
+underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemCustomProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
 fitContent: boolean;
 infoIconTooltipText: string;
+underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
 underlineTooltipText: string;
 }>, {
     'dashed-underline': (_: {}) => any;
@@ -14722,6 +14797,10 @@ export declare interface BentoSummaryGridItemCustomProps {
      * The width of `summary-grid-item` fits its content
      */
     fitContent?: boolean;
+    /**
+     * Size of the popover of a dashed-underline title
+     */
+    underlinePopoverSize?: BentoDashedUnderlineProps['popoverSize'];
     /**
      * Text showed in a dashed-underline title tooltip on hover
      */
@@ -14748,7 +14827,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14758,8 +14837,9 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_33<BentoSummaryGridItemNumericProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14769,6 +14849,7 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
@@ -14779,6 +14860,7 @@ secondaryTrend: string;
 secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
 trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
+underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
 underlineTooltipText: string;
 secondaryMetric: string;
 }>, {
@@ -14816,7 +14898,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14826,8 +14908,9 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_34<BentoSummaryGridItemPercentageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14837,6 +14920,7 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
@@ -14847,6 +14931,7 @@ secondaryTrend: string;
 secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
 trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
+underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
 underlineTooltipText: string;
 secondaryMetric: string;
 }>, {
@@ -14899,20 +14984,23 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
+underlinePopoverSize: string;
 underlineTooltipText: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_35<BentoSummaryGridItemTextProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_36<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
 fitContent: boolean;
 infoIconTooltipText: string;
+underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
 underlineTooltipText: string;
 }>, {
     'dashed-underline': (_: {}) => any;
@@ -14939,6 +15027,10 @@ export declare interface BentoSummaryGridItemTextProps {
      * Text used as a title
      */
     title: string;
+    /**
+     * Size of the popover of a dashed-underline title
+     */
+    underlinePopoverSize?: BentoDashedUnderlineProps['popoverSize'];
     /**
      * Text showed in a dashed-underline title tooltip on hover
      */
@@ -15150,11 +15242,11 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoTagProps>, {
+export declare const BentoTag: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoTagProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15197,13 +15289,44 @@ export declare enum BentoTagVariant {
     WHITE = "white"
 }
 
-export declare const BentoTextarea: DefineComponent<    {
-/**
-* Text that labels an the input element
-*/
-ariaLabel: {
-type: StringConstructor;
-default: any;
+declare interface BentoTeleportProps {
+    /**
+     * Disables the teleport. It will prevent the slotted element to be
+     * teleported outside of the initial parent element
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Indicates the parent container in which the slotted element will be
+     * teleported to.
+     */
+    to?: string;
+}
+
+declare interface BentoTeleportProps_2 {
+    /**
+     * Disables the teleport. It will prevent the slotted element to be
+     * teleported outside of the initial parent element
+     * @default false
+     */
+    disabled: boolean;
+
+    /**
+     * Indicates the parent container in which the slotted element will be
+     * teleported to.
+     */
+    to?: string;
+
+    // NOTE: "where" is not added as it doesn't exist in Vue3
+}
+
+export declare const BentoTextarea: DefineComponent<    {
+/**
+* Text that labels an the input element
+*/
+ariaLabel: {
+type: StringConstructor;
+default: any;
 };
 /**
 * Text that shows number of characters in textarea
@@ -15531,10 +15654,436 @@ default: any;
 }, {
 addNoteLabel: ComputedRef<string>;
 cancelLabel: ComputedRef<string>;
-toggleAddNote: () => void;
+toggleAddNote: () => Promise<void>;
 updateNoteContent: (newTimelineNoteContent: string) => void;
 addNoteToTimeline: () => void;
 showAddNoteTextArea: Ref<boolean>;
+addNoteTextareaRef: Ref<Vue3Instance<    {}, Readonly<ExtractPropTypes<    {
+ariaLabel: {
+type: StringConstructor;
+default: any;
+};
+characterLimit: {
+type: NumberConstructor;
+default: any;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+clearable: {
+type: BooleanConstructor;
+default: boolean;
+};
+errorMessage: {
+type: StringConstructor;
+default: string;
+};
+height: {
+type: StringConstructor;
+default: any;
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+optional: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+default: string;
+};
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+resizable: {
+type: PropType<BentoTextareaResizeOption | `${BentoTextareaResizeOption}`>;
+default: BentoTextareaResizeOption;
+validator: (value: BentoTextareaResizeOption) => boolean;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+tooltipText: {
+type: StringConstructor;
+default: any;
+};
+value: {
+type: StringConstructor;
+default: string;
+};
+}>>, Readonly<ExtractPropTypes<    {
+ariaLabel: {
+type: StringConstructor;
+default: any;
+};
+characterLimit: {
+type: NumberConstructor;
+default: any;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+clearable: {
+type: BooleanConstructor;
+default: boolean;
+};
+errorMessage: {
+type: StringConstructor;
+default: string;
+};
+height: {
+type: StringConstructor;
+default: any;
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+optional: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+default: string;
+};
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+resizable: {
+type: PropType<BentoTextareaResizeOption | `${BentoTextareaResizeOption}`>;
+default: BentoTextareaResizeOption;
+validator: (value: BentoTextareaResizeOption) => boolean;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+tooltipText: {
+type: StringConstructor;
+default: any;
+};
+value: {
+type: StringConstructor;
+default: string;
+};
+}>>, {
+blur: () => void;
+} & {
+change: () => void;
+} & {
+clear: () => void;
+} & {
+"escape-pressed": () => void;
+} & {
+focus: () => void;
+} & {
+input: (value: string) => void;
+} & {
+keydown: (event: KeyboardEvent) => void;
+} & {
+keyup: (event: KeyboardEvent) => void;
+}, {
+value: string;
+description: string;
+label: string;
+required: boolean;
+disabled: boolean;
+optional: boolean;
+readonly: boolean;
+height: string;
+tooltipText: string;
+errorMessage: string;
+ariaLabel: string;
+characterLimit: number;
+placeholder: string;
+clearable: boolean;
+resizable: "none" | "vertical" | "horizontal" | "both" | BentoTextareaResizeOption;
+}, true, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<ExtractPropTypes<    {
+ariaLabel: {
+type: StringConstructor;
+default: any;
+};
+characterLimit: {
+type: NumberConstructor;
+default: any;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+clearable: {
+type: BooleanConstructor;
+default: boolean;
+};
+errorMessage: {
+type: StringConstructor;
+default: string;
+};
+height: {
+type: StringConstructor;
+default: any;
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+optional: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+default: string;
+};
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+resizable: {
+type: PropType<BentoTextareaResizeOption | `${BentoTextareaResizeOption}`>;
+default: BentoTextareaResizeOption;
+validator: (value: BentoTextareaResizeOption) => boolean;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+tooltipText: {
+type: StringConstructor;
+default: any;
+};
+value: {
+type: StringConstructor;
+default: string;
+};
+}>>> & ShallowUnwrapRef<    {
+focus: () => void;
+}> & ExtractComputedReturns<    {}> & ComponentCustomProperties & Readonly<ExtractPropTypes<    {
+ariaLabel: {
+type: StringConstructor;
+default: any;
+};
+characterLimit: {
+type: NumberConstructor;
+default: any;
+};
+description: {
+type: StringConstructor;
+default: string;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+clearable: {
+type: BooleanConstructor;
+default: boolean;
+};
+errorMessage: {
+type: StringConstructor;
+default: string;
+};
+height: {
+type: StringConstructor;
+default: any;
+};
+label: {
+type: StringConstructor;
+default: string;
+};
+optional: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+default: string;
+};
+readonly: {
+type: BooleanConstructor;
+default: boolean;
+};
+resizable: {
+type: PropType<BentoTextareaResizeOption | `${BentoTextareaResizeOption}`>;
+default: BentoTextareaResizeOption;
+validator: (value: BentoTextareaResizeOption) => boolean;
+};
+required: {
+type: BooleanConstructor;
+default: boolean;
+};
+tooltipText: {
+type: StringConstructor;
+default: any;
+};
+value: {
+type: StringConstructor;
+default: string;
+};
+}>>>;
+addNoteButtonRef: Ref<Vue3Instance<    {}, Readonly<ExtractPropTypes<    {
+condensed: {
+type: BooleanConstructor;
+default: boolean;
+};
+critical: {
+type: BooleanConstructor;
+default: boolean;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+inverse: {
+type: BooleanConstructor;
+default: boolean;
+};
+link: {
+type: ObjectConstructor;
+default: any;
+};
+type: {
+type: PropType<ButtonHTMLAttributes_2["type"]>;
+default: string;
+};
+variant: {
+type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
+default: BentoButtonVariant;
+validator: (value: BentoButtonVariant) => boolean;
+};
+}>>, Readonly<ExtractPropTypes<    {
+condensed: {
+type: BooleanConstructor;
+default: boolean;
+};
+critical: {
+type: BooleanConstructor;
+default: boolean;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+inverse: {
+type: BooleanConstructor;
+default: boolean;
+};
+link: {
+type: ObjectConstructor;
+default: any;
+};
+type: {
+type: PropType<ButtonHTMLAttributes_2["type"]>;
+default: string;
+};
+variant: {
+type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
+default: BentoButtonVariant;
+validator: (value: BentoButtonVariant) => boolean;
+};
+}>>, {
+blur: () => void;
+} & {
+click: (event: MouseEvent) => void;
+} & {
+focus: () => void;
+} & {
+"keydown.esc": () => void;
+}, {
+link: Record<string, any>;
+type: "button" | "submit" | "reset";
+variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant;
+condensed: boolean;
+critical: boolean;
+disabled: boolean;
+inverse: boolean;
+}, true, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<ExtractPropTypes<    {
+condensed: {
+type: BooleanConstructor;
+default: boolean;
+};
+critical: {
+type: BooleanConstructor;
+default: boolean;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+inverse: {
+type: BooleanConstructor;
+default: boolean;
+};
+link: {
+type: ObjectConstructor;
+default: any;
+};
+type: {
+type: PropType<ButtonHTMLAttributes_2["type"]>;
+default: string;
+};
+variant: {
+type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
+default: BentoButtonVariant;
+validator: (value: BentoButtonVariant) => boolean;
+};
+}>>> & ShallowUnwrapRef<    {}> & ExtractComputedReturns<    {}> & ComponentCustomProperties & Readonly<ExtractPropTypes<    {
+condensed: {
+type: BooleanConstructor;
+default: boolean;
+};
+critical: {
+type: BooleanConstructor;
+default: boolean;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+inverse: {
+type: BooleanConstructor;
+default: boolean;
+};
+link: {
+type: ObjectConstructor;
+default: any;
+};
+type: {
+type: PropType<ButtonHTMLAttributes_2["type"]>;
+default: string;
+};
+variant: {
+type: PropType<BentoButtonVariant | `${BentoButtonVariant}`>;
+default: BentoButtonVariant;
+validator: (value: BentoButtonVariant) => boolean;
+};
+}>> & {
+$slots: {
+iconLeft: (_: {}) => any;
+default: (_: {}) => any;
+iconRight: (_: {}) => any;
+};
+}>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<    {
 /**
 * If set to true, gives the possibility to manually add notes to the timeline via a textarea
@@ -16169,6 +16718,10 @@ export declare const BentoTooltipPosition: {
 
 export declare type BentoTooltipPosition = PopperContainerPositionBasic;
 
+declare const BentoTooltipPosition_2 = { ...PopperContainerPositionBasic };
+
+declare type BentoTooltipPosition_2 = PopperContainerPositionBasic_2;
+
 export declare enum BentoTooltipState {
     HIDDEN = "hidden"
 }
@@ -16295,7 +16848,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16343,7 +16896,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_37<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_38<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span