@adyen/bento-vue3 1.4.1 → 1.5.0

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

@@ -51,7 +51,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<"button" | "none" | BentoDropdownLazyLoadType | "automatic">;
+        type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
         default: any;
         validator: (value: BentoDropdownLazyLoadType) => boolean;
     };
@@ -191,7 +191,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<"button" | "none" | BentoDropdownLazyLoadType | "automatic">;
+        type: PropType<"button" | "none" | "automatic" | BentoDropdownLazyLoadType>;
         default: any;
         validator: (value: BentoDropdownLazyLoadType) => boolean;
     };
@@ -250,7 +250,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     ariaLabel: string;
     loading: boolean;
     hasMoreItems: boolean;
-    lazyLoadType: "button" | "none" | BentoDropdownLazyLoadType | "automatic";
+    lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

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

@@ -50,7 +50,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             };
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -75,7 +75,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -108,7 +108,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -142,7 +142,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -175,7 +175,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -208,7 +208,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
             lazy?: {
                 hasMoreItems: boolean;
-                lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                 loading: boolean;
                 showMoreEvent?: () => void;
             };
@@ -782,7 +782,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -807,7 +807,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -840,7 +840,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -874,7 +874,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -907,7 +907,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -940,7 +940,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 isOptionDisabled?: (optionValue: import("../../../..").BentoListboxOptionItem) => boolean;
                 lazy?: {
                     hasMoreItems: boolean;
-                    lazyLoadType: "button" | "none" | import("../../../..").BentoListboxLazyLoadType | "automatic";
+                    lazyLoadType: "button" | "none" | "automatic" | import("../../../..").BentoListboxLazyLoadType;
                     loading: boolean;
                     showMoreEvent?: () => void;
                 };
@@ -1497,7 +1497,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }[]>;
     searchTerm: import("../../../../../../vue3/node_modules/vue").Ref<string>;
     onClickAllFiltersModal: () => void;
-    getFilterCount: (label: string) => number;
+    getFilterCount: (filter: BentoFilterModel) => string | number;
     cancel: () => void;
     selectFilter: (filterLabel: string, filterField: string) => void;
     clearFilter: () => void;

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

@@ -4,7 +4,7 @@ declare const _default: import("../../../../../../../../vue3/node_modules/vue").
         required: true;
     };
     appliedFiltersCount: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     isFilterOpen: {
@@ -17,7 +17,7 @@ declare const _default: import("../../../../../../../../vue3/node_modules/vue").
     };
 }, {
     conditionalClasses: import("../../../../../../../../vue3/node_modules/vue").ComputedRef<{
-        "b-all-filters-modal-button--with-counter": number;
+        "b-all-filters-modal-button--with-counter": string | number;
         "b-all-filters-modal-button--filter-open": boolean;
     }>;
     onClick: () => void;
@@ -27,7 +27,7 @@ declare const _default: import("../../../../../../../../vue3/node_modules/vue").
         required: true;
     };
     appliedFiltersCount: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     isFilterOpen: {
@@ -42,7 +42,7 @@ declare const _default: import("../../../../../../../../vue3/node_modules/vue").
     onClick?: (...args: any[]) => any;
 }, {
     disabled: boolean;
-    appliedFiltersCount: number;
+    appliedFiltersCount: string | number;
     isFilterOpen: boolean;
 }>;
 export default _default;

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

@@ -3,13 +3,17 @@ import { BentoFilterBarValue } from "../../filter-bar.types";
 import { BaseFilterEvent } from './base-filter.types';
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     appliedFiltersCount: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     buttonLabel: {
         type: StringConstructor;
         default: any;
     };
