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

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

@@ -1,4 +1,7 @@
 import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';
+import { ButtonHTMLAttributes as ButtonHTMLAttributes_2 } from 'vue';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
 import { ComputedRef } from 'vue';
@@ -9,7 +12,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/types/jsx.d.ts';
 import { Placement } from '@floating-ui/vue';
@@ -17,10 +20,11 @@ import type { PluginObject } from 'vue';
 import { PropType } from 'vue';
 import { Ref } from 'vue';
 import type { RouterLinkProps } from 'vue-router/types/router.d.ts';
-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;
@@ -91,6 +95,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;
@@ -407,6 +413,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]>>;
@@ -632,6 +647,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];
@@ -944,6 +965,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;
@@ -1016,6 +1043,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
      */
@@ -2615,174 +2646,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_8<__VLS_TypePropsToRuntimeProps_8<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_8<__VLS_TypePropsToRuntimeProps_8<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 {
@@ -2790,6 +2685,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.
  */
@@ -3234,12 +3171,12 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -3476,7 +3413,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
 */
@@ -3487,7 +3424,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
 */
@@ -3535,7 +3472,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
 */
@@ -3558,7 +3495,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
 */
@@ -3616,48 +3553,22 @@ export declare type BentoDashboardTemplateTabs = {
  *     `
  * }
  */
-export declare const BentoDashedUnderline: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
-/**
-* 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_7<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverPosition: string;
+popoverSize: string;
+teleport: () => {
+disabled: boolean;
+};
 tooltipText: any;
 tooltipPosition: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
-/**
-* 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_4<__VLS_TypePropsToRuntimeProps_4<BentoDashedUnderlineProps>, {
 popoverText: any;
 popoverPosition: string;
+popoverSize: string;
+teleport: () => {
+disabled: boolean;
+};
 tooltipText: any;
 tooltipPosition: string;
 }>>>, {
@@ -3665,11 +3576,43 @@ 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}`;
+}
+
+export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
+
 /**
  * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
  *
@@ -3766,6 +3709,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}
 */
@@ -4047,6 +4007,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}
 */
@@ -4281,6 +4258,7 @@ filterValues: BentoFilterValues;
 allowColumnDragAndDrop: boolean;
 bulkActions: BentoButtonActionsList;
 columnPanel: boolean;
+filtersContainerSizeLayout: any;
 filterSearchConfig: BentoFilterBarSearchBarProps;
 filterSearchTerm: string;
 noSpacingTop: boolean;
@@ -4451,7 +4429,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
 */
@@ -4469,6 +4447,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: {
@@ -4495,6 +4480,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: {
@@ -4504,6 +4496,7 @@ default: boolean;
 }>>, {
 tabs: BentoDataGridTemplateTabs;
 stickyTabs: boolean;
+stickyAdditionalContent: boolean;
 }>, Record<string, (_: {}) => any> & {
     infoIconTooltipContent: (_: {}) => any;
     additionalContent: (_: {}) => any;
@@ -4511,7 +4504,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;
 };
@@ -5379,9 +5374,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -7592,7 +7587,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;
@@ -7609,7 +7604,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;
@@ -7714,9 +7709,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[];
@@ -7726,9 +7725,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[];
@@ -7739,9 +7742,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"
@@ -7781,6 +7799,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}
@@ -7821,6 +7853,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'];
@@ -7905,7 +7939,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`
 */
@@ -7971,7 +8005,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
@@ -8020,7 +8054,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.
@@ -8106,7 +8140,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".
@@ -8328,7 +8362,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;
@@ -8350,7 +8384,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;
@@ -8506,10 +8540,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;
 }>>>, {
@@ -8624,7 +8658,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;
@@ -8665,7 +8699,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;
@@ -8778,7 +8812,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;
@@ -8795,7 +8829,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;
@@ -8918,7 +8952,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, {
@@ -8927,7 +8961,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;
 }>>>, {
@@ -9176,7 +9210,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
 */
@@ -9213,7 +9247,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
 */
@@ -9303,10 +9337,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;
 }>>>, {
@@ -9349,9 +9383,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;
@@ -9398,12 +9432,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
  *     `
  * }
  */
