@adyen/bento-vue2 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 '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("vue").DefineComponent<{
@@ -64,6 +63,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isDropdownOpen: import("vue").ComputedRef<boolean>;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-options-container--single': boolean;
+    }>;
     conditionalListboxClasses: import("vue").ComputedRef<{
         'b-dropdown-options-container__listbox--small': boolean;
         'b-dropdown-options-container__listbox--single': boolean;
@@ -85,16 +87,12 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -149,16 +147,12 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -197,13 +191,12 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -214,7 +207,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -255,9 +248,9 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -276,6 +269,7 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }, {
+        computedAriaLabel: import("vue").ComputedRef<string>;
         conditionalClasses: import("vue").ComputedRef<{
             'b-popover--small': boolean;
             'b-popover--with-divider': boolean;
@@ -289,7 +283,6 @@ declare const _default: import("vue").DefineComponent<{
         computedAttributes: import("vue").ComputedRef<{
             id: string;
         }>;
-        computedAriaLabel: import("vue").ComputedRef<string>;
         PopperContainerAriaRole: typeof import("../../../popper-container").PopperContainerAriaRole;
         dismissPopover: () => void;
         hasSlot: (name: string) => boolean;
@@ -299,7 +292,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -340,9 +333,9 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -364,98 +357,278 @@ declare const _default: import("vue").DefineComponent<{
         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("vue").ComputedRef<{
-        actionsLayout: import("../../../button").BentoButtonActionsLayoutBasic;
-        actions: ({
-            title: string;
-            event: () => void;
-            disabled: boolean;
-        } | {
-            title: string;
-            event: () => void;
-            disabled?: undefined;
-        })[];
-        divider: boolean;
+    popperContainerOrPopoverProps: import("vue").ComputedRef<Readonly<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("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("vue/types/v3-component-props").DefaultKeys<{
+        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;
+        };
+    }>>> | Readonly<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: unknown;
-        matchWidth?: undefined;
-        offset?: undefined;
-    } | {
-        matchWidth: boolean;
-        offset: number[];
-        position: import("../../../popper-container").PopperContainerPositionExtended;
-        style: {
-            display: string;
-            width?: undefined;
-        };
-        targetElement: unknown;
-        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("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: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+        withoutSpace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, import("vue/types/v3-component-props").DefaultKeys<{
+        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: PropType<import("../../../../types").VueNodeElement>;
+            required: true;
+        };
+        withoutSpace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>>>;
     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;
@@ -524,15 +697,15 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {
+    multiple: boolean;
     disabled: boolean;
-    ariaLabel: string;
     loading: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    ariaLabel: string;
     searching: 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

@@ -118,10 +118,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     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-avatar/dropdown-avatar.vue.d.ts

@@ -183,25 +183,25 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    search: import("../../../../../types").BentoListboxSearchOptions;
     error: boolean;
+    search: import("../../../../../types").BentoListboxSearchOptions;
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
-    ariaLabel: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     items: BentoAvatarListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | import("../../../../../types").BentoListboxLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

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

@@ -97,7 +97,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     countryItems: import("vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
     onInput: (selectedValue: BentoListboxSelectedValue) => void;
-    BentoCountryVariant: typeof BentoCountryVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<BentoCountryListboxOptions>;
@@ -191,26 +190,26 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    search: import("../../../../../types").BentoListboxSearchOptions;
     error: boolean;
+    search: import("../../../../../types").BentoListboxSearchOptions;
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    disabled: boolean;
     variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
     required: boolean;
-    ariaLabel: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     items: BentoCountryListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | import("../../../../../types").BentoListboxLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

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-currency/dropdown-currency.vue.d.ts

@@ -178,25 +178,25 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
-    search: import("../../../../../types").BentoListboxSearchOptions;
     error: boolean;
+    search: import("../../../../../types").BentoListboxSearchOptions;
     value: BentoListboxSelectedValue;
     description: string;
     label: string;
-    disabled: boolean;
     required: boolean;
-    ariaLabel: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     placeholder: string;
     optional: boolean;
     errorMessage: string;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | import("../../../dropdown.types").BentoDropdownSize;
     items: BentoCurrencyListboxOptions;
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     readonly: boolean;
+    ariaLabel: string;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | import("../../../../../types").BentoListboxLazyLoadType | "automatic";
-    multiple: boolean;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

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[];