@adyen/bento-vue2 0.1.5 → 0.3.0

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

@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClassOutline: import("vue").ComputedRef<{
         'b-checkbox__outline--unchecked': boolean;
     }>;
-    defaultSlot: import("vue").ComputedRef<string>;
-    descriptionSlot: import("vue").ComputedRef<string>;
+    defaultSlotValue: string;
+    descriptionSlotValue: string;
     isCheckboxGroup: import("vue").ComputedRef<boolean>;
     isChecked: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;

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

@@ -2,7 +2,8 @@ export declare enum BentoCountryVariant {
     ISO = "iso",
     NAME = "name",
     PHONE_CODE = "phone_code",
-    CAPITAL = "capital"
+    CAPITAL = "capital",
+    CUSTOM = "custom"
 }
 export declare enum BentoCountryCode {
     BD = "BD",

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

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoCountryCode>;
         default: BentoCountryCode;
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     variant: {
         type: PropType<BentoCountryVariant>;
         default: BentoCountryVariant;
@@ -14,13 +18,17 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     flagIconSrc: import("vue").Ref<string>;
     countryName: import("vue").ComputedRef<string>;
-    label: import("vue").Ref<any>;
+    countryLabel: import("vue").Ref<any>;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     code: {
         type: PropType<BentoCountryCode>;
         default: BentoCountryCode;
     };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     variant: {
         type: PropType<BentoCountryVariant>;
         default: BentoCountryVariant;
@@ -28,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     code: BentoCountryCode;
+    label: string;
     variant: BentoCountryVariant;
 }>;
 export default _default;

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

@@ -1,2 +1,3 @@
 export { default as BentoCountry } from './country.vue';
 export * from './country.types';
+export * from './composables';

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

@@ -13,6 +13,7 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
         flex?: number;
         sortable?: boolean;
         numeric?: boolean;
+        infoIconTooltip?: string;
         padding?: {
             left?: boolean;
             right?: boolean;

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

@@ -11,6 +11,7 @@ export interface BentoColumn {
     flex?: number;
     sortable?: boolean;
     numeric?: boolean;
+    infoIconTooltip?: string;
     padding?: {
         left?: boolean;
         right?: boolean;
@@ -49,3 +50,17 @@ 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"
+}

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;
@@ -22,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
+    filterSearchTerm: {
+        type: StringConstructor;
+        default: any;
+    };
     getDataItemId: {
         type: PropType<BentoDatagridGetDataItemIdFn>;
         default: (item: BentoDatagridDataItem) => string;
@@ -133,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
         flex?: number;
         sortable?: boolean;
         numeric?: boolean;
+        infoIconTooltip?: string;
         padding?: {
             left?: boolean;
             right?: boolean;
@@ -154,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;
@@ -181,15 +191,23 @@ declare const _default: import("vue").DefineComponent<{
     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;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoDatagridEvent: typeof BentoDatagridEvent;
     onPaginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
+    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<{
+    allowRowClicks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -210,6 +228,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
+    filterSearchTerm: {
+        type: StringConstructor;
+        default: any;
+    };
     getDataItemId: {
         type: PropType<BentoDatagridGetDataItemIdFn>;
         default: (item: BentoDatagridDataItem) => string;
@@ -318,7 +340,9 @@ declare const _default: import("vue").DefineComponent<{
     filters: import("../filter-bar").BentoFilterBarModel;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    allowRowClicks: boolean;
     columnPanel: boolean;
+    filterSearchTerm: string;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
     pagination: any;

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

@@ -6,10 +6,10 @@ export declare enum BentoDateFormat {
     EXACT_TIME_WITHOUT_PERIOD = "H:mm:ss",
     LONG_DATE = "LLLL dd, yyyy",
     SHORT_DATE = "LLL dd, yyyy",
-    FULL_DATE_EXACT_TIME_WITH_PERIOD = "LLLL dd, yyyy, h:mm:ss aa",
-    FULL_DATE_EXACT_TIME_WITHOUT_PERIOD = "LLLL dd, yyyy, H:mm:ss",
-    FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_PERIOD = "LLLL dd, yyyy, h:mm:ss aa O",
-    FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_WITHOUT_PERIOD = "LLLL dd, yyyy, H:mm:ss O",
+    FULL_DATE_EXACT_TIME_WITH_PERIOD = "LLL dd, yyyy, h:mm:ss aa",
+    FULL_DATE_EXACT_TIME_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm:ss",
+    FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_PERIOD = "LLL dd, yyyy, h:mm:ss aa O",
+    FULL_DATE_EXACT_TIME_WITH_TIMEZONE_AND_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm:ss O",
     FULL_DATE_TIME_WITH_PERIOD = "LLL dd, yyyy, h:mm aa",
     FULL_DATE_TIME_WITH_TIMEZONE_AND_PERIOD = "LLL dd, yyyy, h:mm aa O",
     FULL_DATE_TIME_WITHOUT_PERIOD = "LLL dd, yyyy, H:mm",

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

@@ -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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { Booleanish } from '@/types';
+import { BentoListboxOptionItem, Booleanish } from '@/types';
 import type { HTMLAttributes } from 'vue/types/jsx';
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
@@ -51,23 +51,36 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     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;
@@ -116,16 +129,31 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     open: boolean;
     value: string;
     ariaLabel: string;
     disabled: boolean;
+    multiple: boolean;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { BentoListboxOptionItem } from '@/types';
 import { Booleanish } from '../../../../types';
 declare const _default: import("vue").DefineComponent<{
     additionalItemsSelected: {
@@ -45,10 +46,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-dropdown-default-textbox--error': boolean;
@@ -101,20 +114,35 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectedValueItem: {
+        type: PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>;
+        default: any;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: {
         type: StringConstructor;
         default: string;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     open: boolean;
     value: string;
     ariaLabel: string;
     disabled: boolean;
+    multiple: boolean;
     debounceTime: number;
     additionalItemsSelected: number;
     ariaLabelledby: string;
     displayValue: string;
     dynamicFiltering: boolean;
     isInvalid: boolean;
+    selectedValueItem: BentoListboxOptionItem | BentoListboxOptionItem[];
+    showSlotContentInMultiple: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue } from '../../dropdown.types';
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -14,11 +14,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         required: true;
     };
     multiple: {
@@ -30,11 +30,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     selectedValue: {
-        type: PropType<BentoDropdownSelectedValue>;
+        type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../../..").VueNodeElement>;
+        type: PropType<import("@/types").VueNodeElement>;
         required: true;
     };
 }, {
@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
     };
-    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
+    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -71,11 +71,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         required: true;
     };
     multiple: {
@@ -87,18 +87,18 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     selectedValue: {
-        type: PropType<BentoDropdownSelectedValue>;
+        type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../../..").VueNodeElement>;
+        type: PropType<import("@/types").VueNodeElement>;
         required: true;
     };
 }>>, {
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
-    isOptionDisabled: BentoDropdownIsOptionDisabled;
-    selectedValue: BentoDropdownSelectedValue;
+    isOptionDisabled: BentoListboxIsOptionDisabled;
+    selectedValue: BentoListboxSelectedValue;
 }>;
 export default _default;

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

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

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

@@ -0,0 +1,123 @@
+import { PropType } from 'vue';
+import { BentoListboxSelectedValue } from '../../../../../types';
+import { BentoAvatarListboxOptions } from './dropdown-avatar.types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoAvatarListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    dropdownItems: import("vue").ComputedRef<{
+        value: import("../../../../../types").BentoListboxValue;
+        label: string;
+        data: string;
+    }[]>;
+    onInput: (selectedValue: BentoListboxSelectedValue) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoAvatarListboxOptions>;
+        default: () => any[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    isOptionDisabled: {
+        type: PropType<import("../../../../../types").BentoListboxIsOptionDisabled>;
+        default: any;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSlotContentInMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoAvatarListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+    showSlotContentInMultiple: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { ComputedRef, Ref } from 'vue';
+import { BentoCountryVariant } from '../../../../../country';
+import { BentoCountryListboxOptions } from '../dropdown-country.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

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