@adyen/bento-vue3 1.5.0 → 1.6.0

package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts

@@ -8,6 +8,7 @@ export interface BentoColumn {
     field: string;
     label: string;
     width?: number;
+    autoWidth?: boolean;
     minWidth?: number;
     flex?: number;
     sortable?: boolean;
@@ -48,7 +49,6 @@ export type BentoDatagridPaginationProps = InstanceType<typeof BentoPagination>[
 export interface BentoColumnWidthOverridesLookup {
     [field: string]: {
         width: BentoColumn['width'];
-        minWidth: BentoColumn['minWidth'];
     };
 }
 export interface BentoDatagridAllItemsSelectedState {
@@ -65,6 +65,7 @@ export declare enum BentoDatagridEvent {
     UPDATE_COLUMNS = "update:columns",
     UPDATE_CONDENSED = "update:condensed",
     UPDATE_FILTERS = "update:filters",
+    UPDATE_FILTER_VALUES = "update:filter-values",
     UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
     UPDATE_PAGINATION = "update:pagination",
     UPDATE_SELECTION = "update:selection",

package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
+import { ComponentPublicInstance, PropType } from "../../../../vue3/node_modules/vue";
 import { BentoLazyLoadType, Booleanish } from "../../types";
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
@@ -68,6 +68,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: any;
         default: any;
     };
+    filterValues: {
+        type: any;
+        default: () => any[];
+    };
     filterSearchTerm: {
         type: any;
         default: any;
@@ -103,8 +107,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     pagination: {
         type: PropType<Partial<{
-            page: number;
             size: number;
+            page: number;
             ariaLabel: string;
             totalCount: number;
             hasNext: boolean;
@@ -141,7 +145,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             "onItems-page"?: (...args: any[]) => any;
             "onUpdate:page"?: (...args: any[]) => any;
             "onUpdate:size"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "totalCount" | "hasNext" | "hidePageSize">>;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "size" | "page" | "ariaLabel" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
     stickyPagination: {
@@ -178,6 +182,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         width: number;
         field: string;
         label: string;
+        autoWidth?: boolean;
         minWidth?: number;
         flex?: number;
         sortable?: boolean;
@@ -197,6 +202,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -218,6 +224,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -235,9 +242,13 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         id: string;
         isFrozenColumns?: undefined;
     })[]>;
-    gridcellRefs: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement[]>;
+    gridcellRefs: import("../../../../vue3/node_modules/vue").Ref<{
+        [key: string]: HTMLDivElement[];
+    }>;
     filtersRef: import("../../../../vue3/node_modules/vue").Ref<HTMLDivElement>;
-    columnHeadersTopPosition: import("../../../../vue3/node_modules/vue").Ref<number>;
+    computedStickyFiltersTopPosition: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+    computedColumnHeadersTopPosition: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+    isMeasuringColumnWidths: import("../../../../vue3/node_modules/vue").Ref<boolean>;
     slots: Readonly<{
         [name: string]: import("../../../../vue3/node_modules/vue").Slot;
     }>;
@@ -336,6 +347,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         height: string;
     }>;
     isOnlyOneVisibleColumn: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    computedColumnsTabIndex: import("../../../../vue3/node_modules/vue").ComputedRef<number>;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
@@ -346,6 +358,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         $props: Partial<{
             value: import("../filter-bar").BentoFilterBarModel;
             searchTerm: any;
+            filterValues: import("../filter-bar").BentoFilterValues;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             searchTerm: {
                 type: any;
@@ -355,12 +368,17 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
                 type: PropType<import("../filter-bar").BentoFilterBarModel>;
                 default: () => any[];
             };
+            filterValues: {
+                type: PropType<import("../filter-bar").BentoFilterValues>;
+                default: () => any[];
+            };
         }>> & {
             onInput?: (...args: any[]) => any;
+            "onUpdate:filter-values"?: (...args: any[]) => any;
             "onSearch-clear"?: (...args: any[]) => any;
             "onSearch-input"?: (...args: any[]) => any;
             "onUpdate:search-term"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "searchTerm">;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "value" | "searchTerm" | "filterValues">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -370,8 +388,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         $slots: Readonly<{
             [name: string]: import("../../../../vue3/node_modules/vue").Slot;
         }>;
-        $root: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $emit: (event: import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent, ...args: any[]) => void;
         $el: any;
         $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -383,8 +401,13 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
                 type: PropType<import("../filter-bar").BentoFilterBarModel>;
                 default: () => any[];
             };
+            filterValues: {
+                type: PropType<import("../filter-bar").BentoFilterValues>;
+                default: () => any[];
+            };
         }>> & {
             onInput?: (...args: any[]) => any;
+            "onUpdate:filter-values"?: (...args: any[]) => any;
             "onSearch-clear"?: (...args: any[]) => any;
             "onSearch-input"?: (...args: any[]) => any;
             "onUpdate:search-term"?: (...args: any[]) => any;
@@ -405,6 +428,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent)[], string, {
             value: import("../filter-bar").BentoFilterBarModel;
             searchTerm: any;
+            filterValues: import("../filter-bar").BentoFilterValues;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -420,7 +444,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             unmounted?: (() => void) | (() => void)[];
             renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
             renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof import("../../../../vue3/node_modules/vue").nextTick;
@@ -434,8 +458,13 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             type: PropType<import("../filter-bar").BentoFilterBarModel>;
             default: () => any[];
         };
+        filterValues: {
+            type: PropType<import("../filter-bar").BentoFilterValues>;
+            default: () => any[];
+        };
     }>> & {
         onInput?: (...args: any[]) => any;
+        "onUpdate:filter-values"?: (...args: any[]) => any;
         "onSearch-clear"?: (...args: any[]) => any;
         "onSearch-input"?: (...args: any[]) => any;
         "onUpdate:search-term"?: (...args: any[]) => any;
@@ -463,6 +492,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -482,6 +512,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -525,6 +556,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     gridcellEvents: (column: any) => {
         [eventName: string]: (e: Event) => void;
     };
+    registerRowCellRef: (el: Element | ComponentPublicInstance, field: string, rowIndex: number) => void;
     getCellindex: (rowIndex: number, colIndex: number, colSetIndex: number) => number;
     getColIndex: (colIndex: number, colSetIndex: number) => number;
     navigationInput: (event: KeyboardEvent) => void;
@@ -602,6 +634,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: any;
         default: any;
     };
+    filterValues: {
+        type: any;
+        default: () => any[];
+    };
     filterSearchTerm: {
         type: any;
         default: any;
@@ -637,8 +673,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     };
     pagination: {
         type: PropType<Partial<{
-            page: number;
             size: number;
+            page: number;
             ariaLabel: string;
             totalCount: number;
             hasNext: boolean;
@@ -675,7 +711,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
             "onItems-page"?: (...args: any[]) => any;
             "onUpdate:page"?: (...args: any[]) => any;
             "onUpdate:size"?: (...args: any[]) => any;
-        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "page" | "size" | "ariaLabel" | "totalCount" | "hasNext" | "hidePageSize">>;
+        } & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "size" | "page" | "ariaLabel" | "totalCount" | "hasNext" | "hidePageSize">>;
         default: any;
     };
     stickyPagination: {
@@ -713,6 +749,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     "onColumn-resize"?: (...args: any[]) => any;
     onSort?: (...args: any[]) => any;
     "onUpdate:columns"?: (...args: any[]) => any;
+    "onUpdate:filter-values"?: (...args: any[]) => any;
     onColumns?: (...args: any[]) => any;
     "onFilter-search-input"?: (...args: any[]) => any;
     "onFilter-search-clear"?: (...args: any[]) => any;
@@ -733,6 +770,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     fitContent: boolean;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    filterValues: any;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
     columnPanel: boolean;

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

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

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

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

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

@@ -1,7 +1,6 @@
 import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
 import { BentoDropdownLazyLoadType, BentoDropdownSize } from '../../dropdown.types';
-import { BentoButtonActionsLayout } from "../../../button";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -86,8 +85,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             $: import("../../../../../../vue3/node_modules/vue").ComponentInternalInstance;
             $data: {};
             $props: 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[];
                 ariaRole: import("../../../popper-container").PopperContainerAriaRole;
                 arrow: any;
                 disabledFocusTrap: boolean;
@@ -111,6 +108,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         elements: import("@floating-ui/dom").Elements;
                     }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
                 }[];
+                offset: number[];
+                position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
             }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
                 ariaRole: {
                     type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -169,7 +168,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     validator: (value: number[]) => boolean;
                 };
                 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>;
