@adyen/bento-vue2 1.5.0 → 1.6.0

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     state: {
-        type: PropType<"start" | "success" | "loading" | BentoLoadingButtonState | "fail">;
+        type: PropType<"success" | "start" | "loading" | BentoLoadingButtonState | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     state: {
-        type: PropType<"start" | "success" | "loading" | BentoLoadingButtonState | "fail">;
+        type: PropType<"success" | "start" | "loading" | BentoLoadingButtonState | "fail">;
         default: BentoLoadingButtonState;
         validator: (value: BentoLoadingButtonState) => boolean;
     };
@@ -50,6 +50,6 @@ declare const _default: import("vue").DefineComponent<{
     variant: "primary" | "secondary" | "tertiary" | BentoButtonVariant;
     condensed: boolean;
     disabled: boolean;
-    state: "start" | "success" | "loading" | BentoLoadingButtonState | "fail";
+    state: "success" | "start" | "loading" | BentoLoadingButtonState | "fail";
 }>;
 export default _default;

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

@@ -138,6 +138,12 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }>>>>;
+    contentDiv: import("vue").Ref<HTMLDivElement>;
+    contentMaxHeight: import("vue").ComputedRef<{
+        'max-height': string;
+    } | {
+        'max-height'?: undefined;
+    }>;
     hasSlot: (name: string) => boolean;
     onClick: () => void;
     t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
@@ -182,8 +188,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     titleSize: "default" | "small" | BentoCardTitleSize;
-    background: "primary" | "secondary" | BentoCardBackground;
     disabled: boolean;
+    background: "primary" | "secondary" | BentoCardBackground;
     actions: BentoButtonActionsList;
     actionsLayout: "space-between" | BentoButtonActionsLayout | "buttons-end" | "fill-container" | "vertical-stack" | "buttons-start";
     closed: boolean;

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

@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoCheckboxGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
@@ -149,13 +149,13 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<"horizontal" | "vertical" | BentoCheckboxGroupVariant>;
+        type: PropType<"vertical" | "horizontal" | BentoCheckboxGroupVariant>;
         default: BentoCheckboxGroupVariant;
         validator: (value: BentoCheckboxGroupVariant) => boolean;
     };
 }>>, {
     description: string;
-    variant: "horizontal" | "vertical" | BentoCheckboxGroupVariant;
+    variant: "vertical" | "horizontal" | BentoCheckboxGroupVariant;
     required: boolean;
     disabled: boolean;
     tooltipText: string;

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

@@ -1,14 +1,17 @@
-import { BentoColumn, BentoColumnWidthOverridesLookup } from '../../data-grid.types';
+import { BentoColumn, BentoColumnWidthOverridesLookup, BentoDatagridData } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
 import { MaybeRef } from "../../../../types";
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
 export declare const DATAGRID_SELECT_FIELD_NAME = "b-select";
-export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[]>, bodyRef: MaybeRef<HTMLDivElement | undefined>, options?: CalculateColumnWidthOptions) => {
+export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[]>, newData: MaybeRef<BentoDatagridData>, bodyRef: MaybeRef<HTMLDivElement | undefined>, gridCellRefs: MaybeRef<{
+    [key: string]: HTMLDivElement[];
+}>, options?: CalculateColumnWidthOptions) => {
     columnDefs: import("vue").ComputedRef<{
         width: number;
         field: string;
         label: string;
+        autoWidth?: boolean;
         minWidth?: number;
         flex?: number;
         sortable?: boolean;
@@ -27,5 +30,6 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
         width: string;
     }>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: BentoColumnWidthOverridesLookup) => void;
+    isMeasuringColumnWidths: import("vue").Ref<boolean>;
 };
 export default useCalculateColumnWidth;

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

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useCalculateStickyElementHeight: (elementRef: Ref<HTMLDivElement>, isSticky: Ref<boolean>) => Ref<number>;

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

@@ -7,6 +7,7 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -26,6 +27,7 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;

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

@@ -7,6 +7,7 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -28,6 +29,7 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -50,6 +52,7 @@ export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, em
         field: string;
         label: string;
         width?: number;
