@adyen/bento-vue2 1.76.2 → 1.77.0

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

@@ -20,7 +20,7 @@ import type { Placement } from '@floating-ui/vue';
 import type { PluginObject } from 'vue';
 import { PropType } from 'vue';
 import { Ref } from 'vue';
-import type { RouterLinkProps } from 'vue-router/types/router.d.ts';
+import type { RouterLinkProps as RouterLinkProps_2 } from 'vue-router/types/router.d.ts';
 import { ShallowUnwrapRef } from 'vue';
 import type { typeToFlattenedError } from 'zod';
 import { UnwrapRef } from 'vue';
@@ -1332,6 +1332,12 @@ declare type __VLS_WithTemplateSlots_57<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_58<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     new (): {
         $slots: S;
@@ -4145,7 +4151,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_57<DefineComponent<__VLS_WithDefaults_56<__VLS_TypePropsToRuntimeProps_59<{
 /**
 * The header of the section
 */
@@ -4204,7 +4210,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_56<DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToRuntimeProps_58<{
 /**
 * The header that goes to the top of the template
 */
@@ -5275,7 +5281,7 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_57<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_58<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -5503,8 +5509,8 @@ date: any;
 format: BentoDateFormat;
 disableTypography: boolean;
 }>>>, {
-disableTypography: boolean;
 date: Date | number | string | null;
+disableTypography: boolean;
 format: BentoDateFormat | `${BentoDateFormat}`;
 }>;
 
@@ -5575,6 +5581,7 @@ isDateDisabled: any;
 label: any;
 max: any;
 min: any;
+modelValue: any;
 optional: boolean;
 placeholder: any;
 readonly: boolean;
@@ -5582,7 +5589,23 @@ required: boolean;
 tooltipText: any;
 value: any;
 variant: any;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDatePickerEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDatePickerProps>, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:model-value": (value: Date) => void;
+} & {
+"update:model-value": (value: Date) => void;
+} & {
+"update:model-value": (value: Date) => void;
+} & {
+"update:model-value": (value: Date) => void;
+} & {
+"update:model-value": (value: Date) => void;
+} & {
+"update:model-value": (value: Date) => void;
+} & {
+"update:model-value": (value: Date) => void;
+} & {
+input: (value: Date) => void;
+}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
 disabled: boolean;
@@ -5592,6 +5615,7 @@ isDateDisabled: any;
 label: any;
 max: any;
 min: any;
+modelValue: any;
 optional: boolean;
 placeholder: any;
 readonly: boolean;
@@ -5608,6 +5632,7 @@ required: boolean;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
+modelValue: BentoDatePickerValue | null;
 errorMessage: string;
 tooltipText: string;
 isDateDisabled: CalendarMonthIsDateDisabled;
@@ -5618,6 +5643,11 @@ defaultDisplayMonth: string | null;
 placeholder: string;
 }>;
 
+export declare type BentoDatePickerEmits = FormFieldEmits<BentoDatePickerValue>;
+
+/**
+ * @deprecated since version 2.0. This enum is deprecated. Use the event name as a string literal instead.
+ */
 export declare enum BentoDatePickerEvent {
     INPUT = "input"
 }