+                    type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
                     default: import("../../../popper-container").PopperContainerPositionExtended;
                     validator: (value: unknown) => boolean;
                 };
@@ -179,7 +178,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 };
             }>> & {
                 onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
-            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware">;
+            } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware" | "offset" | "position">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -251,7 +250,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                     validator: (value: number[]) => boolean;
                 };
                 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>;
+                    type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
                     default: import("../../../popper-container").PopperContainerPositionExtended;
                     validator: (value: unknown) => boolean;
                 };
@@ -264,8 +263,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
                 placement: (value: import("@floating-ui/utils").Placement) => void;
             }, 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[];
                 ariaRole: import("../../../popper-container").PopperContainerAriaRole;
                 arrow: any;
                 disabledFocusTrap: boolean;
@@ -289,6 +286,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                         elements: import("@floating-ui/dom").Elements;
                     }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
                 }[];
+                offset: number[];
+                position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -367,7 +366,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 validator: (value: number[]) => boolean;
             };
             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>;
+                type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
                 default: import("../../../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -439,7 +438,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             validator: (value: number[]) => boolean;
         };
         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>;
+            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -452,8 +451,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
         placement: (value: import("@floating-ui/utils").Placement) => void;
     }, 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[];
         ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
         disabledFocusTrap: boolean;
