@adyen/bento-vue3 1.6.1 → 1.7.0

package/dist/@types/packages/vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts

@@ -1,4 +1,5 @@
-import { BentoFilterEvent } from '../../filter-bar.types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoBooleanFilterOptions, BentoFilterEvent } from '../../filter-bar.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     defaultValue: {
         type: StringConstructor;
@@ -20,11 +21,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    options: {
+        type: PropType<BentoBooleanFilterOptions>;
+        default: any;
+    };
 }, {
-    items: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        value: string;
-        label: string;
-    }[]>;
+    items: import("../../../../../../vue3/node_modules/vue").ComputedRef<import("../../filter-bar.types").BentoBooleanFilterOption[]>;
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         "b-boolean-filter--only-slot": boolean;
     }>;
@@ -59,12 +61,17 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    options: {
+        type: PropType<BentoBooleanFilterOptions>;
+        default: any;
+    };
 }>> & {
     onInput?: (...args: any[]) => any;
     onUpdate?: (...args: any[]) => any;
 }, {
     value: string;
     defaultValue: string;
+    options: BentoBooleanFilterOptions;
     onlySlot: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/filter-bar/components/filter-bar-button/filter-bar-button.vue.d.ts

@@ -46,10 +46,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     onClick?: (event: MouseEvent) => any;
 }, {
     disabled: boolean;
+    secondaryLabel: string;
     appliedFiltersCount: string | number;
     isFilterOpen: boolean;
     hasChevron: boolean;
-    secondaryLabel: string;
 }>, {
     iconLeft: (_: {}) => any;
     default: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts

@@ -1,5 +1,5 @@
 import { BentoAvatarListboxOptions } from "../dropdown/components/variants/dropdown-avatar/dropdown-avatar.types";
-import { BentoListboxIsOptionDisabled, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSearchOptions, BentoListboxSelectedValue, OmitStrict } from "../../types";
+import { BentoListboxEmptyStateProps, BentoListboxIsOptionDisabled, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSearchOptions, BentoListboxSelectedValue, OmitStrict } from "../../types";
 import { BentoCountryListboxOptions } from "../dropdown/components/variants/dropdown-country/dropdown-country.types";
 import { BentoTagListboxOptions } from "../dropdown/components/variants/dropdown-tag/dropdown-tag.types";
 import { BentoCountryVariant } from "../country";
@@ -9,6 +9,7 @@ import { BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled } from '..
 import { BentoDateRangePickerValue } from "../date-range-picker";
 import { DateRangePickerCalendarRangeSelectorItems } from '../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types';
 export interface BentoSelectFilterOptions {
+    emptyState?: BentoListboxEmptyStateProps;
     listboxItems: BentoListboxOptions;
     multiple?: boolean;
     messages?: {
@@ -43,6 +44,14 @@ export type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOptions, '
 export type BentoSelectPaymentMethodFilterOptions = OmitStrict<BentoSelectFilterOptions, 'listboxItems'> & {
     listboxItems: BentoPaymentMethodListboxOptions;
 };
+export type BentoBooleanFilterOption = {
+    label: string;
+    value: string;
+};
+export type BentoBooleanFilterOptions = {
+    positiveOption: BentoBooleanFilterOption;
+    negativeOption: BentoBooleanFilterOption;
+};
 export interface BentoDateFilterOptions {
     firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
     isDateDisabled?: BentoDatePickerIsDateDisabled;
@@ -61,7 +70,7 @@ export type BentoBooleanFilterValue = string | null;
 export type BentoDateFilterValue = Date | null;
 export type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
 export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
-export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | undefined;
+export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | undefined;
 export declare enum BentoFilterEvent {
     INPUT = "input",
     UPDATE = "update"
@@ -94,6 +103,7 @@ export interface BentoFilterModel extends BentoFilterValue {
     options?: BentoFilterOptions;
     defaultValue?: BentoFilterBarValue;
     visible?: boolean;
+    value?: BentoFilterBarValue;
 }
 export type BentoFilterBarModel = Array<BentoFilterModel>;
 export type BentoFilterValues = Array<BentoFilterValue>;

package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts

@@ -2,6 +2,10 @@ import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel, BentoFilterValues } from './filter-bar.types';
 import { BentoSearchBarEvent } from "../search-bar";
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+    config: {
+        type: PropType<BentoFilterBarModel>;
+        default: () => any[];
+    };
     searchTerm: {
         type: any;
         default: any;
@@ -22,6 +26,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     persistentFilters: import("../../../../vue3/node_modules/vue").ComputedRef<BentoFilterModel[]>;
     regularFilters: import("../../../../vue3/node_modules/vue").ComputedRef<BentoFilterModel[]>;
     isResetAllVisible: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    valueAndFilterValuesPropsMerged: import("../../../../vue3/node_modules/vue").ComputedRef<BentoFilterBarModel>;
     updateAllFilters: (newFilters: BentoFilterBarModel) => void;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
     clearAllFilters: () => void;
@@ -29,6 +34,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     onSearchbarInput: (newSearchTerm: string) => void;
     resetAllFilters: () => void;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], BentoFilterBarEvent | BentoSearchBarEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    config: {
+        type: PropType<BentoFilterBarModel>;
+        default: () => any[];
+    };
     searchTerm: {
         type: any;
         default: any;
@@ -50,6 +59,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }, {
     value: BentoFilterBarModel;
     searchTerm: any;
+    config: BentoFilterBarModel;
     filterValues: BentoFilterValues;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue.d.ts

@@ -2,18 +2,18 @@ import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoFormLayoutFieldTipTypeOption } from './form-layout-tip.types';
 declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     type: {
-        type: PropType<"warning" | "critical" | "highlight" | "success">;
+        type: PropType<"critical" | "success" | "warning" | "highlight">;
         default: string;
         validator: (value: BentoFormLayoutFieldTipTypeOption) => boolean;
     };
 }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     type: {
-        type: PropType<"warning" | "critical" | "highlight" | "success">;
+        type: PropType<"critical" | "success" | "warning" | "highlight">;
         default: string;
         validator: (value: BentoFormLayoutFieldTipTypeOption) => boolean;
     };
 }>>, {
-    type: "warning" | "critical" | "highlight" | "success";
+    type: "critical" | "success" | "warning" | "highlight";
 }>, {
     default: (_: {}) => any;
     message: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts

@@ -61,7 +61,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }>>, {
     variant: "component" | "page" | BentoHeaderVariant;
     actions: BentoButtonActionsList;
-    lastUpdated: number | Date;
     infoIconTooltipText: string;
+    lastUpdated: number | Date;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/info-icon/info-icon.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         required: true;
     };
     tooltipPosition: {
-        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: PopperContainerPosition) => boolean;
     };
@@ -16,11 +16,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         required: true;
     };
     tooltipPosition: {
-        type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: PopperContainerPosition) => boolean;
     };
 }>>, {
-    tooltipPosition: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
+    tooltipPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts

@@ -181,11 +181,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
     condensed: boolean;
     disabled: boolean;
-    error: boolean;
     placeholder: string;
+    error: boolean;
     optional: boolean;
-    errorMessage: string;
     readonly: boolean;
+    errorMessage: string;
     ariaLabel: string;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;

package/dist/@types/packages/vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
 import { BentoButtonActionsList } from "../../button";
+import { BentoPopoverPositions } from "../../popover";
 declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -9,6 +10,15 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: NumberConstructor;
         default: any;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuPosition: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../popper-container/popper-container.types.js").PopperContainerPosition>;
+        default: string;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
 }, {}, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -18,7 +28,18 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: NumberConstructor;
         default: any;
     };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuPosition: {
+        type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../popper-container/popper-container.types.js").PopperContainerPosition>;
+        default: string;
+        validator: (value: BentoPopoverPositions) => boolean;
+    };
 }>>, {
+    inverse: boolean;
+    menuPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../popper-container/popper-container.types.js").PopperContainerPosition;
     displayedActions: number;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/calendar/calendar.vue.d.ts

@@ -10,6 +10,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: any;
         validator: (value: number) => boolean;
     };