@@ -5650,6 +5680,15 @@ export declare interface BentoDatePickerProps extends FormField {
     max?: Date | null;
     /**
      * Selected date
+     *
+     * @default null
+     */
+    modelValue?: BentoDatePickerValue | null;
+    /**
+     * Selected date
+     *
+     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.
+     *
      * @default null
      */
     value?: BentoDatePickerValue | null;
@@ -5964,6 +6003,7 @@ size: any;
 staticCategories: boolean;
 tooltipText: any;
 value: any;
+modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>, {
@@ -5971,6 +6011,8 @@ focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: any) => void;
 } & {
+"update:model-value": (selectedValue: any) => void;
+} & {
 "show-more": () => void;
 } & {
 open: () => void;
@@ -6001,6 +6043,7 @@ size: any;
 staticCategories: boolean;
 tooltipText: any;
 value: any;
+modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>>>, {
@@ -6019,6 +6062,7 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoListboxOptions;
+modelValue: BentoListboxSelectedValue;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -6146,6 +6190,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -6214,6 +6263,8 @@ default: any;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 } & {
+"update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
 "show-more": () => void;
 } & {
 open: () => void;
@@ -6299,6 +6350,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -6380,6 +6436,7 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoAvatarListboxOptions;
+modelValue: BentoListboxSelectedValue;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -6524,6 +6581,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -6592,6 +6654,8 @@ default: any;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 } & {
+"update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
 "show-more": () => void;
 } & {
 open: () => void;
@@ -6685,6 +6749,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -6767,6 +6836,7 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCountryListboxOptions;
+modelValue: BentoListboxSelectedValue;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -6891,6 +6961,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -6959,6 +7034,8 @@ default: any;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 } & {
+"update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
 "show-more": () => void;
 } & {
 open: () => void;
@@ -7043,6 +7120,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -7124,6 +7206,7 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoCurrencyListboxOptions;
+modelValue: BentoListboxSelectedValue;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -7258,6 +7341,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -7326,6 +7414,8 @@ default: any;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 } & {
+"update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
 "show-more": () => void;
 } & {
 open: () => void;
@@ -7410,6 +7500,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -7491,6 +7586,7 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
+modelValue: BentoListboxSelectedValue;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -7598,8 +7694,15 @@ export declare interface BentoDropdownProps extends FormField {
      * The `input` value.
      * Providing an empty string will select no options.
      * Set to an empty string `''` if you don't want any of the available options to be selected.
+     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.
      */
     value?: BentoListboxSelectedValue;
+    /**
+     * The `input` value.
+     * Providing an empty string will select no options.
+     * Set to an empty string `''` if you don't want any of the available options to be selected.
+     */
+    modelValue?: BentoListboxSelectedValue;
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
      * The itemHeight function is used to calculate the height of rendered item given it's index.
@@ -7737,6 +7840,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -7805,6 +7913,8 @@ default: any;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 input: (selectedValue: BentoListboxSelectedValue) => void;
 } & {
+"update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
+} & {
 "show-more": () => void;
 } & {
 open: () => void;
@@ -7890,6 +8000,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<BentoListboxSelectedValue>;
+} & {
+default: any;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -7971,6 +8086,7 @@ size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
 ariaLabel: string;
 items: BentoTagListboxOptions;
+modelValue: BentoListboxSelectedValue;
 errorMessage: string;
 tooltipText: string;
 isOptionDisabled: BentoListboxIsOptionDisabled;
@@ -8155,7 +8271,7 @@ change: (value?: FileList) => void;
 } & {
 input: (value?: FileList) => void;
 } & {
-"update:modelValue": (value?: FileList) => void;
+"update:model-value": (value?: FileList) => void;
 } & {
 "error:upload": (value: boolean) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoFileUploaderProps>, {
@@ -9286,9 +9402,14 @@ export declare type BentoInputDropdownProps = {
      */
     readonly?: DropdownProps['readonly'];
     /**
-     *  Selected value of the dropdown
+     * Selected value of the dropdown
+     * @deprecated Use `model-value` instead.
      */
     value?: DropdownProps['value'];
+    /**
+     *  Selected value of the dropdown
+     */
+    modelValue?: DropdownProps['modelValue'];
 };
 
 /**
@@ -11465,14 +11586,17 @@ export declare interface BentoPaginationProps {
  * }
  */
 export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
-type: string;
+label: any;
 small: boolean;
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
 type: string;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoPaymentMethodProps>, {
+label: any;
 small: boolean;
+type: string;
 }>>>, {
 small: boolean;
 type: string;
+label: string;
 }>;
 
 export declare type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
@@ -11483,15 +11607,18 @@ export declare type BentoPaymentMethodListboxOptions = Array<BentoPaymentMethodL
 
 export declare interface BentoPaymentMethodProps {
     /**
-     *  The label describing to the payment method icon.
+     * The label describing to the payment method icon.
+     * @default null
      */
-    label: string;
+    label?: string;
     /**
-     *  Render payment method icon in a smaller size
+     * Render payment method icon in a smaller size
+     * @default false
      */
     small?: boolean;
     /**
-     *  The type of payment method to display.
+     * The type of payment method to display.
+     * @default 'Unknowncard'
      */
     type?: string;
 }
@@ -13042,7 +13169,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_36<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_37<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -13830,7 +13957,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_37<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_38<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -14023,7 +14150,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoSelectionCardGroupProps>, {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_44<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
 errorMessage: any;
@@ -14192,7 +14319,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_40<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_41<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14320,7 +14447,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_39<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_40<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -14463,7 +14590,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_46<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14508,7 +14635,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_43<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_44<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -14565,7 +14692,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_42<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_43<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -14679,7 +14806,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_47<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_47<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14757,7 +14884,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_TypePropsToRuntimeProps_48<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_TypePropsToRuntimeProps_48<{
 /**
 * Label to display for the value
 */
@@ -14839,7 +14966,7 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<BentoSummaryGridProps>, {
@@ -14877,7 +15004,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -14954,7 +15081,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_51<__VLS_TypePropsToRuntimeProps_54<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15028,7 +15155,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15103,7 +15230,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_49<__VLS_TypePropsToRuntimeProps_52<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15184,7 +15311,7 @@ export declare enum BentoSummaryGridItemSize {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToRuntimeProps_53<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15286,7 +15413,7 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToRuntimeProps_55<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -15440,7 +15567,7 @@ declare enum BentoTabsEvent {
     ACTIVE_TAB_INDEX = "update:active-tab-index"
 }
 
-export declare const BentoTag: DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoTagProps>, {
+export declare const BentoTag: __VLS_WithTemplateSlots_36<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_40<BentoTagProps>, {
 label: any;
 truncate: any;
 variant: BentoTagVariant;
@@ -15452,6 +15579,8 @@ variant: BentoTagVariant;
 label: string;
 variant: BentoTagVariant | `${BentoTagVariant}`;
 truncate: number;
+}>, {
+    icon: (_: {}) => any;
 }>;
 
 export declare type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
@@ -15517,6 +15646,7 @@ resizable: string;
 required: boolean;
 tooltipText: any;
 value: string;
+modelValue: string;
 }>, {
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -15532,6 +15662,8 @@ focus: () => void;
 } & {
 input: (value: string) => void;
 } & {
+"update:model-value": (value: string) => void;
+} & {
 keydown: (event: KeyboardEvent) => void;
 } & {
 keyup: (event: KeyboardEvent) => void;
@@ -15551,6 +15683,7 @@ resizable: string;
 required: boolean;
 tooltipText: any;
 value: string;
+modelValue: string;
 }>>>, {
 value: string;
 description: string;
@@ -15561,6 +15694,7 @@ optional: boolean;
 readonly: boolean;
 height: string | null;
 ariaLabel: string;
+modelValue: string;
 errorMessage: string;
 tooltipText: string;
 characterLimit: number;
@@ -15598,8 +15732,13 @@ declare interface BentoTextareaProps extends FormField {
     resizable?: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
     /**
      * Text displayed as the value of the textarea
+     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.
      */
     value?: string;
+    /**
+     * Text displayed as the value of the textarea
+     */
+    modelValue?: string;
 }
 
 /**
@@ -15739,6 +15878,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<string>;
+} & {
+default: string;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -15815,6 +15959,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<string>;
+} & {
+default: string;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -15858,6 +16007,8 @@ focus: () => void;
 } & {
 input: (value: string) => void;
 } & {
+"update:model-value": (value: string) => void;
+} & {
 keydown: (event: KeyboardEvent) => void;
 } & {
 keyup: (event: KeyboardEvent) => void;
@@ -15871,6 +16022,7 @@ optional: boolean;
 readonly: boolean;
 height: string | null;
 ariaLabel: string;
+modelValue: string;
 errorMessage: string;
 tooltipText: string;
 characterLimit: number;
@@ -15923,6 +16075,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<string>;
+} & {
+default: string;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -16001,6 +16158,11 @@ type: PropType<string>;
 } & {
 default: any;
 };
+modelValue: {
+type: PropType<string>;
+} & {
+default: string;
+};
 errorMessage: {
 type: PropType<string>;
 } & {
@@ -16440,7 +16602,7 @@ additionalTimestamp: BentoTimelineTimestamp;
 dataList: BentoTimelineDataList;
 }>;
 
-export declare interface BentoTimelineItemTitle extends RouterLinkProps {
+export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
     /**
      * Link label.
      */
@@ -16532,7 +16694,7 @@ export declare type BentoToastItemsList = Array<BentoToastItem>;
  *     `,
  * }
  */
-export declare const BentoToggle: __VLS_WithTemplateSlots_53<DefineComponent<    {
+export declare const BentoToggle: __VLS_WithTemplateSlots_54<DefineComponent<    {
 /**
 * @deprecated from version 2.0.0. Use the aria-label attribute instead.
 */
@@ -16927,7 +17089,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_54<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_55<DefineComponent<__VLS_WithDefaults_54<__VLS_TypePropsToRuntimeProps_57<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17206,6 +17368,27 @@ export declare interface FormField {
     tooltipText?: string;
 }
 
+export declare interface FormFieldEmits<T> {
+    /**
+     * Emitted when the component's model changes.
+     *
+     * @example
+     * - <component :model-value.sync="" />
+     * - <component v-model="" />
+     */
+    (e: 'update:model-value', value: T): void;
+    /**
+     * Emitted when the component's model changes.
+     *
+     * @deprecated since version 2.0. Use `v-model` or `update:model-value` instead.
+     *
+     * @example
+     * - <component v-model="" />
+     * - <component :value="" @input="" />
+     */
+    (e: 'input', value: T): void;
+}
+
 declare interface GridLayoutColumnWidth {
     small: number | string;
     medium: number | string;
@@ -17412,6 +17595,88 @@ export declare function requireSpecialCharacter(value: BentoInputFieldValue): bo
  */
 export declare function requireUppercase(value: BentoInputFieldValue): boolean;
 
+/**
+ * Manually defined RouterLinkProps to ensure compatibility
+ * with Vue Macros and Vue 2.7 / 3 monorepos.
+ */
+export declare interface RouterLinkProps {
+    /**
+     * Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to
+     * `router.push()` internally, so the value can be either a string or a location descriptor object.
+     */
+    to: string | Location;
+    /**
+     * Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will
+     * not create a new history record.
+     *
+     * @default false
+     */
+    replace?: boolean;
+    /**
+     * Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating
+     * from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at
+     * `/a/b`.
+     *
+     * @default false
+     */
+    append?: boolean;
+    /**
+     * Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to
+     * render to, and it will still listen to click events for navigation.
+     *
+     * @default "a"
+     */
+    tag?: string;
+    /**
+     * Configure the active CSS class applied when the link is active. Note the default value can also be configured
+     * globally via the `linkActiveClass` router constructor option.
+     *
+     * @default "router-link-active"
+     */
+    activeClass?: string;
+    /**
+     * The default active class matching behavior is **inclusive match**. For example, `<RouterLink to="/a">` will get
+     * this class applied as long as the current path starts with `/a/` or is `/a`.
+     *
+     * @default false
+     */
+    exact?: boolean;
+    /**
+     * Allows matching only using the `path` section of the url, effectively ignoring the `query` and the `hash` sections.
+     *
+     * @default false
+     */
+    exactPath?: boolean;
+    /**
+     * Configure the active CSS class applied when the link is active with exact path match. Note the default value can
+     * also be configured globally via the `linkExactPathActiveClass` router constructor option.
+     *
+     * @default "router-link-exact-path-active"
+     */
+    exactPathActiveClass?: string;
+    /**
+     * Specify the event(s) that can trigger the link navigation.
+     *
+     * @default 'click'
+     */
+    event?: string | ReadonlyArray<string>;
+    /**
+     * Configure the active CSS class applied when the link is active with exact match. Note the default value can also be
+     * configured globally via the `linkExactActiveClass` router constructor option.
+     *
+     * @default "router-link-exact-active"
+     */
+    exactActiveClass?: string;
+    /**
+     * Configure the value of `aria-current` when the link is active with exact match. It must be one of the allowed
+     * values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the
+     * default of page should be the best fit.
+     *
+     * @default "page"
+     */
+    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+}
+
 declare interface Toast {
     dismiss: () => void;
 }