@adyen/bento-vue2 0.1.4 → 0.2.0

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

@@ -0,0 +1,109 @@
+import { PropType } from 'vue';
+import type { BentoCurrencyListboxOptions } from './dropdown-currency.types';
+import type { BentoListboxSelectedValue } from '../../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoCurrencyListboxOptions>;
+        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;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    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<BentoCurrencyListboxOptions>;
+        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;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoCurrencyListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,109 @@
+import { PropType } from 'vue';
+import { BentoPaymentMethodListboxOptions } from './dropdown-payment-method.types';
+import { BentoListboxSelectedValue } from '../../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<BentoPaymentMethodListboxOptions>;
+        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;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    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<BentoPaymentMethodListboxOptions>;
+        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;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    required: boolean;
+    optional: boolean;
+    value: BentoListboxSelectedValue;
+    label: string;
+    ariaLabel: string;
+    disabled: boolean;
+    multiple: boolean;
+    description: string;
+    items: BentoPaymentMethodListboxOptions;
+    isOptionDisabled: import("../../../../../types").BentoListboxIsOptionDisabled;
+    dynamicFiltering: boolean;
+}>;
+export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import type { BentoDropdownIsOptionDisabled, BentoDropdownOptionItem, BentoDropdownOptions, BentoDropdownSelectedValue } from './dropdown.types';
+import type { BentoListboxIsOptionDisabled, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
 import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
@@ -23,11 +23,11 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         default: () => any[];
     };
     multiple: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     value: {
-        type: PropType<BentoDropdownSelectedValue>;
+        type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }, {
@@ -51,13 +51,14 @@ declare const _default: import("vue").DefineComponent<{
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
-    filteredItems: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
+    filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     searchTerm: import("vue").Ref<string>;
     labelId: string;
+    selectedValueItem: import("vue").ComputedRef<BentoListboxOptionItem>;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
-    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
+    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
@@ -81,11 +82,11 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: any;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         default: () => any[];
     };
     multiple: {
@@ -101,20 +102,20 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     value: {
-        type: PropType<BentoDropdownSelectedValue>;
+        type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }>>, {
     required: boolean;
     optional: boolean;
-    value: BentoDropdownSelectedValue;
+    value: BentoListboxSelectedValue;
     label: string;
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
     description: string;
-    items: BentoDropdownOptions;
-    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    items: BentoListboxOptions;
+    isOptionDisabled: BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;
 }>;
 export default _default;

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

@@ -1,2 +1,5 @@
 export { default as BentoDropdown } from './dropdown.vue';
-export * from './dropdown.types';
+export { default as BentoDropdownAvatar } from './components/variants/dropdown-avatar/dropdown-avatar.vue';
+export { default as BentoDropdownCountry } from './components/variants/dropdown-country/dropdown-country.vue';
+export { default as BentoDropdownCurrency } from './components/variants/dropdown-currency/dropdown-currency.vue';
+export { default as BentoDropdownPaymentMethod } from './components/variants/dropdown-payment-method/dropdown-payment-method.vue';

package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts

@@ -1,9 +1,17 @@
 import { BentoButtonVariant } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
+    appliedFiltersCount: {
+        type: NumberConstructor;
+        default: any;
+    };
     disableApplyButton: {
         type: BooleanConstructor;
         deafault: boolean;
     };
+    disableClearButton: {
+        type: BooleanConstructor;
+        deafault: boolean;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -12,16 +20,17 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    isOpen: {
-        type: BooleanConstructor;
-        required: true;
-    };
     value: {
         type: StringConstructor;
         default: any;
     };
 }, {
-    activeAppliedFilterCount: import("vue").ComputedRef<number>;
+    actions: import("vue").ComputedRef<{
+        title: string;
+        event: () => void;
+        disabled: boolean;
+    }[]>;
+    isFilterOpen: import("vue").Ref<boolean>;
     BentoPopoverPositions: {
         AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -49,13 +58,29 @@ declare const _default: import("vue").DefineComponent<{
     onClickApply: () => void;
     onClickClear: () => void;
     onClickOutside: () => void;
+    closePopover: () => void;
     filterButtonRef: any;
     BentoButtonVariant: typeof BentoButtonVariant;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
+    BentoButtonActionsLayout: {
+        BUTTONS_START: import("@/components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
+        BUTTONS_END: import("@/components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
+        FILL_CONTAINER: import("@/components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+        SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+        VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+    };
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
+    appliedFiltersCount: {
+        type: NumberConstructor;
+        default: any;
+    };
     disableApplyButton: {
         type: BooleanConstructor;
         deafault: boolean;
     };
+    disableClearButton: {
+        type: BooleanConstructor;
+        deafault: boolean;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -64,16 +89,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    isOpen: {
-        type: BooleanConstructor;
-        required: true;
-    };
     value: {
         type: StringConstructor;
         default: any;
     };
 }>>, {
     value: string;
+    appliedFiltersCount: number;
     disableApplyButton: boolean;
+    disableClearButton: boolean;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+export declare const useBaseFilter: <T>(appliedFilter: Ref<T>) => {
+    internalFilterValue: Ref<import("vue").UnwrapRef<T>>;
+    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+};

package/dist/@types/components/filter-bar/components/base-filter/index.d.ts

@@ -1 +1,2 @@
 export { default as BentoBaseFilter } from './base-filter.vue';
+export * from './composables/use-base-filter';

package/dist/@types/components/filter-bar/components/listbox-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoListboxFilter } from './listbox-filter.vue';

package/dist/@types/components/filter-bar/components/listbox-filter/listbox-filter.vue.d.ts

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+import { BentoListboxSelectedValue } from '@/types';
+import { BentoListboxFilterOptions } from '../../filter-bar.types';
+declare const _default: import("vue").DefineComponent<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<BentoListboxFilterOptions>;
+        default: any;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {
+    appliedFiltersCount: import("vue").ComputedRef<number>;
+    filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptions>;
+    internalFilterValue: import("vue").Ref<import("@/types").BentoListboxValue | import("@/types").BentoListboxValue[]>;
+    isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    listboxFilterId: import("vue").ComputedRef<string>;
+    clearFilter: () => void;
+    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
+    openFilter: () => void;
+    updateFilter: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<BentoListboxFilterOptions>;
+        default: any;
+    };
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>>, {
+    value: BentoListboxSelectedValue;
+    options: BentoListboxFilterOptions;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/text-filter/text-filter.vue.d.ts

@@ -12,16 +12,15 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    internalValue: import("vue").Ref<string>;
-    isFilterOpen: import("vue").Ref<boolean>;
+    appliedFiltersCount: import("vue").ComputedRef<number>;
+    internalFilterValue: import("vue").Ref<string>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
     inputTextRef: any;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => void;
-    closeFilter: () => void;
-    dismissFilter: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("update" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
     field: {
         type: StringConstructor;
         required: true;

package/dist/@types/components/filter-bar/filter-bar.types.d.ts

@@ -1,14 +1,22 @@
-export interface BentoFilterOptions {
-    values: Array<unknown>;
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '../../types';
+export interface BentoListboxFilterOptions {
+    listboxItems: BentoListboxOptions;
+    multiple?: boolean;
+    isOptionDisabled?: BentoListboxIsOptionDisabled;
 }
+export type BentoTextFilterValue = string | null;
+export type BentoListboxFilterValue = BentoListboxSelectedValue;
+export type BentoFilterBarValue = BentoTextFilterValue | BentoListboxFilterValue;
+export type BentoFilterOptions = BentoListboxFilterOptions | undefined;
 export declare enum BentoFilterItemType {
-    TEXT = "BentoTextFilter"
+    TEXT = "BentoTextFilter",
+    LISTBOX = "BentoListboxFilter"
 }
 export interface BentoFilterModel {
     field: string;
     label: string;
     type: BentoFilterItemType;
     options?: BentoFilterOptions;
-    value?: string | null;
+    value?: BentoFilterBarValue;
 }
 export type BentoFilterBarModel = Array<BentoFilterModel>;

package/dist/@types/components/filter-bar/filter-bar.vue.d.ts

@@ -1,19 +1,34 @@
 import { PropType } from 'vue';
 import { BentoFilterBarModel, BentoFilterModel } from './filter-bar.types';
+import { BentoButtonVariant } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
+    searchTerm: {
+        type: StringConstructor;
+        default: string;
+    };
     value: {
         type: PropType<BentoFilterBarModel>;
-        default: any;
+        default: () => any[];
     };
 }, {
-    dismissFilterHandler: (dismissedFilter: BentoFilterModel) => void;
+    isClearAllVisible: import("vue").ComputedRef<boolean>;
+    searchBarAriaLabel: string;
+    BentoButtonVariant: typeof BentoButtonVariant;
     updateFilterHandler: (updatedFilter: BentoFilterModel) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+    clearAllFilters: () => void;
+    onSearchbarClear: () => void;
+    onSearchbarInput: (newSearchTerm: string) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "search-clear" | "search-input" | "update:search-term")[], string, Readonly<import("vue").ExtractPropTypes<{
+    searchTerm: {
+        type: StringConstructor;
+        default: string;
+    };
     value: {
         type: PropType<BentoFilterBarModel>;
-        default: any;
+        default: () => any[];
     };
 }>>, {
     value: BentoFilterBarModel;
+    searchTerm: string;
 }>;
 export default _default;

package/dist/@types/components/info-icon/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoInfoIcon } from './info-icon.vue';

package/dist/@types/components/info-icon/info-icon.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    tooltipText: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    tooltipText: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1 @@
+export * from './listbox';

package/dist/@types/components/internal/listbox/components/listbox-multi-select/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoListboxMultiSelect } from './listbox-multi-select.vue';

package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-multi-select/dropdown-multi-select.vue.d.ts → internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts}

@@ -1,42 +1,42 @@
 import { PropType } from 'vue';
 import { BentoTypographyElement } from '@/components/typography';
-import type { BentoDropdownIsOptionDisabled, BentoDropdownOptions, BentoDropdownSelectedValue, BentoDropdownValue } from '../../../../dropdown.types';
+import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: () => false;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         required: true;
     };
     selectedValues: {
-        type: PropType<BentoDropdownSelectedValue>;
-        default: BentoDropdownSelectedValue;
+        type: PropType<BentoListboxSelectedValue>;
+        default: () => BentoListboxSelectedValue;
     };
 }, {
     isAllSelected: import("vue").ComputedRef<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
-    selectedItemsList: import("vue").Ref<BentoDropdownValue[]>;
+    selectedItemsList: import("vue").Ref<BentoListboxValue[]>;
     selectAllCheckboxText: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
     BentoTypographyElement: typeof BentoTypographyElement;
-    toggleCheckboxSelection: (value: BentoDropdownValue) => void;
+    toggleCheckboxSelection: (value: BentoListboxValue) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
+        type: PropType<BentoListboxIsOptionDisabled>;
         default: () => false;
     };
     items: {
-        type: PropType<BentoDropdownOptions>;
+        type: PropType<BentoListboxOptions>;
         required: true;
     };
     selectedValues: {
-        type: PropType<BentoDropdownSelectedValue>;
-        default: BentoDropdownSelectedValue;
+        type: PropType<BentoListboxSelectedValue>;
+        default: () => BentoListboxSelectedValue;
     };
 }>>, {
-    isOptionDisabled: BentoDropdownIsOptionDisabled;
-    selectedValues: BentoDropdownSelectedValue;
+    isOptionDisabled: BentoListboxIsOptionDisabled;
+    selectedValues: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/internal/listbox/components/listbox-option/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoListboxOption } from './listbox-option.vue';

package/dist/@types/components/{dropdown/components/dropdown-options-container/components/dropdown-option/dropdown-option.vue.d.ts → internal/listbox/components/listbox-option/listbox-option.vue.d.ts}

@@ -9,8 +9,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
-        'b-dropdown-option--disabled': boolean;
-        'b-dropdown-option--selected': boolean;
+        'b-listbox-option--disabled': boolean;
+        'b-listbox-option--selected': boolean;
     }>;
     onClick: (e: Event) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "escape-pressed" | "enter-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{

package/dist/@types/components/internal/listbox/components/listbox-option-currency/index.d.ts

@@ -0,0 +1 @@
+export { default as ListboxOptionCurrency } from './listbox-option-currency.vue';