@adyen/bento-vue2 1.6.1 → 1.7.0

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 'vue';
 import { BentoFilterBarEvent, BentoFilterBarModel, BentoFilterModel, BentoFilterValues } from './filter-bar.types';
 import { BentoSearchBarEvent } from "../search-bar";
 declare const _default: import("vue").DefineComponent<{
+    config: {
+        type: PropType<BentoFilterBarModel>;
+        default: () => any[];
+    };
     searchTerm: {
         type: StringConstructor;
         default: any;
@@ -22,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     persistentFilters: import("vue").ComputedRef<BentoFilterModel[]>;
     regularFilters: import("vue").ComputedRef<BentoFilterModel[]>;
     isResetAllVisible: import("vue").ComputedRef<boolean>;
+    valueAndFilterValuesPropsMerged: import("vue").ComputedRef<BentoFilterBarModel>;
     updateAllFilters: (newFilters: BentoFilterBarModel) => void;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
     clearAllFilters: () => void;
@@ -29,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     onSearchbarInput: (newSearchTerm: string) => void;
     resetAllFilters: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<BentoFilterBarModel>;
+        default: () => any[];
+    };
     searchTerm: {
         type: StringConstructor;
         default: any;
@@ -43,6 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: BentoFilterBarModel;
+    config: BentoFilterBarModel;
     searchTerm: string;
     filterValues: BentoFilterValues;
 }>;

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 'vue';
 import { BentoFormLayoutFieldTipTypeOption } from './form-layout-tip.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: {
-        type: PropType<"warning" | "critical" | "highlight" | "success">;
+        type: PropType<"critical" | "success" | "warning" | "highlight">;
         default: string;
         validator: (value: BentoFormLayoutFieldTipTypeOption) => boolean;
     };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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("vue").DefineComponent<{
 }>>, {
     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("vue").DefineComponent<{
         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("vue").DefineComponent<{
         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

@@ -175,8 +175,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     placeholder: string;
     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 'vue';
 import { BentoButtonActionsList } from "../../button";
+import { BentoPopoverPositions } from "../../popover";
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -9,6 +10,15 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    };
 }, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -18,7 +28,18 @@ declare const _default: import("vue").DefineComponent<{
         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

@@ -20,6 +20,14 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
         validator: (value: number) => boolean;
     };
+    min: {
+        type: DateConstructor;
+        default: any;
+    };
+    max: {
+        type: DateConstructor;
+        default: any;
+    };
     numberOfMonths: {
         type: NumberConstructor;
         default: number;
@@ -190,6 +198,14 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
         validator: (value: number) => boolean;
     };
+    min: {
+        type: DateConstructor;
+        default: any;
+    };
+    max: {
+        type: DateConstructor;
+        default: any;
+    };
     numberOfMonths: {
         type: NumberConstructor;
         default: number;
@@ -204,6 +220,8 @@ declare const _default: import("vue").DefineComponent<{
     isDateDisabled: import("./calendar.types").CalendarIsDateDisabled;
     firstDayOfWeek: import("./calendar.types").CalendarFirstDayOfWeek;
     isRange: boolean;
+    min: Date;
+    max: Date;
     maxRange: number;
     numberOfMonths: number;
 }>;

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("vue").DefineComponent<{
         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("vue").DefineComponent<{
     };
 }, {
     addDayRef: (day: Date) => (enteringRef: any) => void;
+    computedIsDateDisabled: import("vue").ComputedRef<(date: Date) => boolean>;
     daysOfWeek: import("vue").ComputedRef<string[]>;
     weeksOfMonth: import("vue").ComputedRef<any[]>;
     formattedMonthDate: import("vue").ComputedRef<string>;
@@ -99,6 +108,14 @@ declare const _default: import("vue").DefineComponent<{
         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("vue").DefineComponent<{
     firstDayOfWeek: CalendarMonthFirstDayOfWeek;
     endDate: Date;
     isRange: boolean;
+    min: Date;
+    max: Date;
     startDate: Date;
 }>;
 export default _default;

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("vue").DefineComponent<{
     form: string;
     required: boolean;
     disabled: boolean;
-    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("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    extraPaddingTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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 '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("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("vue").DefineComponent<{
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<(optionValue: import("../../../types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
         default: () => any;
     };
     items: {
@@ -47,22 +51,94 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
 }, {
-    listboxRef: any;
+    listboxRef: import("vue").Ref<HTMLElement>;
     listboxItemRef: import("vue").Ref<any[]>;
     ariaAtomic: import("vue").ComputedRef<boolean | "true" | "false">;
     ariaBusy: import("vue").ComputedRef<boolean | "true" | "false">;
     ariaLive: import("vue").ComputedRef<"off" | "assertive" | "polite">;
-    hasAutomaticLazyLoader: import("vue").ComputedRef<boolean>;
+    containerProps: import("../../../composables/use-virtual-list").UseVirtualListContainerProps;
     isSearchResultEmpty: import("vue").ComputedRef<boolean>;
+    limitedEmptyStateProps: import("vue").ComputedRef<Readonly<Partial<{
+        description: string;
+        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";
+        action: import("../../button").BentoButtonActionObject;
+        headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    }> & Omit<Readonly<import("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("vue/types/v3-component-props").DefaultKeys<{
+        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;
+        };
+    }>>>>;
     loadingButtonState: import("vue").ComputedRef<BentoLoadingButtonState.START | BentoLoadingButtonState.LOADING>;
     slots: import("vue/types/v3-setup-context").Slots;
     shouldDisplayShowMoreButton: import("vue").ComputedRef<boolean>;
     showMoreButtonText: import("vue").ComputedRef<string>;
+    virtualisedItems: import("vue").Ref<BentoListboxOptionItem[]>;
+    wrapperProps: import("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;
@@ -75,6 +151,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    emptyState: {
+        type: PropType<BentoListboxEmptyStateProps>;
+        default: any;
+    };
     hasMoreItems: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,7 +164,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<(optionValue: import("../../../types").BentoListboxOptionItem) => boolean>;
+        type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
         default: () => any;
     };
     items: {
@@ -116,14 +196,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    virtualScroll: {
+        type: PropType<BentoListboxVirtulisationOptions>;
+        default: boolean;
+    };
 }>>, {
-    loading: boolean;
     multiple: boolean;
-    isOptionDisabled: (optionValue: import("../../../types").BentoListboxOptionItem) => boolean;
+    loading: boolean;
+    isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
     ariaLabel: string;
     searching: 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("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("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("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

@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: BentoLinkVariant;
     target: 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;

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

@@ -3,12 +3,16 @@ import { BentoPopoverPositions } from "../popover";
 import { BentoMenuItem } from './components';
 import { BentoMenuButtonProps, BentoMenuEvent } from './menu.types';
 declare const _default: import("vue").DefineComponent<{
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => BentoMenuButtonProps;
+    };
     data: {
         type: PropType<BentoMenuItem[]>;
         required: true;
     };
     menuPosition: {
-        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" | import("../popper-container").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" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -20,10 +24,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: any;
     };
-    button: {
-        type: PropType<BentoMenuButtonProps>;
-        default: () => BentoMenuButtonProps;
-    };
 }, {
     menuButtonRef: any;
     menuId: string;
@@ -33,17 +33,25 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }>;
     isLastElementFocused: import("vue").Ref<boolean>;
+    computedClasses: import("vue").ComputedRef<{
+        'b-menu--inverse': boolean;
+    }>;
+    isInverseColorSet: import("vue").Ref<boolean>;
     onKeyDown: () => void;
     onKeyUp: () => void;
     closeMenu: () => void;
     toggleShowMenu: (e: MouseEvent) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN)[], string, Readonly<import("vue").ExtractPropTypes<{
+    button: {
+        type: PropType<BentoMenuButtonProps>;
+        default: () => BentoMenuButtonProps;
+    };
     data: {
         type: PropType<BentoMenuItem[]>;
         required: true;
     };
     menuPosition: {
-        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" | import("../popper-container").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" | import("../popper-container").PopperContainerPosition>;
         default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
@@ -55,13 +63,9 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: any;
     };
-    button: {
-        type: PropType<BentoMenuButtonProps>;
-        default: () => BentoMenuButtonProps;
-    };
 }>>, {
     button: BentoMenuButtonProps;
-    menuPosition: "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" | import("../popper-container").PopperContainerPosition;
+    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").PopperContainerPosition;
     menuFixedPositioning: boolean;
     menuWidth: number;
 }>;

package/dist/@types/packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: any;
     };
+    virtualScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     dropdownId: string;
     listOfAvailablePages: import("vue").ComputedRef<BentoListboxOptionItem[]>;
@@ -31,8 +35,13 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: any;
     };
+    virtualScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     page: number;
+    virtualScroll: boolean;
     totalPages: number;
 }>;
 export default _default;