@@ -477,6 +474,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
+        offset: number[];
+        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }, {}, string> & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps & (new () => {
         $slots: {
             default: (_: {}) => any;
@@ -487,9 +486,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         actionsLayout: {
-            type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+            type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
             default: import("../../../button").BentoButtonActionsLayoutBasic;
-            validator: (value: BentoButtonActionsLayout) => boolean;
+            validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
         };
         ariaLabel: {
             type: StringConstructor;
@@ -532,7 +531,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             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>;
+            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -576,9 +575,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         actionsLayout: {
-            type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+            type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
             default: import("../../../button").BentoButtonActionsLayoutBasic;
-            validator: (value: BentoButtonActionsLayout) => boolean;
+            validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
         };
         ariaLabel: {
             type: StringConstructor;
@@ -621,7 +620,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             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>;
+            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -648,14 +647,14 @@ 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[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
+        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
+        open: boolean;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
-        actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+        actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
         divider: boolean;
         disableFocusTrap: boolean;
         dismissible: boolean;
@@ -663,8 +662,6 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         withoutSpace: 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[];
         ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
         disabledFocusTrap: boolean;
@@ -688,6 +685,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
                 elements: import("@floating-ui/dom").Elements;
             }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[];
+        offset: number[];
+        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
     }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
         ariaRole: {
             type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -746,7 +745,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             validator: (value: number[]) => boolean;
         };
         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>;
+            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: unknown) => boolean;
         };
@@ -756,18 +755,18 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         };
     }>> & {
         onPlacement?: (value: import("@floating-ui/utils").Placement) => any;
-    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "position" | "offset" | "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware">) | (Partial<{
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "ariaRole" | "arrow" | "disabledFocusTrap" | "fallbackPosition" | "fixedPositioning" | "id" | "isHidden" | "matchWidth" | "middleware" | "offset" | "position">) | (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;
         modifiers: unknown[];
         fallbackPosition: import("@floating-ui/utils").Placement[];
         fixedPositioning: boolean;
+        position: "auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition;
+        open: boolean;
         ariaLabel: string;
         actions: import("../../../button").BentoButtonActionsList;
-        actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
+        actionsLayout: "space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
         divider: boolean;
         disableFocusTrap: boolean;
         dismissible: boolean;
@@ -779,9 +778,9 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             default: any;
         };
         actionsLayout: {
-            type: PropType<"space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
+            type: PropType<"space-between" | import("../../../button").BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start">;
             default: import("../../../button").BentoButtonActionsLayoutBasic;
-            validator: (value: BentoButtonActionsLayout) => boolean;
+            validator: (value: import("../../../button").BentoButtonActionsLayout) => boolean;
         };
         ariaLabel: {
             type: StringConstructor;
@@ -824,7 +823,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
             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>;
+            type: PropType<"auto" | "top" | "right" | "bottom" | "left" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../../popper-container").PopperContainerPosition>;
             default: import("../../../popper-container").PopperContainerPositionExtended;
             validator: (value: import("../../../popper-container").PopperContainerPosition) => boolean;
         };
@@ -847,7 +846,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     }>> & {
         onPlacement?: (...args: any[]) => any;
         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" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
+    } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "position" | "open" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;
     listeners: {
@@ -922,8 +921,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     "onEscape-pressed"?: (...args: any[]) => any;
     "onClose-dropdown"?: (...args: any[]) => any;
 }, {
-    multiple: boolean;
     disabled: boolean;
+    multiple: boolean;
     isOptionDisabled: (optionValue: import("../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
     ariaLabel: string;

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

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

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

@@ -235,12 +235,12 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     value: BentoListboxSelectedValue;
     required: boolean;
     label: string;
-    search: BentoDropdownSearchOptions;
-    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
-    multiple: boolean;
     disabled: boolean;
     error: boolean;
+    multiple: boolean;
     placeholder: string;
+    size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
+    search: BentoDropdownSearchOptions;
     description: string;
     optional: boolean;
     errorMessage: string;