+    min: any;
+    max: any;
     numberOfMonths: {
         type: NumberConstructor;
         default: number;
@@ -170,6 +172,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: any;
         validator: (value: number) => boolean;
     };
+    min: any;
+    max: any;
     numberOfMonths: {
         type: NumberConstructor;
         default: number;
@@ -181,6 +185,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     };
 }>>, {
     value: CalendarValue;
+    max: any;
+    min: any;
     isDateDisabled: any;
     firstDayOfWeek: any;
     isRange: any;

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts

@@ -19,6 +19,14 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: BooleanConstructor;
         default: boolean;
     };
+    min: {
+        type: DateConstructor;
+        default: any;
+    };
+    max: {
+        type: DateConstructor;
+        default: any;
+    };
     month: {
         type: DateConstructor;
         required: true;
@@ -34,6 +42,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     };
 }, {
     addDayRef: (day: Date) => (enteringRef: any) => void;
+    computedIsDateDisabled: import("../../../../../../../vue3/node_modules/vue").ComputedRef<(date: Date) => boolean>;
     daysOfWeek: import("../../../../../../../vue3/node_modules/vue").ComputedRef<string[]>;
     weeksOfMonth: import("../../../../../../../vue3/node_modules/vue").ComputedRef<any[]>;
     formattedMonthDate: import("../../../../../../../vue3/node_modules/vue").ComputedRef<string>;
@@ -99,6 +108,14 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: BooleanConstructor;
         default: boolean;
     };
