@adyen/bento-vue2 0.3.0 → 0.4.1

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    allowColumnDragAndDrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -23,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     filters: {
-        type: PropType<import("../filter-bar").BentoFilterBarModel>;
+        type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
         default: any;
     };
     filterSearchTerm: {
@@ -132,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }, {
-    body: import("vue").Ref<HTMLDivElement>;
+    body: Ref<HTMLDivElement>;
     columnDefs: import("vue").ComputedRef<{
         width: number;
         field: string;
@@ -149,7 +153,69 @@ declare const _default: import("vue").DefineComponent<{
         overflow?: BentoColumnOverflow;
         visible?: boolean;
         mandatory?: boolean;
+        frozen?: boolean;
+    }[]>;
+    sortedColumnsByFreezeState: Ref<{
+        field: string;
+        label: string;
+        width?: number;
+        minWidth?: number;
+        flex?: number;
+        sortable?: boolean;
+        numeric?: boolean;
+        infoIconTooltip?: string;
+        padding?: {
+            left?: boolean;
+            right?: boolean;
+        };
+        overflow?: BentoColumnOverflow;
+        visible?: boolean;
+        mandatory?: boolean;
+        frozen?: boolean;
     }[]>;
+    columnSets: import("vue").ComputedRef<({
+        columnSet: {
+            width: number;
+            field: string;
+            label: string;
+            minWidth?: number;
+            flex?: number;
+            sortable?: boolean;
+            numeric?: boolean;
+            infoIconTooltip?: string;
+            padding?: {
+                left?: boolean;
+                right?: boolean;
+            };
+            overflow?: BentoColumnOverflow;
+            visible?: boolean;
+            mandatory?: boolean;
+            frozen?: boolean;
+        }[];
+        id: string;
+        isFrozenColumns: boolean;
+    } | {
+        columnSet: {
+            width: number;
+            field: string;
+            label: string;
+            minWidth?: number;
+            flex?: number;
+            sortable?: boolean;
+            numeric?: boolean;
+            infoIconTooltip?: string;
+            padding?: {
+                left?: boolean;
+                right?: boolean;
+            };
+            overflow?: BentoColumnOverflow;
+            visible?: boolean;
+            mandatory?: boolean;
+            frozen?: boolean;
+        }[];
+        id: string;
+        isFrozenColumns?: undefined;
+    })[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
     getRowData: (rowData: unknown) => unknown;
@@ -164,6 +230,7 @@ declare const _default: import("vue").DefineComponent<{
     conditionalRowClasses: (row: BentoDatagridDataItem) => {
         'b-data-grid__row--disabled': boolean;
         'b-data-grid__row--row-clicks-enabled': boolean;
+        'b-data-grid__cell--is-re-ordering': boolean;
     };
     conditionalRowCellClasses: (column: BentoColumn) => {
         [x: string]: boolean;
@@ -171,6 +238,9 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid__cell--padding-right-unset': boolean;
         'b-data-grid__cell--numeric': boolean;
         'b-data-grid__cell--condensed': boolean;
+        'b-data-grid__cell--frozen': boolean;
+        'b-data-grid__cell--is-column-re-ordering': boolean;
+        'b-data-grid__cell--is-column-re-order-target': boolean;
     };
     conditionalPaginationClasses: import("vue").ComputedRef<{
         'b-data-grid__pagination--padding-left-unset': boolean;
@@ -187,14 +257,14 @@ declare const _default: import("vue").DefineComponent<{
         allItemsSelected: boolean;
         isIndeterminate: boolean;
     };
-    selectedItems: import("vue").Ref<BentoDatagridDataItemId[]>;
+    selectedItems: Ref<BentoDatagridDataItemId[]>;
     onAllRowSelect: (allItemsSelected: boolean) => void;
     onRowSelect: () => void;
     DATAGRID_SELECT_FIELD_NAME: string;
     onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
-    compactView: import("vue").Ref<boolean>;
-    onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
-    onColumnVisibiltyChange: (columnIndexes: string[]) => void;
+    onConfigSettingsUpdate: (isCompactView: boolean) => void;
+    onColumnVisibilityChange: (columnIndexes: string[]) => void;
+    onColumnFreezeChange: (frozenColumnFields: string[]) => void;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -203,11 +273,73 @@ declare const _default: import("vue").DefineComponent<{
     onItemsPerPageChange: (itemsPerPage: number) => void;
     onSearchTermCleared: () => void;
     onSearchTermInput: (newSearchTerm: any) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    draggingColumns: {
+        dragging?: {
+            field: string;
+            label: string;
+            width?: number;
+            minWidth?: number;
+            flex?: number;
+            sortable?: boolean;
+            numeric?: boolean;
+            infoIconTooltip?: string;
+            padding?: {
+                left?: boolean;
+                right?: boolean;
+            };
+            overflow?: BentoColumnOverflow;
+            visible?: boolean;
+            mandatory?: boolean;
+            frozen?: boolean;
+        };
+        target?: {
+            field: string;
+            label: string;
+            width?: number;
+            minWidth?: number;
+            flex?: number;
+            sortable?: boolean;
+            numeric?: boolean;
+            infoIconTooltip?: string;
+            padding?: {
+                left?: boolean;
+                right?: boolean;
+            };
+            overflow?: BentoColumnOverflow;
+            visible?: boolean;
+            mandatory?: boolean;
+            frozen?: boolean;
+        };
+    };
+    draggingEventsForColumns: import("vue").ComputedRef<{
+        "column-dragstart"?: undefined;
+        "column-dragenter"?: undefined;
+        "column-drop"?: undefined;
+        "column-dragend"?: undefined;
+    } | {
+        "column-dragstart": (column: BentoColumn, e: DragEvent & Event) => void;
+        "column-dragenter": (column: BentoColumn) => void;
+        "column-drop": (column: BentoColumn) => void;
+        "column-dragend": () => void;
+    }>;
+    draggingEventsForRowCell: import("vue").ComputedRef<(column: BentoColumn) => {
+        dragenter?: undefined;
+        drop?: undefined;
+        dragover?: undefined;
+    } | {
+        dragenter: (e: DragEvent) => void;
+        drop: () => void;
+        dragover: (e: DragEvent) => void;
+    }>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.SORT | BentoDatagridEvent.SELECT | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.UPDATE_FILERS | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.COLUMNS | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.ROW_CLICK)[], string, Readonly<import("vue").ExtractPropTypes<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
     };
+    allowColumnDragAndDrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -225,7 +357,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     filters: {
-        type: PropType<import("../filter-bar").BentoFilterBarModel>;
+        type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
         default: any;
     };
     filterSearchTerm: {
@@ -337,10 +469,11 @@ declare const _default: import("vue").DefineComponent<{
     outline: boolean;
     loading: boolean;
     condensed: boolean;
-    filters: import("../filter-bar").BentoFilterBarModel;
+    filters: import("@/components/filter-bar").BentoFilterBarModel;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
     allowRowClicks: boolean;
+    allowColumnDragAndDrop: boolean;
     columnPanel: boolean;
     filterSearchTerm: string;
     getDataItemId: BentoDatagridGetDataItemIdFn;

package/dist/@types/components/date/date.vue.d.ts

@@ -3,7 +3,7 @@ import { BentoDateFormat } from '@/components/date/date.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
     date: {
-        type: DateConstructor;
+        type: (StringConstructor | NumberConstructor | DateConstructor)[];
         default: any;
     };
     format: {
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     date: {
-        type: DateConstructor;
+        type: (StringConstructor | NumberConstructor | DateConstructor)[];
         default: any;
     };
     format: {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoDateFormat;
     };
 }>>, {
-    date: Date;
+    date: string | number | Date;
     format: BentoDateFormat;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Booleanish } from '../../../../types';
+import { Booleanish } from '@/types';
 export declare const DropdownBaseTextboxProps: {
     additionalItemsSelected: {
         type: NumberConstructor;
@@ -48,6 +48,8 @@ export declare const DropdownBaseTextboxProps: {
 };
 export declare enum DropdownBaseTextboxState {
     DISABLED = "disabled",
-    HAS_ITEMS = "has-items"
+    HAS_ITEMS = "has-items",
+    OPENED = "opened",
+    ERROR = "error"
 }
 export default DropdownBaseTextboxProps;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { BentoListboxOptionItem } from '@/types';
-import { Booleanish } from '../../../../types';
+import { Booleanish } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
         type: NumberConstructor;
@@ -64,9 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown-default-textbox--error': boolean;
-        'b-dropdown-default-textbox--disabled': boolean;
-        'b-dropdown-default-textbox--opened': boolean;
+        [x: string]: boolean;
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -33,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     targetElement: {
         type: PropType<import("@/types").VueNodeElement>;
         required: true;
@@ -90,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     targetElement: {
         type: PropType<import("@/types").VueNodeElement>;
         required: true;
@@ -99,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     multiple: boolean;
     isOptionDisabled: BentoListboxIsOptionDisabled;
+    searching: boolean;
     selectedValue: BentoListboxSelectedValue;
 }>;
 export default _default;

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

@@ -51,11 +51,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown-small-textbox--disabled': boolean;
-        'b-dropdown-small-textbox--opened': boolean;
+        [x: string]: boolean;
     }>;
     isDropdownOpen: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;

package/dist/@types/components/dropdown/components/index.d.ts

@@ -1 +1,2 @@
 export { default as DropdownInputDefault } from './dropdown-default-textbox/dropdown-default-textbox.vue';
+export { DropdownBaseTextboxState } from './dropdown-base-textbox/dropdown-base-textbox.types';

package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types.d.ts

@@ -1,4 +1,4 @@
-import { BentoListboxOptionItem } from '../../../../../types';
+import { BentoListboxOptionItem } from '@/types';
 export type BentoAvatarListboxOptionItem = Omit<BentoListboxOptionItem, 'data'> & {
     src?: string;
 };

package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoListboxSelectedValue } from '../../../../../types';
+import { BentoListboxSelectedValue } from '@/types';
 import { BentoAvatarListboxOptions } from './dropdown-avatar.types';
 declare const _default: import("vue").DefineComponent<{
     items: {
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -27,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -52,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dropdownItems: import("vue").ComputedRef<{
-        value: import("../../../../../types").BentoListboxValue;
+        value: import("@/types").BentoListboxValue;
         label: string;
         data: string;
     }[]>;
@@ -74,6 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -83,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -109,6 +117,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     optional: boolean;
+    error: boolean;
     value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;
@@ -116,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     description: string;
     items: BentoAvatarListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, Ref } from 'vue';
-import { BentoCountryVariant } from '../../../../../country';
+import { BentoCountryVariant } from '@/components/country';
 import { BentoCountryListboxOptions } from '../dropdown-country.types';
-import { BentoListboxOptions } from '../../../../../../types';
+import { BentoListboxOptions } from '@/types';
 export declare const useCountryItems: (variant: Ref<BentoCountryVariant>, items: Ref<BentoCountryListboxOptions>) => ComputedRef<BentoListboxOptions>;

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

@@ -1,5 +1,5 @@
-import { BentoListboxOptionItem, OmitStrict } from '../../../../../types';
-import { BentoCountryCode } from '../../../../country';
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoCountryCode } from '@/components/country';
 export type BentoCountryListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value' | 'label'> & {
     value: BentoCountryCode;
     label?: string;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { BentoCountryListboxOptions } from './dropdown-country.types';
-import { BentoListboxSelectedValue } from '../../../../../types';
-import { BentoCountryVariant } from '../../../../country';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoCountryVariant } from '@/components/country';
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<BentoCountryListboxOptions>;
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -33,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -57,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    countryItems: import("vue").ComputedRef<import("../../../../../types").BentoListboxOptions>;
+    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<{
@@ -82,6 +86,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -91,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -117,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     optional: boolean;
+    error: boolean;
     value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;
@@ -125,7 +134,7 @@ declare const _default: import("vue").DefineComponent<{
     description: string;
     variant: BentoCountryVariant;
     items: BentoCountryListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { BentoCurrencyListboxOptions } from './dropdown-currency.types';
-import type { BentoListboxSelectedValue } from '../../../../../types';
+import type { BentoListboxSelectedValue } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<BentoCurrencyListboxOptions>;
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -27,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -69,6 +73,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -78,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -104,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     optional: boolean;
+    error: boolean;
     value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;
@@ -111,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     description: string;
     items: BentoCurrencyListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;

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

@@ -1,5 +1,5 @@
-import { BentoListboxOptionItem, OmitStrict } from '../../../../../types';
-import { BentoPaymentMethodType } from '../../../../payment-method';
+import { BentoListboxOptionItem, OmitStrict } from '@/types';
+import { BentoPaymentMethodType } from '@/components/payment-method';
 export type BentoPaymentMethodListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
     value: BentoPaymentMethodType;
 };

package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoPaymentMethodListboxOptions } from './dropdown-payment-method.types';
-import { BentoListboxSelectedValue } from '../../../../../types';
+import { BentoListboxSelectedValue } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<BentoPaymentMethodListboxOptions>;
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -27,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -69,6 +73,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: {
         type: StringConstructor;
         default: any;
@@ -78,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -104,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     optional: boolean;
+    error: boolean;
     value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;
@@ -111,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     description: string;
     items: BentoPaymentMethodListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
     showSlotContentInMultiple: boolean;
 }>;