+        autoWidth?: boolean;
         minWidth?: number;
         flex?: number;
         sortable?: boolean;

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 'vue';
+import { ComponentPublicInstance, PropType } from '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("vue").DefineComponent<{
@@ -96,6 +96,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
+    filterValues: {
+        type: PropType<import("../filter-bar").BentoFilterValues>;
+        default: () => any[];
+    };
     filterSearchTerm: {
         type: StringConstructor;
         default: any;
@@ -228,6 +232,7 @@ declare const _default: import("vue").DefineComponent<{
         width: number;
         field: string;
         label: string;
+        autoWidth?: boolean;
         minWidth?: number;
         flex?: number;
         sortable?: boolean;
@@ -247,6 +252,7 @@ declare const _default: import("vue").DefineComponent<{
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -268,6 +274,7 @@ declare const _default: import("vue").DefineComponent<{
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -285,9 +292,13 @@ declare const _default: import("vue").DefineComponent<{
         id: string;
         isFrozenColumns?: undefined;
     })[]>;
-    gridcellRefs: import("vue").Ref<HTMLDivElement[]>;
+    gridcellRefs: import("vue").Ref<{
+        [key: string]: HTMLDivElement[];
+    }>;
     filtersRef: import("vue").Ref<HTMLDivElement>;
-    columnHeadersTopPosition: import("vue").Ref<number>;
+    computedStickyFiltersTopPosition: import("vue").ComputedRef<string>;
+    computedColumnHeadersTopPosition: import("vue").ComputedRef<string>;
+    isMeasuringColumnWidths: import("vue").Ref<boolean>;
     slots: import("vue/types/v3-setup-context").Slots;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
@@ -412,6 +423,7 @@ declare const _default: import("vue").DefineComponent<{
         height: string;
     }>;
     isOnlyOneVisibleColumn: import("vue").ComputedRef<boolean>;
+    computedColumnsTabIndex: import("vue").ComputedRef<number>;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
@@ -425,6 +437,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("../filter-bar").BentoFilterBarModel>;
             default: () => any[];
         };
+        filterValues: {
+            type: PropType<import("../filter-bar").BentoFilterValues>;
+            default: () => any[];
+        };
     }>>, Readonly<import("vue").ExtractPropTypes<{
         searchTerm: {
             type: StringConstructor;
@@ -434,9 +450,14 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("../filter-bar").BentoFilterBarModel>;
             default: () => any[];
         };
+        filterValues: {
+            type: PropType<import("../filter-bar").BentoFilterValues>;
+            default: () => any[];
+        };
     }>>, (import("../filter-bar").BentoFilterBarEvent | import("../search-bar").BentoSearchBarEvent)[], {
         value: import("../filter-bar").BentoFilterBarModel;
         searchTerm: string;
+        filterValues: import("../filter-bar").BentoFilterValues;
     }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
         searchTerm: {
             type: StringConstructor;
@@ -446,6 +467,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("../filter-bar").BentoFilterBarModel>;
             default: () => any[];
         };
+        filterValues: {
+            type: PropType<import("../filter-bar").BentoFilterValues>;
+            default: () => any[];
+        };
     }>>> & import("vue").ShallowUnwrapRef<{
         hasHiddenFilters: import("vue").ComputedRef<boolean>;
         isClearAllVisible: import("vue").ComputedRef<boolean>;
@@ -469,6 +494,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("../filter-bar").BentoFilterBarModel>;
             default: () => any[];
         };
+        filterValues: {
+            type: PropType<import("../filter-bar").BentoFilterValues>;
+            default: () => any[];
+        };
     }>>>;
     onEmptyStateClearResetButtonClick: () => void;
     onSearchTermCleared: () => void;
@@ -479,6 +508,7 @@ declare const _default: import("vue").DefineComponent<{
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -498,6 +528,7 @@ declare const _default: import("vue").DefineComponent<{
             field: string;
             label: string;
             width?: number;
+            autoWidth?: boolean;
             minWidth?: number;
             flex?: number;
             sortable?: boolean;
@@ -541,6 +572,7 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -646,6 +678,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
+    filterValues: {
+        type: PropType<import("../filter-bar").BentoFilterValues>;
+        default: () => any[];
+    };
     filterSearchTerm: {
         type: StringConstructor;
         default: any;
@@ -775,12 +811,13 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     filters: import("../filter-bar").BentoFilterBarModel;
     condensed: boolean;
-    outline: boolean;
     loading: boolean;
+    outline: boolean;
     lazyLoadType: BentoLazyLoadType;
     fitContent: boolean;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    filterValues: import("../filter-bar").BentoFilterValues;
     allowRowClicks: boolean;
     allowColumnDragAndDrop: boolean;
     columnPanel: boolean;

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

@@ -150,9 +150,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    disabled: boolean;
     open: boolean;
     multiple: boolean;
-    disabled: 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

@@ -147,9 +147,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    disabled: boolean;
     open: boolean;
     multiple: boolean;
-    disabled: 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 'vue';
 import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../types";
 import { BentoDropdownLazyLoadType, BentoDropdownSize } from '../../dropdown.types';
-import { BentoButtonActionsLayout } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -140,7 +139,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -206,7 +205,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -217,8 +216,6 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         placement: (value: import("@floating-ui/utils").Placement) => void;
     }, {
-        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;
@@ -242,6 +239,8 @@ declare const _default: import("vue").DefineComponent<{
                 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;
     }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
         ariaRole: {
             type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -300,7 +299,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -366,7 +365,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -432,7 +431,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -443,8 +442,6 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").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;
@@ -468,6 +465,8 @@ declare const _default: import("vue").DefineComponent<{
                 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;
     }> & {
         props: {
             ariaRole: {
@@ -527,7 +526,7 @@ declare const _default: import("vue").DefineComponent<{
                 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;
             };
@@ -546,9 +545,9 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -591,7 +590,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -635,9 +634,9 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -680,7 +679,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -704,14 +703,14 @@ 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[];
         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;
@@ -719,8 +718,6 @@ declare const _default: import("vue").DefineComponent<{
         withoutSpace: 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[];
         ariaRole: import("../../../popper-container").PopperContainerAriaRole;
         arrow: any;
         disabledFocusTrap: boolean;
@@ -744,6 +741,8 @@ declare const _default: import("vue").DefineComponent<{
                 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("vue").ExtractPropTypes<{
         ariaRole: {
             type: PropType<import("../../../popper-container").PopperContainerAriaRole>;
@@ -802,7 +801,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -868,7 +867,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -880,14 +879,14 @@ 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[];
         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;
@@ -899,9 +898,9 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -944,7 +943,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -970,9 +969,9 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -1015,7 +1014,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -1105,9 +1104,9 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {
-    multiple: boolean;
     disabled: boolean;
     loading: 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

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    open: boolean;
     disabled: boolean;
+    open: boolean;
     readonly: boolean;
     ariaLabel: string;
     additionalItemsSelected: number;