+    min: {
+        type: DateConstructor;
+        default: any;
+    };
+    max: {
+        type: DateConstructor;
+        default: any;
+    };
     month: {
         type: DateConstructor;
         required: true;
@@ -118,6 +135,8 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     onNextMonth?: (...args: any[]) => any;
     onPreviousMonth?: (...args: any[]) => any;
 }, {
+    max: Date;
+    min: Date;
     position: CalendarMonthPosition;
     isDateDisabled: CalendarMonthIsDateDisabled;
     firstDayOfWeek: CalendarMonthFirstDayOfWeek;

package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts

@@ -69,8 +69,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
     form: string;
     disabled: boolean;
     description: string;
-    tooltipText: string;
     optional: boolean;
+    tooltipText: string;
     hideLabel: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/internal/fixed-scroller/fixed-scroller.vue.d.ts

@@ -1,4 +1,25 @@
-declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{}>>, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node_modules/vue").DefineComponent<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extraPaddingTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extraPaddingTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    condensed: boolean;
+    extraPaddingTop: number;
+}>, {
     default: (_: {}) => any;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts

@@ -1,11 +1,15 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptions, BentoListboxSelectedValue } from "../../../types";
+import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEmptyStateProps, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxVirtulisationOptions } from "../../../types";
 import { BentoLoadingButtonState } from "../../button";
 declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoListboxEmptyStateProps>;
+        default: any;
+    };
     hasMoreItems: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,7 +19,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<(optionValue: import("../../../types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
         default: () => any;
     };
     items: {
@@ -44,24 +48,67 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
 }, {
-    listboxRef: any;
+    listboxRef: import("../../../../../vue3/node_modules/vue").Ref<HTMLElement>;
     listboxItemRef: import("../../../../../vue3/node_modules/vue").Ref<any[]>;
     ariaAtomic: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean | "true" | "false">;
     ariaBusy: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean | "true" | "false">;
     ariaLive: import("../../../../../vue3/node_modules/vue").ComputedRef<"off" | "assertive" | "polite">;
-    hasAutomaticLazyLoader: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    containerProps: import("../../../composables/use-virtual-list").UseVirtualListContainerProps;
     isSearchResultEmpty: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    limitedEmptyStateProps: import("../../../../../vue3/node_modules/vue").ComputedRef<Partial<{
+        title: string;
+        image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment";
+        variant: "condensed" | "full-page" | "embedded" | "basic";
+        description: string;
+        action: import("../../button").BentoButtonActionObject;
+        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    }> & Omit<Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../button").BentoButtonActionObject>;
+            default: any;
+            validator: (value: import("../../button").BentoButtonActionObject) => boolean;
+        };
+        description: {
+            type: StringConstructor;
+            default: any;
+        };
+        headingEl: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+            default: any;
+            validator: (value: import("../../typography").BentoTypographyElement) => boolean;
+        };
+        image: {
+            type: PropType<"1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "upload-files" | "wrong-environment">;
+            default: any;
+            validator: (value: import("../../empty-state").BentoEmptyStateImage) => boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+            default: string;
+            validator: (value: import("../../empty-state").BentoEmptyStateVariant) => boolean;
+        };
+    }>> & import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "action" | "headingEl">>;
     loadingButtonState: import("../../../../../vue3/node_modules/vue").ComputedRef<BentoLoadingButtonState.START | BentoLoadingButtonState.LOADING>;
     slots: Readonly<{
         [name: string]: import("../../../../../vue3/node_modules/vue").Slot;
     }>;
     shouldDisplayShowMoreButton: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     showMoreButtonText: import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