+    buttonSecondaryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     defaultValue: {
         type: PropType<BentoFilterBarValue>;
         default: any;
@@ -62,13 +66,17 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     filterButtonRef: any;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BaseFilterEvent[], BaseFilterEvent, 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<{
     appliedFiltersCount: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     buttonLabel: {
         type: StringConstructor;
         default: any;
     };
+    buttonSecondaryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     defaultValue: {
         type: PropType<BentoFilterBarValue>;
         default: any;
@@ -107,8 +115,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
 }, {
     defaultValue: BentoFilterBarValue;
     fitContent: any;
-    appliedFiltersCount: number;
+    appliedFiltersCount: string | number;
     buttonLabel: string;
+    buttonSecondaryLabel: string;
     onlySlot: boolean;
     controlled: boolean;
     disableApplyButton: boolean;

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

@@ -1,7 +1,7 @@
 import { BentoBaseButtonEvent } from "../../../internal/base-button";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     amountAppliedValues: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     disabled: {
@@ -34,7 +34,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     baseFilterButtonRef: any;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoBaseButtonEvent.CLICK[], BentoBaseButtonEvent.CLICK, 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<{
     amountAppliedValues: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     disabled: {
@@ -60,6 +60,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     disabled: boolean;
     isFilterOpen: boolean;
     hasChevron: boolean;
-    amountAppliedValues: number;
+    amountAppliedValues: string | number;
 }>;
 export default _default;

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

@@ -33,8 +33,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }, {
     baseFilter: any;
-    actions: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoButtonActionsList>;
     appliedFiltersCount: import("../../../../../../vue3/node_modules/vue").ComputedRef<number>;
+    actions: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoButtonActionsList>;
     formData: {
         startDate: string;
         endDate: string;
@@ -180,6 +180,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onDatePickerRangeError: () => void;
     onDatePickerRangeFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
     onDateInputSelected: (selectedDate: BentoDateRangePickerValue) => void;
+    onRangeSelectorInput: (quickSelectRanges?: {
+        startDate: Date;
+        endDate: Date;
+    }) => void;
 }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoFilterEvent[], BentoFilterEvent, 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<{
     defaultValue: {
         type: PropType<BentoDateRangePickerValue>;

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

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     appliedFiltersCount: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     disabled: {
@@ -15,11 +15,15 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         type: BooleanConstructor;
         default: boolean;
     };
+    secondaryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
 }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => void;
 }, 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<{
     appliedFiltersCount: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
     disabled: {
@@ -34,13 +38,18 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
         type: BooleanConstructor;
         default: boolean;
     };
+    secondaryLabel: {
+        type: StringConstructor;
+        default: any;
+    };
 }>> & {
     onClick?: (event: MouseEvent) => any;
 }, {
     disabled: boolean;
-    appliedFiltersCount: number;
+    appliedFiltersCount: string | number;
     isFilterOpen: boolean;
     hasChevron: boolean;
+    secondaryLabel: string;
 }>, {
     iconLeft: (_: {}) => any;
     default: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-group/form-layout-group.types.d.ts

@@ -1 +1,2 @@
-export type BentoLayoutGroupProportions = '50-50' | '25-75' | '75-25' | '33-66' | '66-33' | '25' | '33' | '50' | '100';
+export type BentoLayoutGroupProportions = '33-33-33' | '50-50' | '25-75' | '75-25' | '33-66' | '66-33' | '25' | '33' | '50' | '100';
+export declare const BentoLayoutGroupProportions: string[];

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

@@ -4,11 +4,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     layout: {
         type: PropType<BentoLayoutGroupProportions>;
         default: string;
+        validator: (value: BentoLayoutGroupProportions) => 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<{
     layout: {
         type: PropType<BentoLayoutGroupProportions>;
         default: string;
+        validator: (value: BentoLayoutGroupProportions) => boolean;
     };
 }>>, {
     layout: BentoLayoutGroupProportions;

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

@@ -1 +1,2 @@
 export { default as BentoImage } from './image.vue';
+export * from './image.types';

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

@@ -22,6 +22,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         [x: string]: boolean;
     }>;
     onClickButton: (e: MouseEvent) => void;
+    onFocusButton: (e: FocusEvent) => void;
+    onBlurButton: (e: FocusEvent) => void;
     hasSlot: (name: string) => boolean;
     bentoBaseButtonRef: any;
 }, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoBaseButtonEvent[], BentoBaseButtonEvent, 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<{

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

@@ -0,0 +1,24 @@
+import { PropType } from "../../../../../vue3/node_modules/vue";
+import { BentoButtonActionsList } from "../../button";
+declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
+    actions: {
+        type: PropType<BentoButtonActionsList>;
+        required: true;
+    };
+    displayedActions: {
+        type: NumberConstructor;
+        default: any;
+    };
+}, {}, 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>;
+        required: true;
+    };
+    displayedActions: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>>, {
+    displayedActions: number;
+}>;
+export default _default;

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

@@ -27,7 +27,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<"button" | "none" | BentoListboxLazyLoadType | "automatic">;
+        type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
         default: BentoListboxLazyLoadType;
         validator: (value: BentoListboxLazyLoadType) => boolean;
     };
@@ -95,7 +95,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         default: boolean;
     };
     lazyLoadType: {
-        type: PropType<"button" | "none" | BentoListboxLazyLoadType | "automatic">;
+        type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
         default: BentoListboxLazyLoadType;
         validator: (value: BentoListboxLazyLoadType) => boolean;
     };
@@ -127,6 +127,6 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     searching: any;
     loading: boolean;
     hasMoreItems: boolean;
-    lazyLoadType: "button" | "none" | BentoListboxLazyLoadType | "automatic";
+    lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -52,6 +52,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
     openModal: () => void;
     closeModalOnClickOutside: ({ target }: Event) => void;
+    closeModalAfterAnimation: (event: AnimationEvent) => void;
+    startCloseModalAnimation: (event?: Event) => void;
     onCloseButtonClick: () => void;
     hasSlot: (name: string) => boolean;
     emitCloseEvent: () => void;
@@ -64,7 +66,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>> | ((key: "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
     modalConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean | "small" | "medium" | "large" | BentoModalSize;
-        'b-modal-base__container--visible': boolean;
+        'b-modal-base__container--hide': boolean;
         'b-modal-base__container--overflow-visible': boolean;
         'b-modal-base__container--column-layout': boolean;
     }>;

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

@@ -2,6 +2,7 @@ import { PropType } from "../../../../vue3/node_modules/vue";
 import { PopperContainerAriaRole } from "../popper-container";
 import { BentoPopoverPositions } from './popover.types';
 import { BentoButtonActionsLayout, BentoButtonActionsList } from "../button";
+import { Placement } from '@floating-ui/vue';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
@@ -28,6 +29,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    fallbackPosition: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
     fitContent: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,7 +55,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     position: {
         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").PopperContainerPositionBasic;
+        default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
     small: {
@@ -87,7 +92,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
     dismissPopover: () => void;
     hasSlot: (name: string) => boolean;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, "dismiss"[], "dismiss", 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<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("placement" | "dismiss")[], "placement" | "dismiss", 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>;
         default: any;
@@ -113,6 +118,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: BooleanConstructor;
         default: boolean;
     };
+    fallbackPosition: {
+        type: PropType<Placement[]>;
+        default: () => string[];
+    };
     fitContent: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,7 +144,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     position: {
         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").PopperContainerPositionBasic;
+        default: import("../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
     small: {
@@ -155,6 +164,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }>> & {
+    onPlacement?: (...args: any[]) => any;
     onDismiss?: (...args: any[]) => any;
 }, {
     small: boolean;
@@ -163,6 +173,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     position: "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;
     open: boolean;
     modifiers: unknown[];
+    fallbackPosition: Placement[];
     fixedPositioning: boolean;
     ariaLabel: string;
     actions: BentoButtonActionsList;

package/dist/@types/packages/vue2/src/components/popper-container/popper-container.types.d.ts

@@ -1,10 +1,3 @@
-import type { Modifier, StrictModifiers } from '@popperjs/core';
-type ArrowModifier = Modifier<'arrow', unknown>;
-type ApplyArrowHideModifier = Modifier<'applyArrowHide', unknown>;
-type SameWidthModifier = Modifier<'sameWidth', unknown>;
-type TrackPositionModifer = Modifier<'trackPosition', unknown>;
-type FlipModifer = Modifier<'flip', unknown>;
-export type ExtendedModifiers = StrictModifiers | ArrowModifier | ApplyArrowHideModifier | SameWidthModifier | TrackPositionModifer | FlipModifer;
 export interface PopperContainerArrowProp {
     classes?: string[];
     padding?: string;
@@ -50,5 +43,4 @@ export declare const PopperContainerPosition: {
     LEFT: PopperContainerPositionBasic.LEFT;
 };
 export type PopperContainerPosition = PopperContainerPositionBasic | PopperContainerPositionExtended;
-export type FallbackPositionProp = PopperContainerPosition[] | PopperContainerPosition;
-export {};
+export type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;

package/dist/@types/packages/vue2/src/components/popper-container/popper-container.utils.d.ts

@@ -1,23 +1,7 @@
-import type { VueNodeElement } from "../../types";
-import { ExtendedModifiers, FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
-export declare const getArrowModifier: (arrow: VueNodeElement, arrowProps: PopperContainerArrowProp) => {
-    name: string;
-    options: {
-        element: VueNodeElement;
-        padding: string | number;
-    };
-};
-export declare const getOffsetModifier: (arrowProps: PopperContainerArrowProp, offset: number[]) => {
-    name: string;
-    options: {
-        offset: number[];
-    };
-};
+import { FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
+import type { Middleware, Placement } from '@floating-ui/vue';
+export declare const getOffsetModifier: (arrowProps: PopperContainerArrowProp, offset: number[]) => number;
 export declare const getFlipModifier: (fallbackPosition: FallbackPositionProp) => {
-    name: string;
-    options: {
-        fallbackPlacements: import("./popper-container.types").PopperContainerPosition[];
-    };
+    fallbackPlacements: Placement[];
 };
-export declare const arrowDataHideAttributeModifier: ExtendedModifiers;
-export declare const sameWidthModifier: ExtendedModifiers;
+export declare const sameWidthMiddleware: Middleware;