@adyen/bento-vue3 2.0.0-rc.0 → 2.0.0-rc.2

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

@@ -1,4 +1,3 @@
-import { BentoCheckboxType as BentoCheckboxType_2 } from '@/types/checkbox';
 import type { ButtonHTMLAttributes } from '@vue/runtime-dom';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
@@ -15,10 +14,7 @@ import { ExtractPropTypes } from 'vue';
 import type { FlipOptions } from '@floating-ui/core';
 import { HTMLAttributes } from 'vue';
 import type { Location as Location_2 } from 'vue-router';
-import type { Location as Location_3 } from 'vue-router/types/router.d.ts';
-import type { MaybeElementRef as MaybeElementRef_2 } from '@/types/elements';
 import { MoveEvent } from 'sortablejs';
-import type { OmitStrict as OmitStrict_2 } from '@/types/omit-strict';
 import { Options } from 'sortablejs';
 import type { Options as Options_2 } from 'focus-trap/index';
 import type { Placement } from '@floating-ui/vue';
@@ -28,7 +24,7 @@ import { PublicProps } from 'vue';
 import { PullResult } from 'sortablejs';
 import { PutResult } from 'sortablejs';
 import { Ref } from 'vue';
-import type { RouterLinkProps as RouterLinkProps_3 } from 'vue-router';
+import type { RouterLinkProps as RouterLinkProps_2 } from 'vue-router';
 import { SortableEvent } from 'sortablejs';
 import { sortablejs } from 'sortablejs';
 import { SortableOptions } from 'sortablejs';
@@ -36,7 +32,6 @@ import type { typeToFlattenedError } from 'zod';
 import { UnwrapRef } from 'vue';
 import { VNode } from 'vue';
 import { VNodeRef } from 'vue/types/vnode';
-import type { VueNodeElement as VueNodeElement_2 } from '@/types/elements';
 import type { ZodSchema } from 'zod';
 
 declare const __VLS_base: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToOption_37<BentoInspectorPageProps>, {
@@ -46,13 +41,13 @@ previousPage: any;
 actions: any;
 previousPage: any;
 }>>>, {
-actions: BentoButtonActionsList_2;
+actions: BentoButtonActionsList;
 previousPage: string;
 }>;
 