-export declare const BentoLink: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (clickEvent: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoLinkProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>>, {
@@ -9936,7 +9970,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".
@@ -10274,7 +10308,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".
@@ -10414,7 +10448,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".
@@ -10556,7 +10590,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".
@@ -10801,7 +10835,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;
@@ -10817,7 +10851,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;
@@ -10883,10 +10917,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;
 }>>>, {
@@ -12078,7 +12112,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".
@@ -12492,7 +12526,7 @@ export declare type BentoPopoverPositions = PopperContainerPosition;
  *     `
  * };
  */
-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;
@@ -12500,7 +12534,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;
@@ -12636,7 +12670,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)
 */
@@ -12791,7 +12825,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.
 */
@@ -13085,7 +13119,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;
@@ -13106,7 +13140,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;
@@ -13189,7 +13223,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.
@@ -13202,7 +13236,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.
@@ -13247,7 +13281,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;
@@ -13256,7 +13290,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;
@@ -13420,7 +13454,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
 */
@@ -13613,7 +13647,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.
 */
@@ -13929,7 +13963,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
@@ -14057,7 +14091,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".
@@ -14200,7 +14234,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;
 }>;
 
@@ -14245,7 +14279,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.
 */
@@ -14302,7 +14336,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
@@ -14413,7 +14447,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.
 */
@@ -14434,7 +14468,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.
 */
@@ -14485,7 +14519,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
 */
@@ -14510,7 +14544,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
 */
@@ -14565,10 +14599,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;
 }>>>, {
@@ -14603,7 +14637,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;
@@ -14614,8 +14648,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;
@@ -14626,6 +14661,7 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
@@ -14636,6 +14672,7 @@ secondaryTrend: string;
 secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection}`;
 trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection}`;
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 secondaryLabel: string;
 secondaryMetric: string;
@@ -14673,20 +14710,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["popoverSize"];
 underlineTooltipText: string;
 }>, {
     'dashed-underline': (_: {}) => any;
@@ -14710,6 +14750,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
      */
@@ -14736,7 +14780,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;
@@ -14746,8 +14790,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;
@@ -14757,6 +14802,7 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
@@ -14767,6 +14813,7 @@ secondaryTrend: string;
 secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection}`;
 trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection}`;
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 secondaryMetric: string;
 }>, {
@@ -14804,7 +14851,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;
@@ -14814,8 +14861,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;
@@ -14825,6 +14873,7 @@ secondaryTrendDirection: string;
 size: string;
 trend: any;
 trendDirection: string;
+underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
@@ -14835,6 +14884,7 @@ secondaryTrend: string;
 secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection}`;
 trend: string;
 trendDirection: `${BentoSummaryGridItemTrendDirection}`;
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 secondaryMetric: string;
 }>, {
@@ -14878,20 +14928,23 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-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["popoverSize"];
 underlineTooltipText: string;
 }>, {
     'dashed-underline': (_: {}) => any;
@@ -14918,6 +14971,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
      */
@@ -15120,11 +15177,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;
@@ -15167,6 +15224,20 @@ export declare enum BentoTagVariant {
     WHITE = "white"
 }
 
+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;
+}
+
 export declare const BentoTextarea: DefineComponent<    {
 /**
 * Text that labels an the input element
@@ -15501,29 +15572,455 @@ default: any;
 }, {
 addNoteLabel: ComputedRef<string>;
 cancelLabel: ComputedRef<string>;
-toggleAddNote: () => void;
+toggleAddNote: () => Promise<void>;
 updateNoteContent: (newTimelineNoteContent: string) => void;
 addNoteToTimeline: () => void;
 showAddNoteTextArea: Ref<boolean>;
-}, {}, {}, {}, 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
-*/
-addNote: {
-type: BooleanConstructor;
-default: boolean;
+addNoteTextareaRef: Ref<Vue3Instance<    {}, Readonly<ExtractPropTypes<    {
+ariaLabel: {
+type: StringConstructor;
+default: any;
 };
-/**
-* Object that determines the max number of items to show without clicking the show more button
-* and where in the timeline is the show more button placed
-*/
-showMore: {
-type: PropType<BentoTimelineShowMoreObject>;
+characterLimit: {
+type: NumberConstructor;
 default: any;
 };
-/**
-* Object that determines minimum amount of time for the automatic timegap indicator;
-* Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).
+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
+*/
+addNote: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Object that determines the max number of items to show without clicking the show more button
+* and where in the timeline is the show more button placed
+*/
+showMore: {
+type: PropType<BentoTimelineShowMoreObject>;
+default: any;
+};
+/**
+* Object that determines minimum amount of time for the automatic timegap indicator;
+* Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).
 * If null, automatic timegap detection will be turned off
 */
 timegapLimit: {
@@ -16265,7 +16762,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
@@ -16313,7 +16810,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