+    virtualisedItems: import("../../../../../vue3/node_modules/vue").Ref<BentoListboxOptionItem[]>;
+    wrapperProps: import("../../../../../vue3/node_modules/vue").ComputedRef<import("../../../composables/use-virtual-list").UseVirtualListWrapperProps>;
     BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
     BentoListboxEvent: typeof BentoListboxEvent;
+    onListboxContainerScroll: () => void;
     onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
-    emitShowMoreOnScrollEnd: () => void;
     emitShowMore: () => void;
     listboxListeners: {
         select: (selectedValue: BentoListboxSelectedValue) => void;
@@ -74,6 +121,10 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoListboxEmptyStateProps>;
+        default: any;
+    };
     hasMoreItems: {
         type: BooleanConstructor;
         default: boolean;
@@ -83,7 +134,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<(optionValue: import("../../../types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
         default: () => any;
     };
     items: {
@@ -112,6 +163,10 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
 }>> & {
     onSelect?: (...args: any[]) => any;
     "onEnter-pressed"?: (...args: any[]) => any;
@@ -121,12 +176,14 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     "onEscape-pressed"?: (...args: any[]) => any;
 }, {
     multiple: boolean;
-    isOptionDisabled: (optionValue: import("../../../types").BentoListboxOptionItem) => boolean;
+    isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
     ariaLabel: string;
     searching: any;
     loading: boolean;
+    emptyState: BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
+    virtualScroll: BentoListboxVirtulisationOptions;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/teleport/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoTeleport } from './teleport.vue';

package/dist/@types/packages/vue2/src/components/internal/teleport/teleport.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../node_modules/vue-demi").DefineComponent<{
+    to: {
+        type: StringConstructor;
+        required: true;
+    };
+    where: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}, {}, {
+    childObserver: any;
+    nodes: any[];
+    waiting: boolean;
+    observer: any;
+    parent: any;
+    isVue2: boolean;
+}, {
+    classes(): string[];
+}, {
+    getFragment(): DocumentFragment;
+    disable(): void;
+    move(): void;
+    maybeMove(): void;
+    onMutations(mutations: any): void;
+    bootObserver(): void;
+    teardownObserver(): void;
+    getComponentChildrenNode(): any;
+}, import("../../../../../../node_modules/vue-demi").ComponentOptionsMixin, import("../../../../../../node_modules/vue-demi").ComponentOptionsMixin, {}, string, import("../../../../../../node_modules/vue-demi").VNodeProps & import("../../../../../../node_modules/vue-demi").AllowedComponentProps & import("../../../../../../node_modules/vue-demi").ComponentCustomProps, Readonly<import("../../../../../../node_modules/vue-demi").ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        required: true;
+    };
+    where: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}>>, {
+    disabled: boolean;
+    where: string;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/link/link.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
 }>>> & {
     onClick?: (clickEvent: MouseEvent) => any;
 }, {
-    variant: "default" | BentoLinkVariant | "quiet";
+    variant: "default" | "quiet" | BentoLinkVariant;
     target: string;
 }>, {
     default: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/menu/menu.keys.d.ts

@@ -0,0 +1 @@
+export declare const MENU_INVERSE_INJECTION_KEY: unique symbol;