-declare const __VLS_base_2: DefineComponent<BentoLinkProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_base_2: DefineComponent<BentoLinkProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (...args: any[]) => void;
-}, string, PublicProps, Readonly<BentoLinkProps_3> & Readonly<{
+}, string, PublicProps, Readonly<BentoLinkProps_2> & Readonly<{
 onClick?: (...args: any[]) => any;
 }>, {
 variant: BentoLinkVariant | `${BentoLinkVariant}`;
@@ -251,7 +246,6 @@ readonly: boolean;
 resizable: string;
 required: boolean;
 tooltipText: any;
-value: string;
 modelValue: string;
 }>, {
 focus: () => void;
@@ -270,10 +264,8 @@ readonly: boolean;
 resizable: string;
 required: boolean;
 tooltipText: any;
-value: string;
 modelValue: string;
 }>>>, {
-value: string;
 description: string;
 label: string;
 required: boolean;
@@ -281,8 +273,8 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 height: string | null;
-ariaLabel: string;
 characterLimit: number;
+ariaLabel: string;
 placeholder: string;
 modelValue: string;
 errorMessage: string;
@@ -695,14 +687,14 @@ default: any;
 header: Readonly<Partial<{
 description: string;
 variant: "page" | "component" | BentoHeaderVariant;
-actions: BentoButtonActionsList_2;
+actions: BentoButtonActionsList;
 lastUpdated: number | Date;
 reloadButton: BentoHeaderReloadButton;
 infoIconTooltipText: string;
 infoIconPopoverPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
 }> & Omit<Readonly<ExtractPropTypes<    {
 actions: {
-type: PropType<BentoButtonActionsList_2>;
+type: PropType<BentoButtonActionsList>;
 default: any;
 };
 description: {
@@ -716,7 +708,7 @@ default: any;
 infoIconPopoverPosition: {
 type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
 default: string;
-validator: (value: BentoPopoverPositions_2) => boolean;
+validator: (value: BentoPopoverPositions) => boolean;
 };
 lastUpdated: {
 type: (DateConstructor | NumberConstructor)[];
@@ -737,7 +729,7 @@ default: any;
 };
 }>>, DefaultKeys<    {
 actions: {
-type: PropType<BentoButtonActionsList_2>;
+type: PropType<BentoButtonActionsList>;
 default: any;
 };
 description: {
@@ -751,7 +743,7 @@ default: any;
 infoIconPopoverPosition: {
 type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
 default: string;
-validator: (value: BentoPopoverPositions_2) => boolean;
+validator: (value: BentoPopoverPositions) => boolean;
 };
 lastUpdated: {
 type: (DateConstructor | NumberConstructor)[];
@@ -840,9 +832,9 @@ validator: (value: BentoLoadingButtonState) => boolean;
 * Types of flavour of Button
 */
 variant: {
-type: PropType<"primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant_2>;
+type: PropType<"primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant>;
 default: string;
-validator: (value: BentoButtonVariant_2) => boolean;
+validator: (value: BentoButtonVariant) => boolean;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
 /**
@@ -886,12 +878,12 @@ validator: (value: BentoLoadingButtonState) => boolean;
 * Types of flavour of Button
 */
 variant: {
-type: PropType<"primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant_2>;
+type: PropType<"primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant>;
 default: string;
-validator: (value: BentoButtonVariant_2) => boolean;
+validator: (value: BentoButtonVariant) => boolean;
 };
 }>>, {
-variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant_2;
+variant: "primary" | "secondary" | "tertiary" | "tertiary-with-background" | BentoButtonVariant;
 condensed: boolean;
 critical: boolean;
 disabled: boolean;
@@ -2024,7 +2016,6 @@ placeholder: any;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_13<BentoDatePickerProps>, {
@@ -2043,11 +2034,9 @@ placeholder: any;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>>>, {
-value: BentoDatePickerValue | null;
 description: string;
 label: string;
 variant: `${CalendarVariant}`;
@@ -2072,7 +2061,6 @@ description: any;
 disabled: boolean;
 errorMessage: any;
 firstDayOfWeek: any;
-hasActions: boolean;
 isDateDisabled: any;
 label: any;
 max: any;
@@ -2087,7 +2075,6 @@ readonly: boolean;
 required: boolean;
 showEndDateOnOpen: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_14<BentoDateRangePickerProps>, {
@@ -2095,7 +2082,6 @@ description: any;
 disabled: boolean;
 errorMessage: any;
 firstDayOfWeek: any;
-hasActions: boolean;
 isDateDisabled: any;
 label: any;
 max: any;
@@ -2110,11 +2096,9 @@ readonly: boolean;
 required: boolean;
 showEndDateOnOpen: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>>>, {
-value: BentoDateRangePickerValue | null;
 description: string;
 label: string;
 variant: `${CalendarVariant}`;
@@ -2134,7 +2118,6 @@ firstDayOfWeek: CalendarFirstDayOfWeek | number;
 maxRange: number;
 numberOfMonths: number;
 showEndDateOnOpen: boolean;
-hasActions: boolean;
 quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 }>;
 
@@ -2322,12 +2305,10 @@ drawerLabel: string;
 }>;
 
 declare const __VLS_export_26: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoDropdownProps>, {
-ariaLabel: any;
 condensed: boolean;
 emptyState: any;
 disabled: boolean;
 dynamicFiltering: boolean;
-error: boolean;
 errorMessage: any;
 description: any;
 hasMoreItems: boolean;
@@ -2349,19 +2330,16 @@ teleport: () => {
 disabled: boolean;
 };
 tooltipText: any;
-value: any;
 modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>, {
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToOption_18<BentoDropdownProps>, {
-ariaLabel: any;
 condensed: boolean;
 emptyState: any;
 disabled: boolean;
 dynamicFiltering: boolean;
-error: boolean;
 errorMessage: any;
 description: any;
 hasMoreItems: boolean;
@@ -2383,12 +2361,10 @@ teleport: () => {
 disabled: boolean;
 };
 tooltipText: any;
-value: any;
 modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -2397,11 +2373,9 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
 multiple: boolean;
-ariaLabel: string;
 items: BentoListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
@@ -2437,8 +2411,8 @@ items: {
 type: PropType<BentoAvatarListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -2475,10 +2449,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -2491,10 +2461,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2563,8 +2529,8 @@ items: {
 type: PropType<BentoAvatarListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -2601,10 +2567,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -2617,10 +2579,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2678,7 +2636,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -2687,16 +2644,15 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
 multiple: boolean;
-ariaLabel: string;
 items: BentoAvatarListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -2729,8 +2685,8 @@ type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
 default: BentoCountryVariant;
 validator: (value: BentoCountryVariant) => boolean;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -2767,10 +2723,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -2783,10 +2735,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2863,8 +2811,8 @@ type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
 default: BentoCountryVariant;
 validator: (value: BentoCountryVariant) => boolean;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -2901,10 +2849,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -2917,10 +2861,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -2978,26 +2918,24 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
-variant: "name" | "custom" | "iso" | "phone_code" | "capital" | BentoCountryVariant;
+variant: "name" | "iso" | "phone_code" | "capital" | BentoCountryVariant;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
 multiple: boolean;
-ariaLabel: string;
 items: BentoCountryListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -3021,8 +2959,8 @@ items: {
 type: PropType<BentoCurrencyListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -3059,10 +2997,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -3075,10 +3009,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3146,8 +3076,8 @@ items: {
 type: PropType<BentoCurrencyListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -3184,10 +3114,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -3200,10 +3126,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3261,7 +3183,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -3270,16 +3191,15 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
 multiple: boolean;
-ariaLabel: string;
 items: BentoCurrencyListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -3339,8 +3259,8 @@ items: {
 type: PropType<BentoPaymentMethodListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -3377,10 +3297,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -3393,10 +3309,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3464,8 +3376,8 @@ items: {
 type: PropType<BentoPaymentMethodListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -3502,10 +3414,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -3518,10 +3426,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3579,7 +3483,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -3588,16 +3491,15 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
 multiple: boolean;
-ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -3622,8 +3524,8 @@ items: {
 type: PropType<BentoTagListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -3660,10 +3562,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -3676,10 +3574,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3748,8 +3642,8 @@ items: {
 type: PropType<BentoTagListboxOptions>;
 default: () => any[];
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
+ariaLabel?: {
+type: StringConstructor;
 default: any;
 };
 search: {
@@ -3786,10 +3680,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -3802,10 +3692,6 @@ multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -3863,7 +3749,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -3872,16 +3757,15 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
 multiple: boolean;
-ariaLabel: string;
 items: BentoTagListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -4113,8 +3997,8 @@ disabled: boolean;
 tag: any;
 optional: boolean;
 readonly: boolean;
-ariaLabel: string;
 indeterminate: boolean;
+ariaLabel: string;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 errorMessage: string;
 hasError: boolean;
@@ -4329,7 +4213,7 @@ formId: string;
         hasError?: boolean;
         errorMessage?: string;
         readonly?: boolean;
-        tag?: BentoCheckboxTag_2;
+        tag?: BentoCheckboxTag;
     }) => any;
 }>;
 
@@ -4392,15 +4276,12 @@ langLabel: string;
 
 declare const __VLS_export_37: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoCountryProps>, {
 code: BentoCountryCode;
-label: any;
 variant: BentoCountryVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_22<BentoCountryProps>, {
 code: BentoCountryCode;
-label: any;
 variant: BentoCountryVariant;
 }>>>, {
 code: BentoCountryCode | `${BentoCountryCode}`;
-label: string;
 variant: BentoCountryVariant | `${BentoCountryVariant}`;
 }>;
 
@@ -4606,7 +4487,7 @@ value: BentoFilterBarValue;
 disabled: boolean;
 fitContent: boolean;
 tooltipText: string;
-tooltipPosition: `${BentoTooltipPosition_3}`;
+tooltipPosition: `${BentoTooltipPosition}`;
 appliedFiltersCount: string | number;
 buttonLabel: string;
 buttonSecondaryLabel: string;
@@ -4970,13 +4851,11 @@ tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
 
 declare const __VLS_export_51: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInputFieldProps>, {
 ariaHidden: boolean;
-ariaLabel: any;
 condensed: boolean;
 description: string;
 disabled: boolean;
 dropdown: any;
 dropdownPosition: BentoInputFieldElementPosition;
-error: boolean;
 errorMessage: any;
 label: string;
 modelValue: any;
@@ -4989,7 +4868,6 @@ staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition;
 tooltipText: any;
 type: BentoInputFieldType;
-value: any;
 variant: BentoInputFieldVariant;
 }>, {
 /**
@@ -5006,13 +4884,11 @@ focus: () => void;
 inputFieldElement: Ref<HTMLInputElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToOption_32<BentoInputFieldProps>, {
 ariaHidden: boolean;
-ariaLabel: any;
 condensed: boolean;
 description: string;
 disabled: boolean;
 dropdown: any;
 dropdownPosition: BentoInputFieldElementPosition;
-error: boolean;
 errorMessage: any;
 label: string;
 modelValue: any;
@@ -5025,10 +4901,8 @@ staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition;
 tooltipText: any;
 type: BentoInputFieldType;
-value: any;
 variant: BentoInputFieldVariant;
 }>>>, {
-value: BentoInputFieldValue;
 description: string;
 type: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"];
 label: string;
@@ -5036,10 +4910,8 @@ variant: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-ariaLabel: string;
 placeholder: string;
 modelValue: BentoInputFieldValue;
 errorMessage: string;
@@ -5084,7 +4956,6 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 validation: any;
-value: any;
 modelValue: any;
 withHint: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoInputFieldPasswordProps>, {
@@ -5101,11 +4972,9 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 validation: any;
-value: any;
 modelValue: any;
 withHint: boolean;
 }>>>, {
-value: BentoInputFieldProps["value"];
 description: string;
 label: string;
 required: boolean;
@@ -5677,7 +5546,7 @@ withColumnLayout: boolean;
 pageId: any;
 previousPage: any;
 }>>>, {
-actions: BentoButtonActionsList_2;
+actions: BentoButtonActionsList;
 pageId: string;
 previousPage: string | null;
 actionsLabel: string;
@@ -6045,7 +5914,7 @@ default: any;
 infoIconPopoverPosition: {
 type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
 default: string;
-validator: (value: BentoPopoverPositions_2) => boolean;
+validator: (value: BentoPopoverPositions) => boolean;
 };
 /**
 * JavaScript "Date" object for when the content was last updated
@@ -6117,7 +5986,7 @@ default: any;
 infoIconPopoverPosition: {
 type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
 default: string;
-validator: (value: BentoPopoverPositions_2) => boolean;
+validator: (value: BentoPopoverPositions) => boolean;
 };
 /**
 * JavaScript "Date" object for when the content was last updated
@@ -6161,7 +6030,6 @@ infoIconPopoverPosition: "top" | "right" | "bottom" | "left" | "auto" | "auto-st
 }>;
 
 declare const __VLS_export_72: __VLS_WithSlots_45<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoPaginationProps>, {
-ariaLabel: any;
 hasNext: any;
 hideFirstLastPageButtons: boolean;
 hidePageSize: boolean;
@@ -6173,7 +6041,6 @@ size: number;
 totalCount: any;
 virtualScroll: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToOption_48<BentoPaginationProps>, {
-ariaLabel: any;
 hasNext: any;
 hideFirstLastPageButtons: boolean;
 hidePageSize: boolean;
@@ -6187,7 +6054,6 @@ virtualScroll: boolean;
 }>>>, {
 page: number;
 size: number;
-ariaLabel: string;
 virtualScroll: boolean;
 hidePageSizeSelection: boolean;
 totalCount: number;
@@ -6217,7 +6083,6 @@ label: string;
 declare const __VLS_export_74: __VLS_WithSlots_46<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
-ariaLabel: any;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
@@ -6237,7 +6102,6 @@ overflowVisible: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToOption_50<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
-ariaLabel: any;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
@@ -6265,9 +6129,8 @@ trapAll: boolean;
 trapAllOptions: any;
 fallbackPosition: Array<Placement>;
 fixedPositioning: boolean;
-ariaLabel: string;
-actions: BentoButtonActionsList_2;
-actionsLayout: BentoButtonActionsLayout_2 | `${BentoButtonActionsLayout_2}`;
+actions: BentoButtonActionsList;
+actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
@@ -6656,18 +6519,15 @@ inverse: boolean;
 declare const __VLS_export_80: DefineComponent<    {}, unknown, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
 declare const __VLS_export_81: DefineComponent<__VLS_WithDefaults_55<__VLS_TypePropsToOption_55<BentoSegmentedControlProps>, {
-ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
 modelValue: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToOption_55<BentoSegmentedControlProps>, {
-ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
 modelValue: any;
 }>>>, {
 wrap: boolean;
-ariaLabel: string;
 modelValue: BentoSegmentedControlValue;
 fullWidth: boolean;
 }>;
@@ -6867,7 +6727,7 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 layout: BentoSelectionCardGroupLayout;
-modelValue: BentoSelectionCardModelValue_2;
+modelValue: BentoSelectionCardModelValue;
 errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
@@ -6881,11 +6741,11 @@ itemsPerRow: BentoSelectionCardGroupItemsPerRow;
         dynamicContent?: string | object;
         fullyClickable?: boolean;
         hasError?: boolean;
-        icon?: VueNodeElement_3;
+        icon?: VueNodeElement;
         readonly?: boolean;
         subtitle?: string;
         title: string;
-        value: BentoSelectionCardValue_2;
+        value: BentoSelectionCardValue;
     }) => any;
 } & {
     content?: (props: {
@@ -6895,11 +6755,11 @@ itemsPerRow: BentoSelectionCardGroupItemsPerRow;
         dynamicContent?: string | object;
         fullyClickable?: boolean;
         hasError?: boolean;
-        icon?: VueNodeElement_3;
+        icon?: VueNodeElement;
         readonly?: boolean;
         subtitle?: string;
         title: string;
-        value: BentoSelectionCardValue_2;
+        value: BentoSelectionCardValue;
     }) => any;
 } & {
     dynamicContent?: (props: {
@@ -6909,11 +6769,11 @@ itemsPerRow: BentoSelectionCardGroupItemsPerRow;
         dynamicContent?: string | object;
         fullyClickable?: boolean;
         hasError?: boolean;
-        icon?: VueNodeElement_3;
+        icon?: VueNodeElement;
         readonly?: boolean;
         subtitle?: string;
         title: string;
-        value: BentoSelectionCardValue_2;
+        value: BentoSelectionCardValue;
     }) => any;
 } & {
     icon?: (props: any) => any;
@@ -7302,11 +7162,11 @@ condensed: boolean;
 disabled: boolean;
 inverse: boolean;
 }>>>, {
-link: BentoButtonProps_2["link"];
-type: BentoButtonProps_2["type"];
-condensed: BentoButtonProps_2["condensed"];
-disabled: BentoButtonProps_2["disabled"];
-inverse: BentoButtonProps_2["inverse"];
+link: BentoButtonProps["link"];
+type: BentoButtonProps["type"];
+condensed: BentoButtonProps["condensed"];
+disabled: BentoButtonProps["disabled"];
+inverse: BentoButtonProps["inverse"];
 }>, {
     default?: (props: {}) => any;
 }>;
@@ -7366,14 +7226,14 @@ underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
-size: `${BentoSummaryGridItemSize_2}`;
+size: `${BentoSummaryGridItemSize}`;
 fitContent: boolean;
 infoIconTooltipText: string;
 trend: string;
-trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
+trendDirection: `${BentoSummaryGridItemTrendDirection}`;
 secondaryTrend: string;
-secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
-underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
+secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection}`;
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 secondaryLabel: string;
 secondaryMetric: string;
@@ -7407,14 +7267,14 @@ underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
-size: `${BentoSummaryGridItemSize_2}`;
+size: `${BentoSummaryGridItemSize}`;
 fitContent: boolean;
 infoIconTooltipText: string;
 trend: string;
-trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
+trendDirection: `${BentoSummaryGridItemTrendDirection}`;
 secondaryTrend: string;
-secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
-underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
+secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection}`;
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 secondaryMetric: string;
 }>, {
@@ -7447,14 +7307,14 @@ underlinePopoverSize: string;
 underlineTooltipText: any;
 }>>>, {
 copy: string;
-size: `${BentoSummaryGridItemSize_2}`;
+size: `${BentoSummaryGridItemSize}`;
 fitContent: boolean;
 infoIconTooltipText: string;
 trend: string;
-trendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
+trendDirection: `${BentoSummaryGridItemTrendDirection}`;
 secondaryTrend: string;
-secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection_2}`;
-underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
+secondaryTrendDirection: `${BentoSummaryGridItemTrendDirection}`;
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 secondaryMetric: string | number;
 }>, {
@@ -7477,7 +7337,7 @@ underlineTooltipText: any;
 copy: string;
 fitContent: boolean;
 infoIconTooltipText: string;
-underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 }>, {
     'dashed-underline'?: (props: {}) => any;
@@ -7499,7 +7359,7 @@ underlineTooltipText: any;
 copy: string;
 fitContent: boolean;
 infoIconTooltipText: string;
-underlinePopoverSize: BentoDashedUnderlineProps_2["popoverSize"];
+underlinePopoverSize: BentoDashedUnderlineProps["popoverSize"];
 underlineTooltipText: string;
 }>, {
     'dashed-underline'?: (props: {}) => any;
@@ -9717,13 +9577,6 @@ declare const BentoActionBarVariantOptions: readonly ["default", "confirmation"]
  */
 declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps, 'button' | 'data'> & Partial<Pick<BentoMenuProps, 'data'>>;
 
-/**
- * Type for the Menus passed as objects to Button Actions
- */
-declare type BentoActionMenu_2 = BentoButtonActionBase_2 &
-OmitStrict_2<BentoMenuProps_2, 'button' | 'data'> &
-Partial<Pick<BentoMenuProps_2, 'data'>>;
-
 /**
  * AI Button component is used for cases where pressing a button starts an AI-related action.
  *
@@ -10211,33 +10064,12 @@ declare interface BentoButtonActionBase {
     elementRef?: Exclude<VNodeRef, string>;
 }
 
-/**
- * Base interface for the Button and Menu objects
- */
-declare interface BentoButtonActionBase_2 {
-    title: string;
-    icon?: VueNodeElement_2;
-    iconLeft?: VueNodeElement_2;
-    iconRight?: VueNodeElement_2;
-
-    /**
-     * Provides a template ref to the underlying component instance.
-     */
-    elementRef?: Exclude<VNodeRef, string>;
-}
-
 export declare interface BentoButtonActionObject extends BentoButtonActionBase, BentoButtonProps {
     event?: (event: Event) => void;
     state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
     iconOnly?: boolean;
 }
 
-declare interface BentoButtonActionObject_2 extends BentoButtonActionBase_2, BentoButtonProps_2 {
-    event?: (event: Event) => void;
-    state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
-    iconOnly?: boolean;
-}
-
 /**
  * ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
  *
@@ -10278,13 +10110,6 @@ export declare const BentoButtonActionsLayout: {
 
 export declare type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare const BentoButtonActionsLayout_2 = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };
-
-declare type BentoButtonActionsLayout_2 = BentoButtonActionsLayoutBasic_2 | BentoButtonActionsLayoutExtended_2;
-
 export declare enum BentoButtonActionsLayoutBasic {
     BUTTONS_END = "buttons-end",
     FILL_CONTAINER = "fill-container",
@@ -10292,25 +10117,12 @@ export declare enum BentoButtonActionsLayoutBasic {
     VERTICAL_STACK = "vertical-stack"
 }
 
-declare enum BentoButtonActionsLayoutBasic_2 {
-    BUTTONS_END = 'buttons-end',
-    FILL_CONTAINER = 'fill-container',
-    SPACE_BETWEEN = 'space-between',
-    VERTICAL_STACK = 'vertical-stack',
-}
-
 export declare enum BentoButtonActionsLayoutExtended {
     BUTTONS_START = "buttons-start"
 }
 
-declare enum BentoButtonActionsLayoutExtended_2 {
-    BUTTONS_START = 'buttons-start',
-}
-
 export declare type BentoButtonActionsList = Array<BentoButtonActionObject & BentoActionMenu>;
 
-declare type BentoButtonActionsList_2 = Array<BentoButtonActionObject_2 & BentoActionMenu_2>;
-
 export declare interface BentoButtonActionsProps {
     /**
      * List of actions that will be used to render the buttons.
@@ -10383,16 +10195,6 @@ export declare interface BentoButtonProps {
     link?: object;
 }
 
-declare interface BentoButtonProps_2 {
-    condensed?: boolean;
-    critical?: boolean;
-    disabled?: boolean;
-    inverse?: boolean;
-    variant?: BentoButtonVariant_2 | `${BentoButtonVariant_2}`;
-    type?: string;
-    link?: object;
-}
-
 /**
  * @deprecated Since v2.0.0. Use string literal instead.
  */
@@ -10403,16 +10205,6 @@ export declare enum BentoButtonVariant {
     TERTIARY_WITH_BACKGROUND = "tertiary-with-background"
 }
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare enum BentoButtonVariant_2 {
-    PRIMARY = 'primary',
-    SECONDARY = 'secondary',
-    TERTIARY = 'tertiary',
-    TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',
-}
-
 /**
  * A card is a flexible and composable container.
  * Use cards to represent a single object or to visually group certain content, like legal information within company settings.
@@ -10544,8 +10336,6 @@ export declare enum BentoCheckboxState {
 
 export declare type BentoCheckboxTag = BentoTagProps;
 
-declare type BentoCheckboxTag_2 = BentoTagProps_2;
-
 export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
 
 /**
@@ -11036,8 +10826,6 @@ export declare enum BentoCountryCode {
 
 export declare type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
     value: BentoCountryCode | `${BentoCountryCode}`;
-    /** deprecated Use BentoDropdown component for custom labels */
-    label?: string;
 };
 
 export declare type BentoCountryListboxOptions = Array<BentoCountryListboxOptionItem>;
@@ -11047,10 +10835,6 @@ export declare interface BentoCountryProps {
      * Two character country code ([ISO 3166-1 alpha-2 format](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)).
      */
     code?: BentoCountryCode | `${BentoCountryCode}`;
-    /**
-     * Custom label text.
-     */
-    label?: string;
     /**
      * Which label variant to display.
      * @values iso, name, phone_code, capital
@@ -11065,9 +10849,7 @@ export declare enum BentoCountryVariant {
     ISO = "iso",
     NAME = "name",
     PHONE_CODE = "phone_code",
-    CAPITAL = "capital",
-    /** deprecated Use any of the other BentoCountry variants instead OR BentoTypography component for custom text */
-    CUSTOM = "custom"
+    CAPITAL = "capital"
 }
 
 /**
@@ -11415,48 +11197,8 @@ export declare interface BentoDashedUnderlineProps {
     tooltipPosition?: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
 }
 
-declare interface BentoDashedUnderlineProps_2 {
-    /**
-     * Text showed in the popover on hover
-     */
-    popoverText?: string;
-
-    /**
-     * Title showed in the popover on hover
-     */
-    popoverTitle?: string;
-
-    /**
-     * Position the popover should take if space is available
-     */
-    popoverPosition?: BentoPopoverPositions_2 | `${BentoPopoverPositions_2}`;
-
-    /**
-     * The size of the popover
-     */
-    popoverSize?: 'default' | 'fit-content' | 'large' | 'small';
-
-    /**
-     * Teleports the component outside of the parent container into
-     * the target "to" element
-     */
-    teleport?: BentoDashedUnderlineTeleport_2;
-
-    /**
-     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
-     */
-    tooltipText?: string;
-
-    /**
-     * Position the tooltip should take if space is available.
-     */
-    tooltipPosition?: BentoTooltipPosition_4 | `${BentoTooltipPosition_4}`;
-}
-
 export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
 
-declare type BentoDashedUnderlineTeleport_2 = BentoTeleportProps_2;
-
 /**
  * A component to display data in columns and row format with a whole array of configuration for visualization and interaction.
  *
@@ -11791,7 +11533,6 @@ export declare enum BentoDateFormat {
  *              required
  *              optional
  *              disabled
- *              @input="onDateChanged"
  *              v-model="selectedDate"
  *          />
  *     `,
@@ -11846,14 +11587,6 @@ export declare interface BentoDatePickerProps extends FormField {
      * @default null
      */
     modelValue?: BentoDatePickerValue | null;
-    /**
-     * Selected date
-     *
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     *
-     * @default null
-     */
-    value?: BentoDatePickerValue | null;
     /**
      * Range of years to be selectable from the year dropdown
      */
@@ -11920,7 +11653,6 @@ export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null
  *              required
  *              optional
  *              disabled
- *              @input="onDateChanged"
  *              v-model="selectedDate"
  *          />
  *     `,
@@ -12001,11 +11733,6 @@ export declare interface BentoDateRangePickerProps extends FormField {
      * Selected date
      */
     modelValue?: BentoDateRangePickerValue | null;
-    /**
-     * Selected date
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoDateRangePickerValue | null;
     /**
      * The type of calendar to display. Defaults to showing days.
      */
@@ -12014,14 +11741,6 @@ export declare interface BentoDateRangePickerProps extends FormField {
      * Range of years to be selectable from the year dropdown
      */
     yearRange?: BentoDateRangePickerYearRange;
-    /**
-     * Enables the date picker selection to persist until it is explicitly applied.
-     * Displays a set of buttons: Apply and Cancel.
-     *
-     * @deprecated Since v2.0.0. Temporary feature. Please set this to true as it will default to true on removal.
-     * @default false
-     */
-    hasActions?: boolean;
 }
 
 export declare type BentoDateRangePickerQuickSelectRanges = Array<DateRangePickerCalendarRangeSelectorItem>;
@@ -12362,6 +12081,11 @@ export declare const BentoDropdown: typeof __VLS_export_26;
 export declare const BentoDropdownAvatar: typeof __VLS_export_27;
 
 export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
+    /**
+     * @deprecated Since v3.0.0. Use `aria-label` instead.
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string;
     /**
      * The option elements to populate the avatar dropdown with.
      * It must be an array of {@see BentoAvatarListboxOptions }
@@ -12393,8 +12117,8 @@ export declare interface BentoDropdownAvatarProps extends BentoDropdownProps {
  *     setup() {
  *         const selectedValue = ref(BentoCountryCode.NL) // Default value
  *         const options: BentoCountryListboxOptions = [
- *              { label: 'Option 1', value: BentoCountryCode.NL },
- *              { label: 'Option 2', value: BentoCountryCode.BE },
+ *              { value: BentoCountryCode.NL },
+ *              { value: BentoCountryCode.BE },
  *         ];
  *         return { options, selectedValue };
  *     }
@@ -12433,6 +12157,11 @@ export declare const BentoDropdownCountry: typeof __VLS_export_28;
 export declare const BentoDropdownCurrency: typeof __VLS_export_29;
 
 export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
+    /**
+     * @deprecated Since v3.0.0. Use `aria-label` instead.
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string;
     /**
      * The option elements to populate the currency dropdown with.
      * It must be an array of {@see BentoCurrencyListboxOptions }
@@ -12473,6 +12202,11 @@ export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
 export declare const BentoDropdownPaymentMethod: typeof __VLS_export_30;
 
 export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
+    /**
+     * @deprecated Since v3.0.0. Use `aria-label` instead.
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string;
     /**
      * The option elements to populate the payment method dropdown with.
      * It must be an array of {@see BentoPaymentMethodListboxOptions }
@@ -12483,11 +12217,6 @@ export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownPr
 }
 
 export declare interface BentoDropdownProps extends FormField {
-    /**
-     * @deprecated Since v2.0.0. Use `aria-label` instead.
-     * Defines a string value that labels an interactive element.
-     */
-    ariaLabel?: string;
     /**
      * Renders the dropdown with a condensed style.
      */
@@ -12500,11 +12229,6 @@ export declare interface BentoDropdownProps extends FormField {
      * Sets the possibility to type into the textbox.
      */
     dynamicFiltering?: boolean;
-    /**
-     * Highlights the dropdown in an erroneous state.
-     * @deprecated Since v2.0.0. Use `errorMessage` instead.
-     */
-    error?: boolean;
     /**
      * Indicates whether there are more items to load
      */
@@ -12561,13 +12285,6 @@ export declare interface BentoDropdownProps extends FormField {
      * (or `dialog` if the dropdown is inside a dialog).
      */
     teleport?: BentoTeleportProps;
-    /**
-     * 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 Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoListboxSelectedValue;
     /**
      * The `input` value.
      * Providing an empty string will select no options.
@@ -12583,10 +12300,10 @@ export declare interface BentoDropdownProps extends FormField {
      * Enables value/label value handling. When `true`, the component expects and emits value/label
      * pair objects instead of primitive values.
      *
-     * This affects both the `value` prop and the `input` event payload.
+     * This affects both the `modelValue` prop and the `update:model-value` event payload.
      *
-     * - **Input (`value` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).
-     * - **Output (`input` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.
+     * - **Input (`modelValue` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).
+     * - **Output (`update:model-value` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.
      *
      * This is particularly useful when a selected item's label is not available in the `items` prop,
      * allowing the component to display the correct label for values loaded from external sources.
@@ -12624,6 +12341,11 @@ export declare interface BentoDropdownProps extends FormField {
 export declare const BentoDropdownTag: typeof __VLS_export_31;
 
 export declare interface BentoDropdownTagProps extends BentoDropdownProps {
+    /**
+     * @deprecated Since v3.0.0. Use `aria-label` instead.
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string;
     /**
      * The option elements to populate the tag dropdown with.
      * It must be an array of {@see BentoTagListboxOptions }
@@ -13487,11 +13209,6 @@ export declare interface BentoInputDropdownProps {
      * Displays non-selectable, static categories in the dropdown
      */
     staticCategories?: BentoDropdownProps['staticCategories'];
-    /**
-     * Selected value of the dropdown
-     * @deprecated Since v2.0.0. Use `model-value` instead.
-     */
-    value?: BentoDropdownProps['value'];
     /**
      * Enables virtual scrolling for large lists of items
      */
@@ -13586,11 +13303,6 @@ export declare interface BentoInputFieldPasswordProps extends FormField {
      * Disabling the option (set to `true`) will not run pre-defined validations or custom validations defined in the `validation` field.
      */
     disableValidation?: boolean;
-    /**
-     * Text displayed as the value of the input-field
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoInputFieldProps['value'];
     /**
      * Text displayed as the value of the input-field
      */
@@ -13686,20 +13398,10 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
      * If set, allows filtering on the countries dropdown
      */
     dynamicFiltering?: boolean;
-    /**
-     * If true, applies error styling to the field.
-     * @deprecated Since v2.0.0. Use `errorMessage` instead.
-     */
-    error?: boolean;
     /**
      * Selected country code
      */
     selectedCountry?: BentoInputFieldPhoneNumberCountryCode;
-    /**
-     * The current value of the field.
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: string | number;
     /**
      * The current value of the field.
      */
@@ -13711,12 +13413,6 @@ export declare interface BentoInputFieldProps extends FormField {
      * Indicates whether the element is exposed to an accessibility API.
      */
     ariaHidden?: boolean;
-    /**
-     * Text that labels an the input element
-     *
-     * @deprecated Since v2.0.0. Use `aria-label` instead.
-     */
-    ariaLabel?: string;
     /**
      * Reduces height of the input
      */
@@ -13732,12 +13428,6 @@ export declare interface BentoInputFieldProps extends FormField {
      * Position of the dropdown before or after input value
      */
     dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
-    /**
-     * Adds error validation class for outlining input-field.
-     *
-     * @deprecated Since v2.0.0. Use `errorMessage` instead.
-     */
-    error?: boolean;
     /**
      * Text displayed as the value of the input-field
      */
@@ -13762,11 +13452,6 @@ export declare interface BentoInputFieldProps extends FormField {
      * If `type` is `search`, use `bento-search-bar` instead.
      */
     type?: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type'];
-    /**
-     * Text displayed as the value of the input-field
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoInputFieldValue;
     /**
      * Describes the different variants for the input element
      */
@@ -13801,31 +13486,11 @@ export declare enum BentoInputFieldVariant {
     DROPDOWN = "dropdown"
 }
 
-/**
- * @deprecated Since v2.0.0. Use `BentoFilterItemType.INPUT_DROPDOWN` instead.
- */
-export declare interface BentoInputFilterInputAndDropdownValues {
-    inputValue: string | null;
-    dropdownValue?: string;
-}
-
 export declare interface BentoInputFilterOptions {
-    /**
-     * @deprecated Since v2.0.0. Do not use. Use `BentoFilterItemType.INPUT_DROPDOWN` instead if `dropdown` is needed.
-     */
-    dropdown?: any;
-    /**
-     * @deprecated Since v2.0.0. Do not use. Use `BentoFilterItemType.INPUT_DROPDOWN` instead if `dropdownPosition` is needed.
-     */
-    dropdownPosition?: any;
     /**
      * Sets a placeholder in the input field
      */
     placeholder?: BentoInputFieldProps['placeholder'];
-    /**
-     * @deprecated Since v2.0.0. Do not use. Use `BentoFilterItemType.INPUT_DROPDOWN` instead if `variant` is needed.
-     */
-    variant?: 'dropdown';
     /**
      * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
      */
@@ -13863,21 +13528,17 @@ export declare interface BentoInputFilterProps {
      * List of options that are needed to setup the filter
      * Available options:
      *   - placeholder: allows to set a placeholder to the search bar
-     *   - dropdown (deprecated): all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
-     *   - dropdownPosition (deprecated): allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
-     *   - variant (deprecated): can be `undefined` or set to `dropdown`. Enables dropdown input variant.
      *   - tooltipPosition: The position of the tooltip attached to the filter button
      *   - tooltipText: The content of the tooltip attached to the filter button
      */
     options?: BentoInputFilterOptions;
     /**
      * Current value of the filter.
-     * If the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.
      */
     value?: BentoInputFilterValue;
 }
 
-export declare type BentoInputFilterValue = string | null | BentoInputFilterInputAndDropdownValues;
+export declare type BentoInputFilterValue = string | null;
 
 /**
  * Input time component for entering time values in HH:MM:SS format.
@@ -13922,7 +13583,7 @@ export declare interface BentoInputWithDropdownFilterOptions {
 
 export declare interface BentoInpuWithDropdowntFilterValue {
     inputValue: BentoInputFieldValue;
-    dropdownValue: BentoInputDropdownProps['value'];
+    dropdownValue: BentoInputDropdownProps['modelValue'];
 }
 
 /**
@@ -14165,45 +13826,7 @@ declare type BentoLinkProps = RouterLinkProps & {
     variant?: BentoLinkVariant_2 | `${BentoLinkVariant_2}`;
 };
 
-declare type BentoLinkProps_2 = RouterLinkProps_2 & {
-    /**
-     * Disable the default typography for the component. Only use this when the component is inside another typography component.
-     */
-    disableTypography?: boolean;
-
-    /**
-     * Set the rendered link to a regular external anchor link and renders an external link icon.
-     */
-    external?: boolean;
-
-    /**
-     * Set to true if used inside a `BentoButton` component.
-     */
-    isButton?: boolean;
-
-    /**
-     * Set the rendered link to a regular external anchor link.
-     */
-    isNotRouting?: boolean;
-
-    /**
-     * Sets the target of the rendered link.
-     */
-    target?: string;
-
-    /**
-     * Set to true to truncate link. Doesn't work with disableTypography.
-     */
-    truncate?: boolean;
-
-    /**
-     * Link variant type affecting visual style.
-     * @values default, quiet
-     */
-    variant?: BentoLinkVariant_3 | `${BentoLinkVariant_3}`;
-};
-
-declare type BentoLinkProps_3 = RouterLinkProps_3 & LinkProps_2;
+declare type BentoLinkProps_2 = RouterLinkProps_2 & LinkProps_2;
 
 /**
  * @deprecated Since v2.0.0. Use string literal instead.
@@ -14229,14 +13852,6 @@ declare enum BentoLinkVariant_3 {
     QUIET = 'quiet',
 }
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare enum BentoLinkVariant_4 {
-    DEFAULT = 'default',
-    QUIET = 'quiet',
-}
-
 /**
  * `BentoList` renders an ordered or unordered list container for `BentoListItem` rows.
  *
@@ -14507,13 +14122,6 @@ export declare enum BentoLoadingButtonState {
     FAIL = "fail"
 }
 
-declare enum BentoLoadingButtonState_2 {
-    START = 'start',
-    LOADING = 'loading',
-    SUCCESS = 'success',
-    FAIL = 'fail',
-}
-
 /**
  * A loading indicator component that displays a spinning animation.
  *
@@ -14575,13 +14183,6 @@ export declare interface BentoMenuButtonProps {
     variant?: BentoButtonProps['variant'];
 }
 
-declare interface BentoMenuButtonProps_2 {
-    'aria-label'?: HTMLAttributes['aria-label'];
-    condensed?: boolean;
-    disabled?: boolean;
-    variant?: BentoButtonProps_2['variant'];
-}
-
 export declare enum BentoMenuEvent {
     BACK = "back",
     CLOSE = "close",
@@ -14603,51 +14204,29 @@ export declare interface BentoMenuItem {
     skipClose?: boolean;
 }
 
-declare interface BentoMenuItem_2 {
-    text: string;
-    handler?: () => void;
-    link?: BentoLinkProps_2;
-    secondaryText?: string;
-    items?: Array<BentoMenuItem_2>;
-    disabled?: boolean;
-    chevron?: boolean;
-    icon?: VueNodeElement_2;
-    critical?: boolean;
-    indent?: boolean;
-    addDivider?: boolean;
-    skipClose?: boolean;
-}
-
 /**
  * @deprecated Since v2.0.0. Use string literal instead.
  */
 declare const BentoMenuPositions: {
-    AUTO: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO;
-    AUTO_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_START;
-    AUTO_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_END;
-    TOP_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_START;
-    TOP_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_END;
-    RIGHT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_START;
-    RIGHT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_END;
-    BOTTOM_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_START;
-    BOTTOM_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_END;
-    LEFT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_START;
-    LEFT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_END;
-    TOP: import("../popper-container/popper-container.types").PopperContainerPositionBasic.TOP;
-    RIGHT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.RIGHT;
-    BOTTOM: import("../popper-container/popper-container.types").PopperContainerPositionBasic.BOTTOM;
-    LEFT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.LEFT;
+    AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
+    AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
+    TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
+    TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
+    TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
+    RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
+    BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
+    LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
 };
 
 declare type BentoMenuPositions = PopperContainerPosition;
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare const BentoMenuPositions_2 = { ...PopperContainerPosition };
-
-declare type BentoMenuPositions_2 = PopperContainerPosition_2;
-
 export declare interface BentoMenuProps {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -14699,57 +14278,6 @@ export declare interface BentoMenuProps {
     closeOnClickOutsideOptions?: OnClickOutsideOptions;
 }
 
-declare interface BentoMenuProps_2 {
-    /**
-     * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
-     */
-    button?: BentoMenuButtonProps_2;
-    /**
-     * Controls if the menu should close when an item is clicked.
-     * Defaults to `true`.
-     */
-    closeMenuOnItemSelect?: boolean;
-    /**
-     * The data to be displayed in the list
-     */
-    data: Array<BentoMenuItem_2>;
-    /**
-     * Disables opening the menu when the down arrow key is pressed.
-     */
-    disableArrowDownOpeningMenu?: boolean;
-    /**
-     * The position of where the menu should open.
-     */
-    menuPosition?: BentoMenuPositions_2 | `${BentoMenuPositions_2}`;
-    /**
-     * Instructs the menu popover to be visible outside of the containing container.
-     * @see {@link https://floating-ui.com/docs/usefloating#strategy}
-     */
-    menuFixedPositioning?: boolean;
-    /**
-     * Sets a custom width for the menu popover. Values are clamped between 150 - 350.
-     */
-    menuWidth?: number;
-    /**
-     * Returns focus to the menu button after popover is closed.
-     * Disable if focus management is delegated to the parent component.
-     * Defaults to `true`.
-     */
-    revertFocusToButton?: boolean;
-    /**
-     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-     * (or `dialog` if popover is inside a dialog).
-     */
-    teleport?: boolean;
-    /**
-     * Can be used to set the inner teleport component to render the menu's popover in the root `body` DOM node
-     * (or `dialog` if popover is inside a dialog).
-     *
-     * @see {@link OnClickOutsideOptions}
-     */
-    closeOnClickOutsideOptions?: OnClickOutsideOptions_2;
-}
-
 /**
  * Modal is a window that appear over any other page content
  * and focus user attention exclusively on one task or piece of
@@ -15136,12 +14664,6 @@ export declare interface BentoNavigationMenuProps {
 export declare const BentoPagination: typeof __VLS_export_72;
 
 export declare interface BentoPaginationProps {
-    /**
-     * A brief description of the purpose of the navigation (for a11y).
-     * Omit the term "navigation", as the screen reader will read both the role and the contents of the label.
-     * @deprecated Since v2.0.0. Use `aria-label` instead.
-     */
-    ariaLabel?: string;
     /**
      * Use to determine if the pager has a "next page".
      */
@@ -15160,6 +14682,11 @@ export declare interface BentoPaginationProps {
      * Useful for very large datasets where rendering all page options would cause performance issues.
      */
     hidePageSelection?: boolean;
+    /**
+     * Determines whether to hide the dropdown that allows users to change the number of results per page.
+     * When set to `true`, the current `itemsPerPage` value is displayed as plain static text.
+     * This prop only takes effect if `hidePageSize` is `false`.
+     */
     hidePageSizeSelection?: boolean;
     /**
      * The current page number of the pager.
@@ -16393,32 +15920,25 @@ export declare type BentoPopoverFallbackStrategy = FallbackStrategy;
  * @deprecated Since v2.0.0. Use string literal instead.
  */
 export declare const BentoPopoverPositions: {
-    AUTO: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO;
-    AUTO_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_START;
-    AUTO_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.AUTO_END;
-    TOP_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_START;
-    TOP_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.TOP_END;
-    RIGHT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_START;
-    RIGHT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.RIGHT_END;
-    BOTTOM_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_START;
-    BOTTOM_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.BOTTOM_END;
-    LEFT_START: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_START;
-    LEFT_END: import("../popper-container/popper-container.types").PopperContainerPositionExtended.LEFT_END;
-    TOP: import("../popper-container/popper-container.types").PopperContainerPositionBasic.TOP;
-    RIGHT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.RIGHT;
-    BOTTOM: import("../popper-container/popper-container.types").PopperContainerPositionBasic.BOTTOM;
-    LEFT: import("../popper-container/popper-container.types").PopperContainerPositionBasic.LEFT;
+    AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
+    AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
+    AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
+    TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
+    TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
+    RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
+    RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
+    BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+    BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+    LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
+    LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
+    TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
+    RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
+    BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
+    LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
 };
 
 export declare type BentoPopoverPositions = PopperContainerPosition;
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare const BentoPopoverPositions_2 = { ...PopperContainerPosition };
-
-declare type BentoPopoverPositions_2 = PopperContainerPosition_2;
-
 export declare interface BentoPopoverProps {
     /**
      * List of actions that will be used to render the buttons.
@@ -16456,11 +15976,6 @@ export declare interface BentoPopoverProps {
      * @values VERTICAL_STACK
      */
     actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
-    /**
-     * Defines a string value that provides an accessible name for the popover.
-     * @deprecated Since v2.0.0. Use `aria-label` instead.
-     */
-    ariaLabel?: string;
     /**
      * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the "default" slot.
      */
@@ -17071,11 +16586,6 @@ export declare interface BentoSegmentedControlItem {
 }
 
 export declare interface BentoSegmentedControlProps {
-    /**
-     * Accessible name describing the segmented control.
-     * @deprecated Since v2.0.0. Use `aria-label` instead.
-     */
-    ariaLabel?: string;
     /**
      * If set to true, renders the component full width.
      */
@@ -17122,29 +16632,6 @@ export declare interface BentoSelectFilterOptions {
      * Defines if the list-box should be a multi-select filter
      */
     multiple?: boolean;
-    /**
-     * @deprecated Since v2.0.0. Do not use. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The translation object to handle any custom translations. e.g. persistent filter labels.
-     */
-    messages?: {
-        [key: string]: {
-            persistentButtonLabelPartiallySelected?: string;
-            persistentButtonLabelAllSelected?: string;
-            [key: string]: string;
-        };
-    };
-    /**
-     * @deprecated Since v2.0.0. Do not use. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The unique key to use in the messages translation object to use for the persistent button label
-     * when the select filter has partially selected items.
-     */
-    messagesPersistentButtonLabelPartiallySelectedKey?: string;
-    /**
-     * @deprecated Since v2.0.0. Do not use. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The unique key to use in the messages translation object to use for the persistent button label
-     * when the select filter has all items selected.
-     */
-    messagesPersistentButtonLabelAllSelectedKey?: string;
     /**
      * The event fire when the filter is opened.
      */
@@ -17343,8 +16830,6 @@ export declare interface BentoSelectionCardItem {
 
 export declare type BentoSelectionCardModelValue = BentoCheckboxType | BentoRadioButtonValue;
 
-declare type BentoSelectionCardModelValue_2 = BentoCheckboxType_2 | RadioInputValue;
-
 export declare enum BentoSelectionCardState {
     DISABLED = "disabled",
     READONLY = "readonly",
@@ -17353,8 +16838,6 @@ export declare enum BentoSelectionCardState {
 
 export declare type BentoSelectionCardValue = string | number;
 
-declare type BentoSelectionCardValue_2 = string | number;
-
 export declare type BentoSelectPaymentMethodFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoPaymentMethodListboxOptions;
 };
@@ -17798,15 +17281,6 @@ export declare enum BentoSummaryGridItemSize {
     LARGE = "large"
 }
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare enum BentoSummaryGridItemSize_2 {
-    SMALL = 'small',
-    MEDIUM = 'medium',
-    LARGE = 'large',
-}
-
 /**
  * Summary grid item component used to display text only. Can be used for references, IDs or any other text data.
  *
@@ -17866,15 +17340,6 @@ export declare enum BentoSummaryGridItemTrendDirection {
     NEUTRAL = "neutral"
 }
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare enum BentoSummaryGridItemTrendDirection_2 {
-    POSITIVE = 'positive',
-    NEGATIVE = 'negative',
-    NEUTRAL = 'neutral',
-}
-
 export declare type BentoSummaryGridLayout = () => {
     isSummaryGridLayout: boolean;
 };
@@ -18075,23 +17540,6 @@ export declare interface BentoTagProps {
     variant?: BentoTagVariant | `${BentoTagVariant}`;
 }
 
-declare interface BentoTagProps_2 {
-    /**
-     * The label text content of the Tag.
-     */
-    label?: string;
-
-    /**
-     * The number of characters to limit the number of displayed characters for the tag text, truncating it with an ellipsis of three dots "...".
-     */
-    truncate?: number;
-
-    /**
-     * The variant variant of tag
-     */
-    variant?: BentoTagVariant_2 | `${BentoTagVariant_2}`;
-}
-
 export declare type BentoTagVariant = 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'white';
 
 /**
@@ -18099,20 +17547,6 @@ export declare type BentoTagVariant = 'grey' | 'blue' | 'green' | 'orange' | 're
  */
 export declare const BentoTagVariant: Record<string, BentoTagVariant>;
 
-declare type BentoTagVariant_2 = 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'white';
-
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare const BentoTagVariant_2: Record<string, BentoTagVariant_2> = {
-    GREY: 'grey',
-    BLUE: 'blue',
-    GREEN: 'green',
-    ORANGE: 'orange',
-    RED: 'red',
-    WHITE: 'white',
-};
-
 declare interface BentoTeleportProps {
     /**
      * Disables the teleport. It will prevent the slotted element to be
@@ -18127,23 +17561,6 @@ declare interface BentoTeleportProps {
     to?: string;
 }
 
-declare interface BentoTeleportProps_2 {
-    /**
-     * Disables the teleport. It will prevent the slotted element to be
-     * teleported outside of the initial parent element
-     * @default false
-     */
-    disabled: boolean;
-
-    /**
-     * Indicates the parent container in which the slotted element will be
-     * teleported to.
-     */
-    to?: string;
-
-    // NOTE: "where" is not added as it doesn't exist in Vue3
-}
-
 export declare const BentoTextarea: typeof __VLS_export_100;
 
 declare interface BentoTextareaProps extends FormField {
@@ -18173,11 +17590,6 @@ declare interface BentoTextareaProps extends FormField {
      * @default BentoTextareaResizeOption.BOTH
      */
     resizable?: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
-    /**
-     * Text displayed as the value of the textarea
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: string;
     /**
      * Text displayed as the value of the textarea
      */
@@ -18345,7 +17757,7 @@ export declare interface BentoTimelineItemProps {
     type?: string;
 }
 
-export declare interface BentoTimelineItemTitle extends RouterLinkProps_3 {
+export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
     /**
      * Link label.
      */
@@ -18361,6 +17773,15 @@ export declare interface BentoTimelineItemTitle extends RouterLinkProps_3 {
     [name: string]: any;
 }
 
+/**
+ * @deprecated Since v3.0.0. Do not use. Use the `status` prop instead.
+ */
+export declare enum BentoTimelineItemVariant {
+    DEFAULT = "SquareSmallIcon",
+    SUCCESS = "CheckedCircleIcon",
+    CRITICAL = "CrossCircleIcon"
+}
+
 export declare interface BentoTimelineProps {
     /**
      * If set to true, gives the possibility to manually add notes to the timeline via a textarea
@@ -18581,14 +18002,6 @@ declare const BentoTooltipPosition_2: {
 
 declare type BentoTooltipPosition_2 = PopperContainerPositionBasic;
 
-declare const BentoTooltipPosition_3 = { ...PopperContainerPositionBasic };
-
-declare type BentoTooltipPosition_3 = PopperContainerPositionBasic_2;
-
-declare const BentoTooltipPosition_4 = { ...PopperContainerPositionBasic };
-
-declare type BentoTooltipPosition_4 = PopperContainerPositionBasic_2;
-
 export declare enum BentoTooltipState {
     HIDDEN = "hidden"
 }
@@ -18799,8 +18212,6 @@ declare interface CalendarYearRange {
 
 export declare type Component = object;
 
-declare type Component_2 = object;
-
 export declare enum DateFormat {
     DAY_OF_MONTH = "d",// 1, 2, ..., 31,
     NUMERIC_DAY = "dd",// 01, 02, ..., 31,
@@ -18910,16 +18321,6 @@ export declare interface FormFieldEmits<T> {
      * - <component v-model="" />
      */
     (e: 'update:model-value', value: T): void;
-    /**
-     * Emitted when the component's model changes.
-     *
-     * @deprecated Since v2.0.0. Use `v-model` or `update:model-value` instead.
-     *
-     * @example
-     * - <component v-model="" />
-     * - <component :value="" @input="" />
-     */
-    (e: 'input', value: T): void;
 }
 
 declare interface GridLayoutColumnWidth {
@@ -19017,7 +18418,7 @@ declare interface LinkProps_2 {
      * Link variant type affecting visual style.
      * @values default, quiet
      */
-    variant?: BentoLinkVariant_4 | `${BentoLinkVariant_4}`;
+    variant?: BentoLinkVariant_3 | `${BentoLinkVariant_3}`;
 }
 
 declare type ListenerCleanup = () => void;
@@ -19119,27 +18520,6 @@ declare interface OnClickOutsideOptions {
     window?: Window;
 }
 
-declare interface OnClickOutsideOptions_2 {
-    /**
-     * List of elements that should not trigger the event.
-     */
-    ignore?: Array<MaybeElementRef_2 | string>;
-    /**
-     * Use capturing phase for internal event listener.
-     * @default true
-     */
-    capture?: boolean;
-    /**
-     * Run handler function if focus moves to an iframe.
-     * @default false
-     */
-    detectIframe?: boolean;
-    /*
-    * Specify a custom `window` instance, e.g. working with iframes or in testing environments.
-    */
-    window?: Window;
-}
-
 declare const plugin: Plugin<BentoVuePlugin>;
 export default plugin;
 
@@ -19166,13 +18546,6 @@ declare const PopperContainerPosition: {
 
 declare type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
 
-/**
- * @deprecated Since v2.0.0. Use string literal instead.
- */
-declare const PopperContainerPosition_2 = { ...PopperContainerPositionBasic, ...PopperContainerPositionExtended };
-
-declare type PopperContainerPosition_2 = PopperContainerPositionBasic_2 | PopperContainerPositionExtended_2;
-
 declare enum PopperContainerPositionBasic {
     TOP = "top",
     RIGHT = "right",
@@ -19180,13 +18553,6 @@ declare enum PopperContainerPositionBasic {
     LEFT = "left"
 }
 
-declare enum PopperContainerPositionBasic_2 {
-    TOP = 'top',
-    RIGHT = 'right',
-    BOTTOM = 'bottom',
-    LEFT = 'left',
-}
-
 declare enum PopperContainerPositionExtended {
     AUTO = "auto",
     AUTO_START = "auto-start",
@@ -19201,22 +18567,6 @@ declare enum PopperContainerPositionExtended {
     LEFT_END = "left-end"
 }
 
-declare enum PopperContainerPositionExtended_2 {
-    AUTO = 'auto',
-    AUTO_START = 'auto-start',
-    AUTO_END = 'auto-end',
-    TOP_START = 'top-start',
-    TOP_END = 'top-end',
-    RIGHT_START = 'right-start',
-    RIGHT_END = 'right-end',
-    BOTTOM_START = 'bottom-start',
-    BOTTOM_END = 'bottom-end',
-    LEFT_START = 'left-start',
-    LEFT_END = 'left-end',
-}
-
-declare type RadioInputValue = string | number;
-
 /**
  * Validates if the provided value contains at least one lowercase letter.
  *
@@ -19331,89 +18681,6 @@ declare interface RouterLinkProps {
     ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
 }
 
-/**
- * Manually defined RouterLinkProps to ensure compatibility
- * with Vue Macros and Vue 2.7 / 3 monorepos.
- */
-declare interface RouterLinkProps_2 {
-    /**
-     * 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_3;
-    /**
-     * 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';
-}
-
 export declare interface SectionNavigationItem {
     /**
      * Element ref used as the section navigation target.
@@ -19660,13 +18927,4 @@ export declare type VueInstance = ComponentPublicInstance;
  */
 export declare type VueNodeElement = Component | Element | Array<Component | Element> | undefined;
 
-/**
- * Vue node element instance
- *
- * ```ts
- * type Vue | Element | (Vue | Element)[] | undefined
- * ```
- */
-declare type VueNodeElement_3 = Component_2 | Element | Array<Component_2 | Element> | undefined;
-
 export { }