@adyen/bento-vue3 1.3.0 → 1.4.0

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

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
-import { PopperContainerPosition } from "../../../popper-container";
 import { BentoDropdownLazyLoadType, BentoDropdownSize } from '../../dropdown.types';
 import { BentoButtonActionsLayout } from "../../../button";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
@@ -61,6 +60,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }, {
     isDropdownOpen: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+        'b-dropdown-options-container--single': boolean;
+    }>;
     conditionalListboxClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         'b-dropdown-options-container__listbox--small': boolean;
         'b-dropdown-options-container__listbox--single': boolean;
@@ -84,16 +86,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             type: StringConstructor;
             default: any;
         };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
         targetElement: {
             type: PropType<import("../../../../types").VueNodeElement>;
             required: true;
         };
         position: {
-            type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -148,16 +146,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             type: StringConstructor;
             default: any;
         };
-        ariaLabel: {
-            type: StringConstructor;
-            default: any;
-        };
         targetElement: {
             type: PropType<import("../../../../types").VueNodeElement>;
             required: true;
         };
         position: {
-            type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -196,13 +190,12 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             validator: (value: unknown) => boolean;
         };
     }>>, {
-        id: string;
+        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;
+        offset: number[];
         modifiers: unknown[];
         arrow: any;
-        offset: number[];
-        position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
         matchWidth: boolean;
-        ariaLabel: string;
+        id: string;
         fixedPositioning: boolean;
         disabledFocusTrap: boolean;
         fallbackPosition: import("../../../popper-container").FallbackPositionProp;
@@ -213,7 +206,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         actionsLayout: {
-            type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+            type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
             default: import("../../../button").BentoButtonActionsLayoutBasic;
             validator: (value: BentoButtonActionsLayout) => boolean;
         };
@@ -254,9 +247,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         position: {
-            type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionBasic;
-            validator: (value: PopperContainerPosition) => boolean;
+            validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
         small: {
             type: BooleanConstructor;
@@ -275,6 +268,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: boolean;
         };
     }, {
+        computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
         conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
             'b-popover--small': boolean;
             'b-popover--with-divider': boolean;
@@ -288,7 +282,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         computedAttributes: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
             id: string;
         }>;
-        computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
         PopperContainerAriaRole: typeof import("../../../popper-container").PopperContainerAriaRole;
         dismissPopover: () => void;
         hasSlot: (name: string) => boolean;
@@ -298,7 +291,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         actionsLayout: {
-            type: PropType<BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start">;
+            type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
             default: import("../../../button").BentoButtonActionsLayoutBasic;
             validator: (value: BentoButtonActionsLayout) => boolean;
         };
@@ -339,9 +332,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         position: {
-            type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "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" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionBasic;
-            validator: (value: PopperContainerPosition) => boolean;
+            validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
         small: {
             type: BooleanConstructor;
@@ -365,98 +358,165 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         small: boolean;
         title: string;
         large: boolean;
+        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[];
-        position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
-        ariaLabel: string;
         fixedPositioning: boolean;
+        ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
-        actionsLayout: BentoButtonActionsLayout | "buttons-end" | "fill-container" | "space-between" | "vertical-stack" | "buttons-start";
+        actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
         divider: boolean;
         disableFocusTrap: boolean;
         dismissible: boolean;
         fitContent: boolean;
-        open: boolean;
         withoutSpace: boolean;
     }>>;
-    popperContainerOrPopoverProps: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        actionsLayout: import("../../../button").BentoButtonActionsLayoutBasic;
-        actions: ({
-            title: string;
-            event: () => void;
-            disabled: boolean;
-        } | {
-            title: string;
-            event: () => void;
-            disabled?: undefined;
-        })[];
-        divider: boolean;
+    popperContainerOrPopoverProps: import("../../../../../../vue3/node_modules/vue").ComputedRef<(Partial<{
+        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;
+        offset: number[];
+        modifiers: unknown[];
+        arrow: any;
+        matchWidth: boolean;
         id: string;
+        fixedPositioning: boolean;
+        disabledFocusTrap: boolean;
+        fallbackPosition: import("../../../popper-container").FallbackPositionProp;
+        ariaRole: import("../../../popper-container").PopperContainerAriaRole;
+    }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            default: any;
+        };
+        targetElement: {
+            type: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+        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").PopperContainerPositionExtended;
+            validator: (value: unknown) => boolean;
+        };
+        fixedPositioning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        arrow: {
+            type: PropType<boolean | import("../../../popper-container").PopperContainerArrowProp>;
+            default: any;
+        };
+        offset: {
+            type: PropType<number[]>;
+            default: () => number[];
+            validator: (value: number[]) => boolean;
+        };
+        matchWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabledFocusTrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modifiers: {
+            type: ArrayConstructor;
+            default: any;
+        };
+        fallbackPosition: {
+            type: PropType<import("../../../popper-container").FallbackPositionProp>;
+            default: any;
+        };
+        ariaRole: {
+            type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
+            default: any;
+            validator: (value: unknown) => boolean;
+        };
+    }>> & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "modifiers" | "arrow" | "matchWidth" | "id" | "fixedPositioning" | "disabledFocusTrap" | "fallbackPosition" | "ariaRole">) | (Partial<{
+        small: boolean;
+        title: string;
+        large: boolean;
+        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;
-        position: import("../../../popper-container").PopperContainerPositionExtended;
-        style: {
-            width: string;
-            display?: undefined;
-        };
-        targetElement: any;
-        matchWidth?: undefined;
-        offset?: undefined;
-    } | {
-        matchWidth: boolean;
-        offset: number[];
-        position: import("../../../popper-container").PopperContainerPositionExtended;
-        style: {
-            display: string;
-            width?: undefined;
-        };
-        targetElement: any;
-        actionsLayout?: undefined;
-        actions?: undefined;
-        divider?: undefined;
-        id?: undefined;
-        open?: undefined;
-    }>;
+        modifiers: unknown[];
+        fixedPositioning: boolean;
+        ariaLabel: string;
+        actions: import("../../../button").BentoButtonActionsList;
+        actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+        divider: boolean;
+        disableFocusTrap: boolean;
+        dismissible: boolean;
+        fitContent: boolean;
+        withoutSpace: boolean;
+    }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        actions: {
+            type: PropType<import("../../../button").BentoButtonActionsList>;
+            default: any;
+        };
+        actionsLayout: {
+            type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+            default: import("../../../button").BentoButtonActionsLayoutBasic;
+            validator: (value: BentoButtonActionsLayout) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        divider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableFocusTrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dismissible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fitContent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fixedPositioning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modifiers: {
+            type: ArrayConstructor;
+            default: any;
+        };
+        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;
+            validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
+        };
+        small: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: any;
+        };
+        targetElement: {
+            type: any;
+            required: true;
+        };
+        withoutSpace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onDismiss?: (...args: any[]) => any;
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "position" | "open" | "modifiers" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
-    BentoButtonActionsLayout: {
-        BUTTONS_START: import("../../../button").BentoButtonActionsLayoutExtended.BUTTONS_START;
-        BUTTONS_END: import("../../../button").BentoButtonActionsLayoutBasic.BUTTONS_END;
-        FILL_CONTAINER: import("../../../button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
-        SPACE_BETWEEN: import("../../../button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
-        VERTICAL_STACK: import("../../../button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
-    };
-    BentoPopoverPositions: {
-        AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
-    };
-    PopperContainerPosition: {
-        AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
-        AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
-        AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
-        TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
-        TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
-        RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
-        RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
-        BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
-        BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
-        LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
-        LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
-        TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
-        RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
-        BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
-        LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
-    };
     onEscapeKey: () => void;
     listeners: {
         select: (newSelectedValue: BentoListboxSelectedValue) => void;
@@ -530,15 +590,15 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     "onEscape-pressed"?: (...args: any[]) => any;
     "onClose-dropdown"?: (...args: any[]) => any;
 }, {
+    multiple: boolean;
     disabled: boolean;
-    ariaLabel: string;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    ariaLabel: string;
     searching: any;
     loading: boolean;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | BentoDropdownLazyLoadType | "automatic";
-    multiple: boolean;
     inputSize: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
 }>;
 export default _default;

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

@@ -121,10 +121,10 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     onClose?: (...args: any[]) => any;
 }, {
     value: string;
+    open: boolean;
     disabled: boolean;
-    ariaLabel: string;
     readonly: boolean;
-    open: boolean;
+    ariaLabel: string;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     debounceTime: number;

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts

@@ -1,7 +1,7 @@
 import { BentoListboxOptionItem, OmitStrict } from "../../../../../types";
 import { BentoCountryCode } from "../../../../country";
 export type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
-    value: BentoCountryCode;
+    value: BentoCountryCode | `${BentoCountryCode}`;
     label?: string;
 };
 export type BentoCountryListboxOptions = BentoCountryListboxOptionItem[];

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

@@ -1,9 +1,7 @@
 import { BentoListboxSelectedValue } from "../../../../../types";
-import { BentoCountryVariant } from "../../../../country";
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<any, {
     countryItems: import("../../../../../../../vue3/node_modules/vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
     onInput: (selectedValue: BentoListboxSelectedValue) => void;
-    BentoCountryVariant: typeof BentoCountryVariant;
 }, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "input"[], "input", import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<any> & {
     onInput?: (...args: any[]) => any;
 }, {} | {

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types.d.ts

@@ -1,6 +1,6 @@
 import { BentoListboxOptionItem, OmitStrict } from "../../../../../types";
 import { BentoCurrencyISOCode } from "../../../../currency";
 export type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
-    value: BentoCurrencyISOCode;
+    value: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
 };
 export type BentoCurrencyListboxOptions = BentoCurrencyListboxOptionItem[];

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts

@@ -1,6 +1,6 @@
 import { BentoListboxOptionItem, OmitStrict } from "../../../../../types";
 import { BentoPaymentMethodType } from "../../../../payment-method";
 export type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
-    value: BentoPaymentMethodType;
+    value: BentoPaymentMethodType | `${BentoPaymentMethodType}`;
 };
 export type BentoPaymentMethodListboxOptions = BentoPaymentMethodListboxOptionItem[];

package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts

@@ -1,6 +1,6 @@
 import { BentoListboxOptionItem, OmitStrict } from "../../../../../types";
 import { BentoTagVariant } from '../../../../tag';
 export type BentoTagListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'data'> & {
-    variant: BentoTagVariant;
+    variant: BentoTagVariant | `${BentoTagVariant}`;
 };
 export type BentoTagListboxOptions = BentoTagListboxOptionItem[];

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

@@ -1,6 +1,5 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../types";
-import { BentoTypographyElement } from "../typography";
 import { BentoDropdownLazyLoadType, BentoDropdownSearchOptions, BentoDropdownSize } from './dropdown.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
@@ -90,7 +89,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: any;
     };
 }, {
+    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     additionalItemsSelected: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
+    idDefaultSize: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     isDropdownOpen: import("../../../../vue3/node_modules/vue").Ref<boolean>;
     displayValue: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
@@ -140,9 +141,6 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         select: (selectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;
     };
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoDropdownSize: typeof BentoDropdownSize;
-    BentoDropdownLazyLoadType: typeof BentoDropdownLazyLoadType;
 }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, ("input" | BentoListboxEvent.SHOW_MORE)[], "input" | BentoListboxEvent.SHOW_MORE, 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<{
     ariaLabel: {
         type: StringConstructor;
@@ -234,25 +232,25 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     onInput?: (...args: any[]) => any;
     "onShow-more"?: (...args: any[]) => any;
 }, {
-    search: BentoDropdownSearchOptions;
     value: BentoListboxSelectedValue;
     required: boolean;
     label: string;
+    search: BentoDropdownSearchOptions;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
+    multiple: boolean;
     disabled: boolean;
     error: boolean;
-    ariaLabel: string;
-    description: string;
     placeholder: string;
+    description: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
     items: BentoListboxOptions;
     isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     loading: boolean;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | BentoDropdownLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/packages/vue2/src/components/empty-state/empty-state.types.d.ts

@@ -0,0 +1,27 @@
+export declare enum BentoEmptyStateVariant {
+    FULL_PAGE = "full-page",
+    EMBEDDED = "embedded",
+    BASIC = "basic",
+    CONDENSED = "condensed"
+}
+export declare enum BentoEmptyStateImage {
+    GENERIC_USE1 = "1-generic-use",
+    GENERIC_USE2 = "2-generic-use",
+    GENERIC_USE3 = "3-generic-use",
+    GENERIC_USE4 = "4-generic-use",
+    ADDING_PAYMENT_METHOD = "adding-payment-methods",
+    ADYEN_GIVING = "adyen-giving",
+    INTERNAL_ERROR = "internal-error",
+    NO_RESULTS_FOUND = "no-results-found",
+    NOTIFICATIONS_CLEARED = "notifications-cleared",
+    PAGE_NOT_FOUND = "page-not-found",
+    PLANNED_MAINTENANCE = "planned-maintenance",
+    REFERRALS = "referrals",
+    UPLOAD_FILES = "upload-files",
+    WRONG_ENVIRONMENT = "wrong-environment"
+}
+export declare enum BentoEmptyStateImageVariant {
+    SMALL = "small",
+    LARGE = "large",
+    NULL
+}

package/dist/@types/packages/vue2/src/components/empty-state/empty-state.vue.d.ts

@@ -0,0 +1,76 @@
+import { PropType } from "../../../../vue3/node_modules/vue";
+import { BentoButtonActionObject } from "../button";
+import { BentoTypographyElement } from "../typography";
+import { BentoEmptyStateImage, BentoEmptyStateVariant } from './empty-state.types';
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    headingEl: {
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+        default: any;
+        validator: (value: 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: BentoEmptyStateImage) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+        default: string;
+        validator: (value: BentoEmptyStateVariant) => 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<{
+    action: {
+        type: PropType<BentoButtonActionObject>;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    headingEl: {
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span">;
+        default: any;
+        validator: (value: 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: BentoEmptyStateImage) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<"condensed" | "full-page" | "embedded" | "basic">;
+        default: string;
+        validator: (value: BentoEmptyStateVariant) => boolean;
+    };
+}>>, {
+    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;
+    headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+}>, {
+    title: (_: {}) => any;
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BentoEmptyState } from './empty-state.vue';
+export * from './empty-state.types';