@adyen/bento-vue3 1.81.1 → 1.82.0

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

@@ -3,8 +3,7 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
 import { ComputedRef } from 'vue';
-import { CountryCode } from 'libphonenumber-js/types';
-import { CountryCode as CountryCode_2 } from 'libphonenumber-js';
+import { CountryCode } from 'libphonenumber-js';
 import { DeepReadonly } from 'vue';
 import { DefaultKeys } from 'vue/types/v3-component-props';
 import { DefineComponent } from 'vue';
@@ -144,6 +143,8 @@ declare type __VLS_NonUndefinedable_60<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_61<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_62<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
@@ -672,6 +673,15 @@ declare type __VLS_TypePropsToRuntimeProps_61<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_62<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_62<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_7<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
@@ -1023,6 +1033,12 @@ declare type __VLS_WithDefaults_58<P, D> = {
     } : P[K];
 };
 
+declare type __VLS_WithDefaults_59<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+
 declare type __VLS_WithDefaults_6<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
         default: D[K];
@@ -1994,7 +2010,7 @@ export declare type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem,
 
 export declare type BentoAvatarListboxOptions = Array<BentoAvatarListboxOptionItem>;
 
-export declare const BentoBaseFilter: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+export declare const BentoBaseFilter: __VLS_WithTemplateSlots_16<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -2010,7 +2026,7 @@ tooltipPosition: any;
 value: any;
 }>, {
 closePopover: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoBaseFilterProps_2<BentoFilterBarValue, string>>, {
 appliedFiltersCount: any;
 buttonLabel: any;
 buttonSecondaryLabel: any;
@@ -3435,7 +3451,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
  *     `
  * }
  */
-export declare const BentoChip: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoChipProps>, {
+export declare const BentoChip: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3443,7 +3459,7 @@ condensed: boolean;
 characterLimit: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoChipProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoChipProps>, {
 disabled: boolean;
 readonly: boolean;
 error: boolean;
@@ -3525,7 +3541,7 @@ export declare const BentoClickOutsideDirective: {
  *     `
  * }
  */
-export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCodeSnippetProps>, {
+export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3535,7 +3551,7 @@ lang: BentoCodeSnippetSupportedLanguage;
 langLabel: any;
 loading: boolean;
 variant: BentoCodeSnippetVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoCodeSnippetProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCodeSnippetProps>, {
 actionable: boolean;
 actionableText: any;
 content: string;
@@ -3700,11 +3716,11 @@ export declare interface BentoColumnWidthOverridesLookup {
  *     `
  * }
  */
-export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCountryProps>, {
+export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoCountryProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCountryProps>, {
 code: BentoCountryCode;
 label: any;
 variant: BentoCountryVariant;
@@ -4020,13 +4036,13 @@ export declare enum BentoCountryVariant {
  *     `
  * }
  */
-export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCurrencyProps>, {
+export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
 value: any;
 currencySign: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoCurrencyProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoCurrencyProps>, {
 currency: BentoCurrencyISOCode;
 disableTypography: boolean;
 majorUnits: boolean;
@@ -4273,7 +4289,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_60<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_60<DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_62<{
 /**
 * The header of the section
 */
@@ -4284,7 +4300,7 @@ header: BentoDashboardTemplateHeader;
 halfWidth?: boolean;
 }>, {
 halfWidth: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToRuntimeProps_62<{
 /**
 * The header of the section
 */
@@ -4332,7 +4348,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_59<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_59<DefineComponent<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
 /**
 * The header that goes to the top of the template
 */
@@ -4355,7 +4371,7 @@ stickyFilters?: boolean;
 tabs: any;
 stickyTabs: boolean;
 stickyFilters: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToRuntimeProps_61<{
 /**
 * The header that goes to the top of the template
 */
@@ -5650,6 +5666,49 @@ export declare interface BentoDataGridTemplateTabs {
     tabs: Array<BentoDataGridTemplateTab>;
 }
 
+/**
+ * The bento-data-grid-trend-cell is a component for `bento-data-grid` that displays a percentage value with a trend icon.
+ *
+ * @example
+ * import { BentoDataGridTrendCell } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDataGridTrendCell },
+ *     template: `
+ *          <bento-data-grid-trend-cell :value="25.5" variant="green" direction="up" />
+ *     `
+ * }
+ */
+export declare const BentoDataGridTrendCell: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridTrendCellProps>, {
+variant: string;
+direction: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDataGridTrendCellProps>, {
+variant: string;
+direction: string;
+}>>>, {
+variant: BentoDataGridTrendCellVariant;
+direction: BentoDataGridTrendCellDirection;
+}>;
+
+declare type BentoDataGridTrendCellDirection = 'up' | 'down' | 'none';
+
+declare interface BentoDataGridTrendCellProps {
+    /**
+     * The direction of the trend icon to display.
+     */
+    direction?: BentoDataGridTrendCellDirection;
+    /**
+     * The color variant, affecting both the icon and text.
+     */
+    variant?: BentoDataGridTrendCellVariant;
+    /**
+     * The numeric or string value to display. It will be formatted as a percentage.
+     */
+    value: number | string;
+}
+
+declare type BentoDataGridTrendCellVariant = 'red' | 'green' | 'black';
+
 export declare interface BentoDataGridVisibleRowsState {
     filtered: boolean;
     allRowsVisible: boolean;
@@ -5668,11 +5727,11 @@ export declare interface BentoDataGridVisibleRowsState {
  *     `
  * }
  */
-export declare const BentoDate: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDateProps>, {
+export declare const BentoDate: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoDateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoDateProps>, {
 date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
@@ -5739,7 +5798,7 @@ export declare enum BentoDateFormat {
  *      }
  * }
  */
-export declare const BentoDatePicker: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDatePickerProps>, {
+export declare const BentoDatePicker: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
@@ -5773,7 +5832,7 @@ variant: any;
 "update:model-value": (value: Date) => void;
 } & {
 input: (value: Date) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDatePickerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
@@ -5931,7 +5990,7 @@ export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null
  *      }
  * }
  */
-export declare const BentoDateRangePicker: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDateRangePickerProps>, {
+export declare const BentoDateRangePicker: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -5969,7 +6028,7 @@ variant: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: any) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoDateRangePickerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -6119,9 +6178,9 @@ export declare interface BentoDateRangePickerValue {
  *     template: `<bento-divider />`
  * }
  */
-export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDividerProps>, {
+export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDividerProps>, {
 variant: BentoDividerVariant;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDividerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDividerProps>, {
 variant: BentoDividerVariant;
 }>>>, {
 variant: `${BentoDividerVariant}`;
@@ -6175,7 +6234,7 @@ declare enum BentoDividerVariant {
  *     }
  * }
  */
-export declare const BentoDropdown: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownProps>, {
+export declare const BentoDropdown: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -6215,7 +6274,7 @@ input: (selectedValue: any) => void;
 "show-more": () => void;
 } & {
 open: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoDropdownProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoDropdownProps>, {
 ariaLabel: any;
 condensed: boolean;
 emptyState: any;
@@ -8344,14 +8403,14 @@ export declare interface BentoDropdownTagProps extends BentoDropdownProps {
  *     `
  * }
  */
-export declare const BentoEmptyState: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoEmptyStateProps>, {
+export declare const BentoEmptyState: __VLS_WithTemplateSlots_15<DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
 image: any;
 title: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoEmptyStateProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoEmptyStateProps>, {
 action: any;
 description: any;
 headingEl: any;
@@ -8464,14 +8523,19 @@ export declare enum BentoEmptyStateVariant {
  *      }
  * }
  */
-export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFileUploaderProps>, {
+export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFileUploaderProps>, {
 accept: any;
+condensed: boolean;
 description: any;
+disabled: boolean;
 errorMessage: any;
+label: any;
 maxCount: number;
 maxDimensions: any;
 maxSize: any;
 modelValue: any;
+optional: boolean;
+required: boolean;
 tooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (value?: FileList) => void;
@@ -8481,17 +8545,27 @@ input: (value?: FileList) => void;
 "update:model-value": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoFileUploaderProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFileUploaderProps>, {
 accept: any;
+condensed: boolean;
 description: any;
+disabled: boolean;
 errorMessage: any;
+label: any;
 maxCount: number;
 maxDimensions: any;
 maxSize: any;
 modelValue: any;
+optional: boolean;
+required: boolean;
 tooltipText: any;
 }>>>, {
 description: string;
+label: string;
+required: boolean;
+condensed: boolean;
+disabled: boolean;
+optional: boolean;
 modelValue: BentoFileUploaderValue;
 errorMessage: string;
 tooltipText: string;
@@ -8501,42 +8575,26 @@ maxDimensions: any;
 maxSize: number;
 }>;
 
-export declare interface BentoFileUploaderProps {
+export declare interface BentoFileUploaderProps extends FormField {
     /**
      * A string that defines the file types the file input should accept.
      * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
+     * @default null
      */
     accept?: HTMLInputElement['accept'];
     /**
      * Reduces the size of the uploader area.
+     * @default false
      */
     condensed?: boolean;
-    /**
-     * Descriptive supporting text visbile underneath the label.
-     */
-    description?: string;
-    /**
-     * Disable the radio button (optional).
-     */
-    disabled?: boolean;
-    /**
-     * If true, makes the field's value readonly, preventing user modification.
-     */
-    readonly?: boolean;
-    /**
-     * Renders file-uploader with an error state and the error message beneath the input box
-     */
-    errorMessage?: string;
-    /**
-     * The label of the component.
-     */
-    label: string;
     /**
      * Sets a maximum file count. Allows for uploading multiple files.
+     * @default 1
      */
     maxCount?: number;
     /**
      * Sets a maximum image size (for image file types only).
+     * @default null
      */
     maxDimensions?: {
         width?: number;
@@ -8544,24 +8602,18 @@ export declare interface BentoFileUploaderProps {
     };
     /**
      * Sets a maximum file size in Bytes
+     * @default null
      */
     maxSize?: number;
     /**
      * Used to support `v-model`. Can be used to set value of FileUploader if FileList
+     * @default null
      */
     modelValue?: BentoFileUploaderValue;
     /**
-     * Sets the field as optional.
-     */
-    optional?: boolean;
-    /**
-     * Sets the field as required.
+     * Placeholder is coming from FormField and is not allowed for FileUploader, so we're explicitly disabling it here
      */
-    required?: boolean;
-    /**
-     * Adds a info icon next to the label to display the passed tooltip message.
-     */
-    tooltipText?: string;
+    placeholder?: never;
 }
 
 export declare type BentoFileUploaderValue = string | Array<string> | File | Array<File> | FileList;
@@ -8590,7 +8642,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  *   `
  * }
  */
-export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFilterBarProps<any, undefined>>, {
+export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -8607,7 +8659,7 @@ isClearAllVisible: ComputedRef<boolean>;
 clearAllFilters: () => void;
 isResetAllVisible: ComputedRef<boolean>;
 resetAllFilters: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoFilterBarProps<any, undefined>>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoFilterBarProps<any, undefined>>, {
 config: () => any[];
 filterValues: () => any[];
 containerSizeLayout: () => {
@@ -9299,7 +9351,7 @@ declare enum BentoHeaderVariant {
  *   `
  * };
  */
-export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoHeaderWithViewsProps>, {
+export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9310,9 +9362,8 @@ reloadButton: any;
 infoIconTooltipText: any;
 views: () => any[];
 disableAutoSelect: boolean;
+activeViewIndex: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"delete:view": (value: BentoHeaderWithViewsItemUpdate) => void;
-} & {
 "duplicate:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "reorder:view": (value: Omit<BentoHeaderWithViewsItemUpdate, "targetViewLabel">) => void;
@@ -9326,7 +9377,9 @@ disableAutoSelect: boolean;
 "update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
 } & {
 "update:skip-unsaved-changes": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoHeaderWithViewsProps>, {
+} & {
+"update:active-view-index": (value: number) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoHeaderWithViewsProps>, {
 actions: () => any[];
 additionalViewSetting: any;
 title: any;
@@ -9337,6 +9390,7 @@ reloadButton: any;
 infoIconTooltipText: any;
 views: () => any[];
 disableAutoSelect: boolean;
+activeViewIndex: any;
 }>>>, {
 description: string;
 title: string;
@@ -9346,6 +9400,7 @@ reloadButton: HeaderMetaProps["reloadButton"];
 infoIconTooltipText: string;
 additionalViewSetting: BentoHeaderWithViewsItemAdditionalConfig;
 views: Array<BentoHeaderWithViewsItem>;
+activeViewIndex: number;
 disableCustomization: boolean;
 disableAutoSelect: boolean;
 }>, {
@@ -9512,6 +9567,13 @@ export declare interface BentoHeaderWithViewsProps {
      * Whether or not to automatically select a view on mount
      */
     disableAutoSelect?: boolean;
+    /**
+     * The active view index. Supports two-way binding via v-model:active-view-index.
+     * When provided, this takes precedence over `isDefault` on individual views for initial selection.
+     * Changes from outside the component will update the active view.
+     * Has no effect when `disableAutoSelect` is true.
+     */
+    activeViewIndex?: number;
 }
 
 export declare const BentoHighlightDirective: {
@@ -9543,10 +9605,10 @@ export declare const BentoHighlightDirective: {
  *     `
  * }
  */
-export declare const BentoImage: DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoImageProps>, {
+export declare const BentoImage: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoImageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoImageProps>, {
 aspectRatio: any;
 objectFit: any;
 }>>>, {
@@ -9596,11 +9658,11 @@ export declare interface BentoImageProps {
  * import { BentoInfoIcon } from '@adyen/bento-vue2';
  * </scrip>
  */
-export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInfoIconProps>, {
+export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 mouseenter: (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoInfoIconProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInfoIconProps>, {
 tooltipPosition: PopperContainerPositionExtended;
 }>>>, {
 tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
@@ -9663,7 +9725,7 @@ export declare interface BentoInputDropdownProps {
  *          >
  * }
  */
-export declare const BentoInputField: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldProps>, {
+export declare const BentoInputField: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9711,7 +9773,7 @@ input: (inputValue: string) => void;
 "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
 } & {
 "update:model-value": (inputValue: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoInputFieldProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldProps>, {
 ariaHidden: boolean;
 ariaLabel: any;
 condensed: boolean;
@@ -9818,7 +9880,7 @@ export declare enum BentoInputFieldEvent {
  *     `
  * }
  */
-export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPasswordProps>, {
+export declare const BentoInputFieldPassword: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -9847,7 +9909,7 @@ focus: () => void;
 input: (value: BentoInputFieldValue) => void;
 } & {
 "update:model-value": (value: BentoInputFieldValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoInputFieldPasswordProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPasswordProps>, {
 condensed: boolean;
 debounceTime: number;
 description: any;
@@ -9978,8 +10040,8 @@ export declare interface BentoInputFieldPasswordValidationListItem {
  *     `
  * }
  */
-export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPhoneNumberProps>, {
-countries: () => CountryCode_2[];
+export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInputFieldPhoneNumberProps>, {
+countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -9989,17 +10051,17 @@ input: (value: string) => void;
 } & {
 "update:model-value": (value: string) => void;
 } & {
-"update:selected-country": (country: CountryCode_2) => void;
+"update:selected-country": (country: CountryCode) => void;
 } & {
 "input:valid": (value: boolean) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoInputFieldPhoneNumberProps>, {
-countries: () => CountryCode_2[];
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInputFieldPhoneNumberProps>, {
+countries: () => CountryCode[];
 description: any;
 dynamicFiltering: boolean;
 }>>>, {
 description: string;
 dynamicFiltering: boolean;
-countries: Array<CountryCode>;
+countries: Array<BentoInputFieldPhoneNumberCountryCode>;
 }>, {
     default: (_: {}) => any;
     description: (_: {}) => any;
@@ -10008,7 +10070,12 @@ countries: Array<CountryCode>;
 /**
  * A constant array containing all supported country codes for the phone number input field.
  */
-export declare const BentoInputFieldPhoneNumberCountries: CountryCode_2[];
+export declare const BentoInputFieldPhoneNumberCountries: CountryCode[];
+
+/**
+ * String literal with all the available country codes.
+ */
+export declare type BentoInputFieldPhoneNumberCountryCode = CountryCode | any;
 
 export declare type BentoInputFieldPhoneNumberDropdownProps = Pick<BentoInputDropdownProps, 'readonly'>;
 
@@ -10016,7 +10083,7 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
     /**
      * Array of country codes to show on the dropdown
      */
-    countries?: Array<CountryCode>;
+    countries?: Array<BentoInputFieldPhoneNumberCountryCode>;
     /**
      * Dropdown props for the small selectable dropdown menu.
      * Properties supported:
@@ -10036,7 +10103,7 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
     /**
      * Selected country code
      */
-    selectedCountry?: CountryCode;
+    selectedCountry?: BentoInputFieldPhoneNumberCountryCode;
     /**
      * The current value of the field.
      * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.
@@ -10261,7 +10328,7 @@ export declare interface BentoInpuWithDropdowntFilterValue {
  *     `
  * }
  */
-export declare const BentoInspector: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInspectorProps>, {
+export declare const BentoInspector: __VLS_WithTemplateSlots_25<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10275,7 +10342,7 @@ pageFocusAnchor: any;
 "update:active-page": (value: string) => void;
 } & {
 expand: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoInspectorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoInspectorProps>, {
 activePage: string;
 expandable: boolean;
 isOpen: boolean;
@@ -10391,10 +10458,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
  *     `
  * }
  */
-export declare const BentoLayout: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutProps>, {
+export declare const BentoLayout: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutProps>, {
 size: string;
 variant: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoLayoutProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutProps>, {
 size: string;
 variant: string;
 }>>>, {
@@ -10437,9 +10504,9 @@ export declare interface BentoLayoutProps {
  *     `
  * }
  */
-export declare const BentoLayoutRow: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutRowProps>, {
+export declare const BentoLayoutRow: __VLS_WithTemplateSlots_27<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLayoutRowProps>, {
 columnsLayout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoLayoutRowProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLayoutRowProps>, {
 columnsLayout: string;
 }>>>, {
 columnsLayout: BentoLayoutRowColumnLayout;
@@ -10471,10 +10538,10 @@ declare const BentoLayoutVariantOptions: readonly ["page", "component"];
 
 export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
 
-export declare const BentoLink: __VLS_WithTemplateSlots_28<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLinkProps>, {
+export declare const BentoLink: __VLS_WithTemplateSlots_28<DefineComponent<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLinkProps>, {
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoLinkProps>, {
 target: any;
 variant: BentoLinkVariant;
 }>>> & Readonly<{
@@ -10732,7 +10799,7 @@ declare enum BentoLoadingButtonState_2 {
  *     `
  * };
  */
-export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLoadingIndicatorProps>, {
+export declare const BentoLoadingIndicator: DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -10740,7 +10807,7 @@ inverse: boolean;
 "loading-start": () => void;
 } & {
 "loading-end": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoLoadingIndicatorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoLoadingIndicatorProps>, {
 small: boolean;
 large: boolean;
 inverse: boolean;
@@ -10787,7 +10854,7 @@ export declare interface BentoLoadingIndicatorProps {
  *           />
  * }
  */
-export declare const BentoMenu: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoMenuProps>, {
+export declare const BentoMenu: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -10810,7 +10877,7 @@ open: () => void;
 "menu-item-click": () => void;
 } & {
 "click-outside": () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoMenuProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoMenuProps>, {
 button: () => BentoMenuButtonProps;
 closeMenuOnItemSelect: boolean;
 disableArrowDownOpeningMenu: boolean;
@@ -11657,7 +11724,7 @@ contextualLabel: string;
  *     `
  * }
  */
-export declare const BentoModalPage: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoModalPageProps>, {
+export declare const BentoModalPage: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11666,7 +11733,7 @@ destructiveActions: boolean;
 withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoModalPageProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoModalPageProps>, {
 actions: any;
 actionsLabel: any;
 columnsSize: BentoModalColumnLayoutVariant;
@@ -11814,7 +11881,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
  *     `,
  * }
  */
-export declare const BentoPagination: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaginationProps>, {
+export declare const BentoPagination: __VLS_WithTemplateSlots_34<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11830,7 +11897,7 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 } & {
 "update:size": (size: number) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaginationProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaginationProps>, {
 ariaLabel: any;
 hasNext: any;
 hidePageSize: boolean;
@@ -11896,11 +11963,11 @@ export declare interface BentoPaginationProps {
  *     `
  * }
  */
-export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaymentMethodProps>, {
+export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_37<BentoPaymentMethodProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPaymentMethodProps>, {
 label: any;
 small: boolean;
 type: string;
@@ -13097,7 +13164,7 @@ export declare enum BentoPaymentMethodType {
  *     `
  * }
  */
-export declare const BentoPopover: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPopoverProps>, {
+export declare const BentoPopover: __VLS_WithTemplateSlots_35<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13121,7 +13188,7 @@ overflowVisible: boolean;
 dismiss: () => void;
 } & {
 placement: (placement: Placement) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_38<BentoPopoverProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
 ariaLabel: any;
@@ -13340,7 +13407,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13348,7 +13415,7 @@ dismissButtonText: any;
 layout: BentoPromoBannerLayout;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 dismiss: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_39<BentoPromoBannerProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -13642,7 +13709,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoRadioGroupProps>, {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_37<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13673,7 +13740,7 @@ focus: () => void;
 "update:model-value": (value: BentoRadioButtonValue) => void;
 } & {
 input: (value: BentoRadioButtonValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoRadioGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13844,7 +13911,7 @@ export declare interface BentoRangeFilterOptions {
  *     `
  * }
  */
-export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRichTextEditorProps>, {
+export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13856,7 +13923,7 @@ tooltipText: any;
 value: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_41<BentoRichTextEditorProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoRichTextEditorProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -13968,7 +14035,7 @@ export declare interface BentoRichTextEditorProps {
  *     }
  * }
  */
-export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoSearchBarProps>, {
+export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_43<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -13990,7 +14057,7 @@ clear: () => void;
 blur: () => void;
 } & {
 focus: () => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_42<BentoSearchBarProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_43<BentoSearchBarProps>, {
 condensed: boolean;
 debounceTime: number;
 disabled: boolean;
@@ -14079,7 +14146,7 @@ export declare interface BentoSearchBarProps {
  *     }
  * }
  */
-export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_43<{
+export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_44<{
 /**
 * 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.
@@ -14092,7 +14159,7 @@ items: BentoSecondaryNavItems;
 value?: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (category: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_43<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_44<{
 /**
 * 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.
@@ -14137,7 +14204,7 @@ export declare interface BentoSecondaryNavState {
  *     `
  * }
  */
-export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoSegmentedControlProps>, {
+export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14146,7 +14213,7 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 } & {
 input: (value: BentoSegmentedControlValue) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoSegmentedControlProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSegmentedControlProps>, {
 ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
@@ -14534,7 +14601,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSelectionCardGroupProps>, {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_40<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14565,7 +14632,7 @@ variant: string;
 "update:model-value": (value: BentoSelectionCardModelValue_2) => void;
 } & {
 input: (value: BentoSelectionCardModelValue_2) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_45<BentoSelectionCardGroupProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_46<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14990,7 +15057,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_47<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_47<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -15206,7 +15273,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_47<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15230,7 +15297,7 @@ layout?: BentoStructuredListLayoutOptions;
 }>, {
 labelsWidth: any;
 layout: string;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_47<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_48<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -15284,7 +15351,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_TypePropsToRuntimeProps_48<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_TypePropsToRuntimeProps_49<{
 /**
 * Label to display for the value
 */
@@ -15311,7 +15378,7 @@ searchTooltip?: string;
 truncate?: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 copy: (value: string) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_48<{
+}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_49<{
 /**
 * Label to display for the value
 */
@@ -15366,10 +15433,10 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>>>, {
@@ -15404,7 +15471,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15421,7 +15488,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemAmountProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15481,7 +15548,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15491,7 +15558,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemCustomProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15555,7 +15622,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15571,7 +15638,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemNumericProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15630,7 +15697,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15646,7 +15713,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemPercentageProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15720,7 +15787,7 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15730,7 +15797,7 @@ underlineTooltipText: any;
 "copy-click": (event: MouseEvent) => void;
 } & {
 "info-icon-mouseenter": (event: MouseEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemTextProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15831,12 +15898,12 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
 withNotificationIndicator: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoTabProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -16065,7 +16132,7 @@ declare interface BentoTeleportProps_2 {
     // NOTE: "where" is not added as it doesn't exist in Vue3
 }
 
-export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTextareaProps>, {
+export declare const BentoTextarea: DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -16102,7 +16169,7 @@ input: (value: string) => void;
 keydown: (event: KeyboardEvent) => void;
 } & {
 keyup: (event: KeyboardEvent) => void;
-}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_53<__VLS_TypePropsToRuntimeProps_56<BentoTextareaProps>, {
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTextareaProps>, {
 ariaLabel: any;
 characterLimit: any;
 description: string;
@@ -16235,11 +16302,11 @@ export declare enum BentoTheme {
  *     `
  * }
  */
-export declare const BentoTimeline: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTimelineProps>, {
+export declare const BentoTimeline: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<BentoTimelineProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "add-timeline-note"[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineProps>, {
 addNote: boolean;
 showMore: any;
 timegapLimit: any;
@@ -16310,7 +16377,7 @@ export declare enum BentoTimelineGapUnit {
  *     `
  * }
  */
-export declare const BentoTimelineItem: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineItemProps>, {
+export declare const BentoTimelineItem: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -16319,7 +16386,7 @@ tag: any;
 title: any;
 type: string;
 variant: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<BentoTimelineItemProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
 description: any;
@@ -16898,7 +16965,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_58<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_58<DefineComponent<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -16946,7 +17013,7 @@ stronger: boolean;
 strongest: boolean;
 variant: BentoTypographyVariant;
 wide: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_57<__VLS_TypePropsToRuntimeProps_60<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span