@adyen/bento-vue2 1.108.3 → 2.0.0-rc.1

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

@@ -3873,8 +3873,8 @@ tag: any;
 disabled: boolean;
 optional: boolean;
 readonly: boolean;
-ariaLabel: string;
 indeterminate: boolean;
+ariaLabel: string;
 modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 errorMessage: string;
 hasError: boolean;
@@ -3934,15 +3934,6 @@ type: StringConstructor;
 default: any;
 };
 /**
-* If set to true, renders all checkboxes in the group in an error state.
-*
-* @deprecated Since v2.0.0. Use `errorMessage` instead.
-*/
-hasError: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
 * Shows/hides the group label.
 */
 hideLabel: {
@@ -4040,15 +4031,6 @@ type: StringConstructor;
 default: any;
 };
 /**
-* If set to true, renders all checkboxes in the group in an error state.
-*
-* @deprecated Since v2.0.0. Use `errorMessage` instead.
-*/
-hasError: {
-type: BooleanConstructor;
-default: boolean;
-};
-/**
 * Shows/hides the group label.
 */
 hideLabel: {
@@ -4124,7 +4106,6 @@ modelValue: (string | number)[];
 errorMessage: string;
 tooltipText: string;
 hideLabel: boolean;
-hasError: boolean;
 formId: string;
 }>, {
     content?: (props: {
@@ -4442,10 +4423,6 @@ export declare type BentoColumnCellAction = OmitStrict<BentoButtonActionObject,
 declare type BentoColumnCellActionEvent = (rowDataItem: BentoDatagridDataItem, columnKey: string) => void;
 
 declare type BentoColumnCellActionMenuItem = {
-    /**
-     * @deprecated Since v2.0.0. Use `event` instead.
-     */
-    handler?: BentoMenuItem['handler'];
     event?: BentoColumnCellActionEvent;
 } & OmitStrict<BentoMenuItem, 'handler'>;
 
@@ -4484,15 +4461,12 @@ export declare interface BentoColumnWidthOverridesLookup {
  */
 export declare const BentoCountry: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoCountryProps>, {
 code: BentoCountryCode;
-label: any;
 variant: BentoCountryVariant;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_23<BentoCountryProps>, {
 code: BentoCountryCode;
-label: any;
 variant: BentoCountryVariant;
 }>>>, {
 code: BentoCountryCode | `${BentoCountryCode}`;
-label: string;
 variant: BentoCountryVariant | `${BentoCountryVariant}`;
 }>;
 
@@ -4752,8 +4726,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>;
@@ -4763,10 +4735,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
@@ -4781,9 +4749,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"
 }
 
 /**
@@ -6792,7 +6758,6 @@ description: any;
 disabled: boolean;
 errorMessage: any;
 firstDayOfWeek: any;
-hasActions: boolean;
 isDateDisabled: any;
 label: any;
 max: any;
@@ -6818,7 +6783,6 @@ description: any;
 disabled: boolean;
 errorMessage: any;
 firstDayOfWeek: any;
-hasActions: boolean;
 isDateDisabled: any;
 label: any;
 max: any;
@@ -6857,7 +6821,6 @@ firstDayOfWeek: CalendarFirstDayOfWeek | number;
 maxRange: number;
 numberOfMonths: number;
 showEndDateOnOpen: boolean;
-hasActions: boolean;
 quickSelectRanges: BentoDateRangePickerQuickSelectRanges;
 }>;
 
@@ -6941,14 +6904,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>;
@@ -7578,12 +7533,10 @@ export declare interface BentoDrawerProps {
  * }
  */
 export declare const BentoDropdown: __VLS_WithSlots_16<DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToOption_20<BentoDropdownProps>, {
-ariaLabel: any;
 condensed: boolean;
 emptyState: any;
 disabled: boolean;
 dynamicFiltering: boolean;
-error: boolean;
 errorMessage: any;
 description: any;
 hasMoreItems: boolean;
@@ -7600,7 +7553,6 @@ readonly: boolean;
 required: boolean;
 search: any;
 showSlotContentInMultiple: boolean;
-size: any;
 staticCategories: boolean;
 teleport: () => {
 disabled: boolean;
@@ -7618,12 +7570,10 @@ input: (selectedValue: any) => void;
 "show-more": () => void;
 open: () => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToOption_20<BentoDropdownProps>, {
-ariaLabel: any;
 condensed: boolean;
 emptyState: any;
 disabled: boolean;
 dynamicFiltering: boolean;
-error: boolean;
 errorMessage: any;
 description: any;
 hasMoreItems: boolean;
@@ -7640,7 +7590,6 @@ readonly: boolean;
 required: boolean;
 search: any;
 showSlotContentInMultiple: boolean;
-size: any;
 staticCategories: boolean;
 teleport: () => {
 disabled: boolean;
@@ -7660,12 +7609,9 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-ariaLabel: string;
 items: BentoListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
@@ -7729,6 +7675,10 @@ items: {
 type: PropType<BentoAvatarListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -7767,10 +7717,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -7779,18 +7725,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -7864,6 +7802,10 @@ items: {
 type: PropType<BentoAvatarListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -7902,10 +7844,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -7914,18 +7852,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -7992,18 +7922,16 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-ariaLabel: string;
 items: BentoAvatarListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -8016,6 +7944,11 @@ tooltipText: string;
 }>;
 
 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 }
@@ -8047,8 +7980,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 };
  *     }
@@ -8074,6 +8007,10 @@ type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
 default: BentoCountryVariant;
 validator: (value: BentoCountryVariant) => boolean;
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -8112,10 +8049,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -8124,18 +8057,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -8217,6 +8142,10 @@ type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
 default: BentoCountryVariant;
 validator: (value: BentoCountryVariant) => boolean;
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -8255,10 +8184,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -8267,18 +8192,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -8340,24 +8257,22 @@ 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;
-size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-ariaLabel: string;
 items: BentoCountryListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -8408,6 +8323,10 @@ items: {
 type: PropType<BentoCurrencyListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -8446,10 +8365,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -8458,18 +8373,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -8542,6 +8449,10 @@ items: {
 type: PropType<BentoCurrencyListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -8580,10 +8491,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -8592,18 +8499,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -8670,18 +8569,16 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-ariaLabel: string;
 items: BentoCurrencyListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -8694,6 +8591,11 @@ tooltipText: string;
 }>;
 
 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 }
@@ -8742,6 +8644,10 @@ items: {
 type: PropType<BentoPaymentMethodListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -8780,10 +8686,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -8792,18 +8694,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -8876,6 +8770,10 @@ items: {
 type: PropType<BentoPaymentMethodListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -8914,10 +8812,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -8926,18 +8820,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -9004,18 +8890,16 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-ariaLabel: string;
 items: BentoPaymentMethodListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -9028,6 +8912,11 @@ tooltipText: string;
 }>;
 
 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 }
@@ -9038,11 +8927,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.
      */
@@ -9055,11 +8939,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
      */
@@ -9107,10 +8986,6 @@ export declare interface BentoDropdownProps extends FormField {
      * Toggles whether to use the slot content select items shown in the textbox in multiple mode.
      */
     showSlotContentInMultiple?: boolean;
-    /**
-     * @deprecated Since v2.0.0. Do not use. Only the `default` size is supported.
-     */
-    size?: BentoDropdownSize | `${BentoDropdownSize}`;
     /**
      * If enabled, dropdown will display non-selectable, static categories
      */
@@ -9154,14 +9029,6 @@ export declare interface BentoDropdownProps extends FormField {
     enableValueLabelPair?: boolean;
 }
 
-/**
- * @deprecated Since v2.0.0. Do not use. Only the `default` size is supported.
- */
-export declare enum BentoDropdownSize {
-    DEFAULT = "DropdownInputDefault",
-    SMALL = "DropdownInputSmall"
-}
-
 /**
  * A Tag Dropdown showing a selectable list of tags.
  *
@@ -9200,6 +9067,10 @@ items: {
 type: PropType<BentoTagListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -9238,10 +9109,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -9250,18 +9117,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -9335,6 +9194,10 @@ items: {
 type: PropType<BentoTagListboxOptions>;
 default: () => any[];
 };
+ariaLabel?: {
+type: StringConstructor;
+default: any;
+};
 value: {
 type: PropType<BentoListboxSelectedValue>;
 default: any;
@@ -9373,10 +9236,6 @@ default: () => {
 disabled: boolean;
 };
 };
-error: {
-type: PropType<boolean>;
-default: boolean;
-};
 optional: {
 type: PropType<boolean>;
 default: boolean;
@@ -9385,18 +9244,10 @@ readonly: {
 type: PropType<boolean>;
 default: boolean;
 };
-size: {
-type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
-default: any;
-};
 multiple: {
 type: PropType<boolean>;
 default: boolean;
 };
-ariaLabel: {
-type: PropType<string>;
-default: any;
-};
 isOptionDisabled: {
 type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
 default: any;
@@ -9463,18 +9314,16 @@ condensed: boolean;
 disabled: boolean;
 loading: boolean;
 teleport: BentoTeleportProps;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-size: BentoDropdownSize | `${BentoDropdownSize}`;
 multiple: boolean;
-ariaLabel: string;
 items: BentoTagListboxOptions;
 isOptionDisabled: BentoListboxIsOptionDisabled;
 staticCategories: boolean;
 placeholder: string;
 hasMoreItems: boolean;
 lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
+ariaLabel?: string;
 emptyState: BentoListboxEmptyStateProps;
 componentLoading: boolean;
 virtualScroll: BentoListboxVirtulisationOptions;
@@ -9487,6 +9336,11 @@ tooltipText: string;
 }>;
 
 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 }
@@ -10931,13 +10785,11 @@ export declare interface BentoInputDropdownProps {
  */
 export declare const BentoInputField: __VLS_WithSlots_26<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInputFieldProps>, {
 ariaHidden: boolean;
-ariaLabel: any;
 condensed: boolean;
 description: string;
 disabled: boolean;
 dropdown: any;
 dropdownPosition: BentoInputFieldElementPosition;
-error: boolean;
 errorMessage: any;
 label: string;
 modelValue: any;
@@ -10979,13 +10831,11 @@ input: (inputValue: string) => void;
 "update:model-value": (inputValue: BentoInputFieldValue) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInputFieldProps>, {
 ariaHidden: boolean;
-ariaLabel: any;
 condensed: boolean;
 description: string;
 disabled: boolean;
 dropdown: any;
 dropdownPosition: BentoInputFieldElementPosition;
-error: boolean;
 errorMessage: any;
 label: string;
 modelValue: any;
@@ -11009,10 +10859,8 @@ variant: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
 required: boolean;
 condensed: boolean;
 disabled: boolean;
-error: boolean;
 optional: boolean;
 readonly: boolean;
-ariaLabel: string;
 placeholder: string;
 modelValue: BentoInputFieldValue;
 errorMessage: string;
@@ -11295,11 +11143,6 @@ 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
      */
@@ -11320,12 +11163,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
      */
@@ -11341,12 +11178,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
      */
@@ -11410,31 +11241,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.
      */
@@ -11472,21 +11283,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.
@@ -11522,7 +11329,6 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: () => void;
 "update:model-value": (value: BentoInputFieldValue) => void;
 keydown: (event: KeyboardEvent) => void;
 "input:valid": () => void;
@@ -12480,7 +12286,8 @@ export declare enum BentoMenuEvent {
 
 export declare interface BentoMenuItem {
     text: string;
-    handler: () => void;
+    handler?: () => void;
+    link?: BentoLinkProps;
     secondaryText?: string;
     items?: Array<BentoMenuItem>;
     disabled?: boolean;
@@ -13546,7 +13353,6 @@ export declare interface BentoNavigationMenuProps {
  * }
  */
 export declare const BentoPagination: __VLS_WithSlots_45<DefineComponent<__VLS_WithDefaults_50<__VLS_TypePropsToOption_51<BentoPaginationProps>, {
-ariaLabel: any;
 hasNext: any;
 hideFirstLastPageButtons: boolean;
 hidePageSize: boolean;
@@ -13563,7 +13369,6 @@ navigate: (page: number, items?: number) => void;
 "update:page": (page: number) => void;
 "update:size": (size: number) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_50<__VLS_TypePropsToOption_51<BentoPaginationProps>, {
-ariaLabel: any;
 hasNext: any;
 hideFirstLastPageButtons: boolean;
 hidePageSize: boolean;
@@ -13577,7 +13382,6 @@ virtualScroll: boolean;
 }>>>, {
 page: number;
 size: number;
-ariaLabel: string;
 virtualScroll: boolean;
 hidePageSizeSelection: boolean;
 totalCount: number;
@@ -13591,12 +13395,6 @@ hidePageSize: boolean;
 }>;
 
 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".
      */
@@ -14855,7 +14653,6 @@ export declare enum BentoPaymentMethodType {
 export declare const BentoPopover: __VLS_WithSlots_46<DefineComponent<__VLS_WithDefaults_52<__VLS_TypePropsToOption_53<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
-ariaLabel: any;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
@@ -14863,10 +14660,8 @@ fallbackPosition: () => string[];
 fallbackStrategy: any;
 fitContent: boolean;
 fixedPositioning: boolean;
-matchWidth: boolean;
 open: boolean;
 large: boolean;
-modifiers: any;
 position: string;
 small: boolean;
 title: any;
@@ -14880,7 +14675,6 @@ placement: (placement: Placement) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_52<__VLS_TypePropsToOption_53<BentoPopoverProps>, {
 actions: any;
 actionsLayout: string;
-ariaLabel: any;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
@@ -14888,10 +14682,8 @@ fallbackPosition: () => string[];
 fallbackStrategy: any;
 fitContent: boolean;
 fixedPositioning: boolean;
-matchWidth: boolean;
 open: boolean;
 large: boolean;
-modifiers: any;
 position: string;
 small: boolean;
 title: any;
@@ -14910,15 +14702,12 @@ trapAll: boolean;
 trapAllOptions: any;
 fallbackPosition: Array<Placement>;
 fixedPositioning: boolean;
-matchWidth: boolean;
-ariaLabel: string;
 actions: BentoButtonActionsList;
 actionsLayout: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;
 divider: boolean;
 disableFocusTrap: boolean;
 dismissible: boolean;
 fitContent: boolean;
-modifiers: Array<unknown>;
 withoutSpace: boolean;
 overflowVisible: boolean;
 }>, {
@@ -14991,11 +14780,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.
      */
@@ -15029,10 +14813,6 @@ export declare interface BentoPopoverProps {
      * @see {@link https://floating-ui.com/docs/usefloating#strategy}
      */
     fixedPositioning?: boolean;
-    /**
-     * Makes the popover match the width of its target element.
-     */
-    matchWidth?: boolean;
     /**
      * Toggles the popover open and closed
      */
@@ -15041,10 +14821,6 @@ export declare interface BentoPopoverProps {
      * Displays the popover in a large size.
      */
     large?: boolean;
-    /**
-     * @deprecated Since v2.0.0. Do not use. This property no longer functions since moving to the floating-ui framework.
-     */
-    modifiers?: Array<unknown>;
     /**
      * Popover's position relative to the target element.
      * Possible values are:
@@ -15560,7 +15336,6 @@ description: any;
 disabled: boolean;
 errorMessage: any;
 formId: any;
-hasError: boolean;
 hideLabel: any;
 modelValue: any;
 optional: boolean;
@@ -15578,7 +15353,6 @@ description: any;
 disabled: boolean;
 errorMessage: any;
 formId: any;
-hasError: boolean;
 hideLabel: any;
 modelValue: any;
 optional: boolean;
@@ -15597,7 +15371,6 @@ modelValue: BentoRadioGroupValue | null;
 errorMessage: string;
 tooltipText: string;
 hideLabel: boolean | null;
-hasError: boolean;
 formId: string | null;
 }>, {
     content?: (props: {}) => any;
@@ -15677,12 +15450,6 @@ export declare interface BentoRadioGroupProps extends FormField {
      * @default null
      */
     formId?: string | null;
-    /**
-     * If set to true, renders all bento-radio-buttons in the group in an error state.
-     * @deprecated Since v2.0.0. Use `errorMessage` instead.
-     * @default false
-     */
-    hasError?: boolean;
     /**
      * Shows/hides the group label.
      * @default null
@@ -16044,7 +15811,6 @@ export declare interface BentoSecondaryNavState {
  * }
  */
 export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_59<__VLS_TypePropsToOption_61<BentoSegmentedControlProps>, {
-ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
 modelValue: any;
@@ -16052,13 +15818,11 @@ modelValue: any;
 "update:model-value": (value: any) => void;
 input: (value: BentoSegmentedControlValue) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_59<__VLS_TypePropsToOption_61<BentoSegmentedControlProps>, {
-ariaLabel: any;
 fullWidth: boolean;
 wrap: boolean;
 modelValue: any;
 }>>>, {
 wrap: boolean;
-ariaLabel: string;
 modelValue: BentoSegmentedControlValue;
 fullWidth: boolean;
 }>;
@@ -16077,11 +15841,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.
      */
@@ -18111,9 +17870,9 @@ disabled: boolean;
 optional: boolean;
 readonly: boolean;
 height: string | null;
-ariaLabel: string;
 placeholder: string;
 characterLimit: number;
+ariaLabel: string;
 modelValue: string;
 errorMessage: string;
 tooltipText: string;
@@ -18305,7 +18064,6 @@ status: string;
 tag: any;
 title: any;
 type: string;
-variant: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_71<__VLS_TypePropsToOption_75<BentoTimelineItemProps>, {
 additionalTimestamp: any;
 dataList: any;
@@ -18314,12 +18072,10 @@ status: string;
 tag: any;
 title: any;
 type: string;
-variant: any;
 }>>>, {
 description: string;
 type: string;
 title: BentoTimelineItemTitle | string;
-variant: BentoTimelineItemVariant | `${BentoTimelineItemVariant}`;
 tag: any;
 status: string;
 additionalTimestamp: BentoTimelineTimestamp;
@@ -18365,13 +18121,6 @@ export declare interface BentoTimelineItemProps {
      * @values milestone, note
      */
     type?: string;
-    /**
-     * Variant for the timeline item
-     * @values DEFAULT, SUCCESS, CRITICAL
-     *
-     * @deprecated Since v2.0.0. Use `status` instead.
-     */
-    variant?: BentoTimelineItemVariant | `${BentoTimelineItemVariant}`;
 }
 
 export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
@@ -18390,15 +18139,6 @@ export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
     [name: string]: any;
 }
 
-/**
- * @deprecated Since v2.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