@adyen/bento-vue2 0.2.0 → 0.4.0

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoAlertSeverityOption: typeof BentoAlertSeverityOption;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "close-alert"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "close-alert"[], string, Readonly<import("vue").ExtractPropTypes<{
     severity: {
         type: PropType<BentoAlertSeverityOption>;
         default: BentoAlertSeverityOption;

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

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import { BentoButtonVariant } from './button.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { Booleanish } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;
@@ -26,7 +27,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    ariaLabel: import("vue").ComputedRef<string>;
+    ariaAttributes: import("vue").ComputedRef<{
+        'aria-expanded': Booleanish;
+    }>;
     conditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;

package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts

@@ -1,4 +1,4 @@
-import type { VueNodeElement } from '../../../../types';
+import type { VueNodeElement } from '@/types';
 export interface BentoButtonActionObject {
     title: string;
     event: (event: Event) => void;

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

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,13 +37,23 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     cardBodyConditionalClasses: import("vue").ComputedRef<{
         'b-card__body--expandable': boolean;
+        'b-card__body--without-header': boolean;
     }>;
     cardHeaderConditionalClasses: import("vue").ComputedRef<{
-        'b-card__header--with-body': boolean;
+        'b-card__header--expandable': boolean;
+        'b-card__header--without-body': boolean;
+    }>;
+    cardContentConditionalClasses: import("vue").ComputedRef<{
+        'b-card__content--without-header': boolean;
+        'b-card__content--expandable': boolean;
+    }>;
+    cardActionsConditionalClasses: import("vue").ComputedRef<{
+        'b-card__actions--without-content': boolean;
     }>;
     showCardBody: import("vue").ComputedRef<boolean>;
     showContent: import("vue").Ref<boolean>;
     tabIndex: import("vue").ComputedRef<0 | -1>;
+    showHeader: import("vue").ComputedRef<boolean>;
     onClick: () => void;
     toggleExpansion: () => void;
     hasSlot: (name: string) => boolean;
@@ -54,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -68,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
+    closed: boolean;
     background: BentoCardBackground;
     disabled: boolean;
     actions: BentoButtonActionsList;

package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRef } from '../../../../types';
+import { MaybeRef } from '@/types';
 import VueI18n from 'vue-i18n';
 export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<VueI18n.TranslateResult>;
 export default useCountryCapital;

package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts

@@ -1,2 +1,2 @@
-import { MaybeRef } from '../../../../types';
+import { MaybeRef } from '@/types';
 export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<string>;

package/dist/@types/components/country/composables/useCountryPhoneCode/useCountryPhoneCode.d.ts

@@ -1,3 +1,3 @@
-import { MaybeRef } from '../../../../types';
+import { MaybeRef } from '@/types';
 export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => import("vue").ComputedRef<any>;
 export default useCountryPhoneCode;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement } from '../typography';
+import { BentoTypographyElement } from '@/components/typography';
 import { BentoCountryCode, BentoCountryVariant } from './country.types';
 declare const _default: import("vue").DefineComponent<{
     code: {

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '../../../button';
-import { BentoTypographyElement, BentoTypographyVariant } from '../../../typography';
-import { AdlLabelPosition } from '../../../../types';
+import { BentoButtonVariant } from '@/components/button';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { AdlLabelPosition } from '@/types';
 import { BentoColumn } from '../../data-grid.types';
 declare const _default: import("vue").DefineComponent<{
     columns: {

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

@@ -1,6 +1,6 @@
 import { BentoColumn, BentoColumnWidthOverridesLookup } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
-import { MaybeRef } from '../../../../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";

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

@@ -1,7 +1,7 @@
-import { MaybeRef } from '../../../types';
+import { MaybeRef } from '@/types';
 import { BentoColumn } from '../data-grid.types';
-export declare const useConfigSettings: (condensed: MaybeRef<boolean>, columnsRef: MaybeRef<BentoColumn[]>, emit: (event: string, columns: BentoColumn[]) => void) => {
-    compactView: import("vue").Ref<boolean>;
-    onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+import type { EmitFn } from 'vue/types/v3-setup-context';
+export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, emit: EmitFn) => {
+    onConfigSettingsUpdate: (isCompactView: boolean) => void;
     onColumnVisibiltyChange: (columnIndexes: string[]) => void;
 };

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

@@ -1,4 +1,4 @@
-import { BentoPagination } from '../pagination';
+import { BentoPagination } from '@/components/pagination';
 export declare enum BentoColumnOverflow {
     WRAP = "wrap",
     ELLIPSIS = "ellipsis"
@@ -50,3 +50,18 @@ export interface BentoDatagridAllItemsSelectedState {
     allItemsSelected: boolean;
     isIndeterminate: boolean;
 }
+export declare enum BentoDatagridEvent {
+    COLUMN_RESIZE = "column-resize",
+    SORT = "sort",
+    SELECT = "select",
+    NAVIGATE = "navigate",
+    UPDATE_FILERS = "update:filters",
+    ITEMS_PAGE = "items-page",
+    UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
+    FILTER_SEARCH_INPUT = "filter-search-input",
+    FILTER_SEARCH_CLEAR = "filter-search-clear",
+    COLUMNS = "columns",
+    UPDATE_COLUMNS = "update:columns",
+    ROW_CLICK = "row-click",
+    UPDATE_CONDENSED = "update:condensed"
+}

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

@@ -1,7 +1,11 @@
 import { PropType } from 'vue';
-import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
+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<{
+    allowRowClicks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -19,7 +23,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: {
@@ -159,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     conditionalRowClasses: (row: BentoDatagridDataItem) => {
         'b-data-grid__row--disabled': boolean;
+        'b-data-grid__row--row-clicks-enabled': boolean;
     };
     conditionalRowCellClasses: (column: BentoColumn) => {
         [x: string]: boolean;
@@ -186,17 +191,22 @@ declare const _default: import("vue").DefineComponent<{
     onAllRowSelect: (allItemsSelected: boolean) => void;
     onRowSelect: () => void;
     DATAGRID_SELECT_FIELD_NAME: string;
-    compactView: import("vue").Ref<boolean>;
-    onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+    onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
+    onConfigSettingsUpdate: (isCompactView: boolean) => void;
     onColumnVisibiltyChange: (columnIndexes: string[]) => void;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
     onSearchTermCleared: () => void;
     onSearchTermInput: (newSearchTerm: any) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters" | "update:filter-search-term" | "filter-search-input" | "filter-search-clear")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, 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;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -214,7 +224,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: {
@@ -326,9 +336,10 @@ 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;
     columnPanel: boolean;
     filterSearchTerm: string;
     getDataItemId: BentoDatagridGetDataItemIdFn;

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;
@@ -46,4 +46,8 @@ export declare const DropdownBaseTextboxProps: {
         default: number;
     };
 };
+export declare enum DropdownBaseTextboxState {
+    DISABLED = "disabled",
+    HAS_ITEMS = "has-items"
+}
 export default DropdownBaseTextboxProps;

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

@@ -52,9 +52,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,19 +67,20 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown-base-textbox--disabled': boolean;
+        [x: string]: boolean;
     }>;
     textboxId: string;
     textbox: any;
     isFiltering: import("vue").ComputedRef<boolean>;
     ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
+    selectedValueItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
     onClearSearch: () => void;
     onInputEvent: (event: Event) => void;
     onSpaceBar: () => void;
     hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -125,9 +130,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;
-    selectedValueItem: BentoListboxOptionItem;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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;
@@ -47,9 +47,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: StringConstructor;
         default: string;
@@ -65,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-dropdown-default-textbox--opened': 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<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
     additionalItemsSelected: {
         type: NumberConstructor;
         default: number;
@@ -111,9 +115,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     selectedValueItem: {
-        type: PropType<BentoListboxOptionItem>;
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
         default: any;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: StringConstructor;
         default: string;
@@ -134,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;
-    selectedValueItem: BentoListboxOptionItem;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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/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: {
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -42,13 +42,17 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }, {
     dropdownItems: import("vue").ComputedRef<{
-        value: import("../../../../../types").BentoListboxValue;
+        value: import("@/types").BentoListboxValue;
         label: string;
         data: string;
     }[]>;
@@ -79,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -94,6 +98,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -108,7 +116,8 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     description: string;
     items: BentoAvatarListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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>;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -48,12 +48,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         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<{
@@ -87,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: {
@@ -102,6 +106,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -117,7 +125,8 @@ declare const _default: import("vue").DefineComponent<{
     description: string;
     variant: BentoCountryVariant;
     items: BentoCountryListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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>;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -74,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        type: PropType<import("@/types").BentoListboxIsOptionDisabled>;
         default: any;
     };
     multiple: {
@@ -89,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -103,7 +111,8 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     description: string;
     items: BentoCurrencyListboxOptions;
-    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    isOptionDisabled: import("@/types").BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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;
 };