@adyen/bento-vue3 1.23.0 → 1.25.0

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-dropdown/select-filter-dropdown.vue.d.ts

@@ -0,0 +1,150 @@
+import { PropType } from "../../../../../../../../vue3/node_modules/vue";
+import { BentoListboxSelectedValue } from "../../../../../../types";
+import { BentoSelectFilterOptions } from '../../../../filter-bar.types';
+/**
+ * The Listbox filter displays a listbox of items
+ * passed in the "options.listboxItems" property.
+ *
+ * @example
+ * import { BentoSelectFilter } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoSelectFilter },
+ *     template: `
+ *          <bento-select-filter
+ *              :field="filter.field"
+ *              :label="filter.label"
+ *              :options="filter.options"
+ *              :value="filter.value"
+ *              @update="updateFilterHandler"
+ *          >
+ *     `
+ * }
+ */
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../../vue3/node_modules/vue").DefineComponent<{
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label text to be displayed
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     *
+     */
+    onlySlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+        type: PropType<BentoSelectFilterOptions>;
+        default: any;
+    };
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (updatedProps: any) => void;
+} & {
+    update: (updatedProps: any) => void;
+}, string, import("../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label text to be displayed
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     *
+     */
+    onlySlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+        type: PropType<BentoSelectFilterOptions>;
+        default: any;
+    };
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+        type: PropType<BentoListboxSelectedValue>;
+        default: any;
+    };
+}>> & {
+    onInput?: (updatedProps: any) => any;
+    onUpdate?: (updatedProps: any) => any;
+}, {
+    value: BentoListboxSelectedValue;
+    defaultValue: BentoListboxSelectedValue;
+    options: BentoSelectFilterOptions;
+    onlySlot: boolean;
+}>, Record<NonNullable<string | number>, (_: any) => any>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from "../../../../../../vue3/node_modules/vue";
 import { BentoListboxSelectedValue } from "../../../../types";
-import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.types';
+import { BentoSelectFilterOptions } from '../../filter-bar.types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
 /**
  * The Listbox filter displays a listbox of items
  * passed in the "options.listboxItems" property.
@@ -21,9 +21,10 @@ import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.typ
  *     `
  * }
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     /**
      * Default value of the filter to reset to.
+     *
      */
     defaultValue: {
         type: PropType<BentoListboxSelectedValue>;
@@ -47,6 +48,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     /**
      * Renders the base filter's slot content only - leaving out the button and the popover.
      * Used for the allFiltersModal component.
+     *
      */
     onlySlot: {
         type: BooleanConstructor;
@@ -57,6 +59,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Available options:
      *   - multiple: If "true", the user will be able to select multiple items.
      *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
      */
     options: {
         type: PropType<BentoSelectFilterOptions>;
@@ -64,34 +68,21 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     /**
      * Current value of the filter
+     *
+     * @default undefined
      */
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
-}, {
-    appliedFiltersCount: import("../../../../../../vue3/node_modules/vue").ComputedRef<string | number>;
-    filteredItems: import("../../../../../../vue3/node_modules/vue").ComputedRef<any>;
-    internalFilterValue: import("../../../../../../vue3/node_modules/vue").Ref<import("../../../../types").BentoListboxValue | import("../../../../types").BentoListboxValue[]>;
-    isApplyButtonDisabled: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    isSecondaryButtonDisabled: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    listboxFilterId: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    noResultsMessage: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    slots: Readonly<{
-        [name: string]: import("../../../../../../vue3/node_modules/vue").Slot;
-    }>;
-    buttonLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    buttonSecondaryLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    searchTerm: import("../../../../../../vue3/node_modules/vue").Ref<string>;
-    clearFilter: () => void;
-    closeFilter: () => void;
-    onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
-    openFilter: () => void;
-    updateFilter: () => void;
-    resetFilter: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoFilterEvent[], BentoFilterEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    input: (updatedProps: any) => void;
+} & {
+    update: (updatedProps: any) => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     /**
      * Default value of the filter to reset to.
+     *
      */
     defaultValue: {
         type: PropType<BentoListboxSelectedValue>;
@@ -115,6 +106,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     /**
      * Renders the base filter's slot content only - leaving out the button and the popover.
      * Used for the allFiltersModal component.
+     *
      */
     onlySlot: {
         type: BooleanConstructor;
@@ -125,6 +117,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
      * Available options:
      *   - multiple: If "true", the user will be able to select multiple items.
      *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
      */
     options: {
         type: PropType<BentoSelectFilterOptions>;
@@ -132,18 +126,25 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
     /**
      * Current value of the filter
+     *
+     * @default undefined
      */
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
 }>> & {
-    onInput?: (...args: any[]) => any;
-    onUpdate?: (...args: any[]) => any;
+    onInput?: (updatedProps: any) => any;
+    onUpdate?: (updatedProps: any) => any;
 }, {
     value: BentoListboxSelectedValue;
     defaultValue: BentoListboxSelectedValue;
     options: BentoSelectFilterOptions;
     onlySlot: boolean;
-}>;
+}>, Record<NonNullable<string | number>, (_: any) => any> & Record<NonNullable<string | number>, (_: any) => any>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts

@@ -53,7 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * Dropdown props for the small selectable dropdown menu.
-     * @see BentoDropdown
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *
      */
     dropdown: {
         type: PropType<BentoInputDropdownProps>;
@@ -136,11 +140,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * A string specifying the type of control to render.
+     * All `input` types are available but only `search`, `text` and `number` are fully supported.
+     *
+     * If `type` is `search`, use `bento-search-bar` instead.
      */
     type: {
-        type: PropType<"number" | "text" | "search" | BentoInputFieldType>;
+        type: PropType<string>;
         default: BentoInputFieldType;
-        validator: (value: BentoInputFieldType) => boolean;
     };
     /**
      * Text displayed as the value of the input-field
@@ -209,7 +215,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * Dropdown props for the small selectable dropdown menu.
-     * @see BentoDropdown
+     * Properties supported:
+     *
+     *  - `value`: Selected value of the dropdown
+     *  - `items`: List of available items
+     *
      */
     dropdown: {
         type: PropType<BentoInputDropdownProps>;
@@ -292,11 +302,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     };
     /**
      * A string specifying the type of control to render.
+     * All `input` types are available but only `search`, `text` and `number` are fully supported.
+     *
+     * If `type` is `search`, use `bento-search-bar` instead.
      */
     type: {
-        type: PropType<"number" | "text" | "search" | BentoInputFieldType>;
+        type: PropType<string>;
         default: BentoInputFieldType;
-        validator: (value: BentoInputFieldType) => boolean;
     };
     /**
      * Text displayed as the value of the input-field
@@ -324,18 +336,18 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     "onDropdown-input"?: (selectedValue: BentoListboxSelectedValue) => any;
 }, {
     value: BentoInputFieldValue;
-    type: "number" | "text" | "search" | BentoInputFieldType;
+    type: string;
     required: boolean;
     variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
     condensed: boolean;
     disabled: boolean;
     error: boolean;
     placeholder: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     errorMessage: string;
     ariaLabel: string;
+    readonly: boolean;
     dropdown: BentoInputDropdownProps;
     ariaHidden: boolean;
     dropdownPosition: "end" | "start" | BentoInputFieldElementPosition;

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

@@ -171,9 +171,9 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     value: string | number;
     disabled: boolean;
     indeterminate: boolean;
-    readonly: boolean;
     id: string;
     ariaLabel: string;
+    readonly: boolean;
     ariaDescribedby: string;
     hasError: boolean;
     modelValue: CheckboxInputType | CheckboxInputGroupItems;

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

@@ -163,8 +163,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
     form: string;
     disabled: boolean;
     description: string;
-    optional: boolean;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/@types/packages/vue2/src/components/internal/dialog-page/dialog-page.types.d.ts

@@ -6,6 +6,7 @@ export declare enum BentoDialogPageAnimation {
 export interface BentoDialogPageConfigData {
     activePage: Ref<string>;
     animation: Ref<string>;
+    isAnimationActive?: Ref<boolean>;
     isOpen: Ref<boolean>;
     pages: Ref<string[]>;
     previousPages: Ref<string[]>;

package/dist/@types/packages/vue2/src/components/internal/field-label/field-label.vue.d.ts

@@ -87,8 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
     required: boolean;
     label: string;
     condensed: boolean;
-    optional: boolean;
     tooltipText: string;
+    optional: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-chips/listbox-multi-select-chips.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../../../../vue3/node_modules/vue";
-import { BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../../../types";
+import { BentoListboxOptionItem, BentoListboxOptions } from "../../../../../../../types";
 /**
  * Listbox selected options chips
  *
@@ -45,7 +45,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
         required: true;
     };
 }, {}, unknown, {}, {}, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
-    "unselect-item": (value: BentoListboxValue) => void;
+    "unselect-item": (value: BentoListboxOptionItem) => void;
 } & {
     "unselect-category": (item: BentoListboxOptionItem) => void;
 }, string, import("../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
@@ -69,7 +69,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
     };
 }>> & {
     "onUnselect-category"?: (item: BentoListboxOptionItem) => any;
-    "onUnselect-item"?: (value: BentoListboxValue) => any;
+    "onUnselect-item"?: (value: BentoListboxOptionItem) => any;
 }, {
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
 }>;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts

@@ -87,41 +87,46 @@ declare const _default: import("../../../../../../../../../../../vue3/node_modul
         stronger: boolean;
         strongest: boolean;
         el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement;
-        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
-        medium: boolean;
         large: boolean;
+        medium: boolean;
+        variant: "body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant;
     }> & Omit<Readonly<import("../../../../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
-        el: {
-            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
-            default: import("../../../../../../../../typography").BentoTypographyElement;
-            validator: (value: import("../../../../../../../../typography").BentoTypographyElement) => boolean;
+        wide: {
+            type: PropType<boolean>;
+        } & {
+            default: boolean;
         };
         stronger: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
         strongest: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        variant: {
-            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
-            default: import("../../../../../../../../typography").BentoTypographyVariant;
-            validator: (value: import("../../../../../../../../typography").BentoTypographyVariant) => boolean;
-        };
-        medium: {
-            type: BooleanConstructor;
-            default: boolean;
+        el: {
+            type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../../../../../../../../typography").BentoTypographyElement>;
+        } & {
+            default: import("../../../../../../../../typography").BentoTypographyElement;
         };
         large: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-        wide: {
-            type: BooleanConstructor;
+        medium: {
+            type: PropType<boolean>;
+        } & {
             default: boolean;
         };
-    }>> & import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "variant" | "medium" | "large">>;
+        variant: {
+            type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../../../typography").BentoTypographyVariant>;
+        } & {
+            default: import("../../../../../../../../typography").BentoTypographyVariant;
+        };
+    }>> & import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, "wide" | "stronger" | "strongest" | "el" | "large" | "medium" | "variant">>;
     toggleOpen: (event: Event) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
 }, unknown, {}, {}, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, ListboxMultiSelectCategoryEvent[], ListboxMultiSelectCategoryEvent, import("../../../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts

@@ -88,10 +88,9 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
         'b-listbox-multi-select-options__static-category-option': boolean;
         'b-listbox-multi-select-options__category-option': boolean;
     }>;
-    isCategory: (option: BentoListboxOptionItem) => boolean;
     isOptionSelected: (option: any) => boolean;
     shouldShowDescription: (option: BentoListboxOptionItem) => boolean;
-    toggleCheckboxSelection: (value: BentoListboxValue) => void;
+    toggleCheckboxSelection: (option: BentoListboxOptionItem) => void;
     selectSearch: (selectedValue: any, option: any) => void;
     BentoListboxEvent: typeof BentoListboxEvent;
     ListboxMultiSelectOptionsEvent: typeof ListboxMultiSelectOptionsEvent;

package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxValue } from "../../../../../types";
+import { BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxValue } from "../../../../../types";
 /**
  * Listbox multi-select options list
  *
@@ -17,6 +17,13 @@ import { BentoListboxEvent, BentoListboxOptionItem, BentoListboxOptions, BentoLi
  * }
  */
 declare const _default: import("../../../../../../../vue3/node_modules/vue").DefineComponent<{
+    /**
+     * Indicates whether there are more items to load
+     */
+    hasMoreItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Function that allows the options to be disabled
      *
@@ -41,6 +48,16 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: PropType<BentoListboxOptions>;
         required: true;
     };
+    /**
+     * The type of `Lazy Load`.
+     * Type "automatic" will enable infinite scrolling
+     * Type "button" will enable lazy loading with "Show more" button
+     */
+    lazyLoadType: {
+        type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+        default: BentoListboxLazyLoadType;
+        validator: (value: BentoListboxLazyLoadType) => boolean;
+    };
     /**
      * Flag that indicates that an external search it's being made
      * to filter out the items inside the the multi-select listbox
@@ -56,8 +73,8 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Providing an empty array will select no options.
      */
     selectedValues: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: () => BentoListboxSelectedValue;
+        type: PropType<BentoListboxOptions>;
+        required: true;
     };
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -75,15 +92,16 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     isIndeterminate: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     isMultiLevelSelect: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     flattenedItemsList: import("../../../../../../../vue3/node_modules/vue").ComputedRef<any[]>;
-    selectedItemsList: import("../../../../../../../vue3/node_modules/vue").Ref<any>;
+    selectedItemsList: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxValue[]>;
     selectAllCheckboxText: import("../../../../../../../vue3/node_modules/vue").ComputedRef<string>;
-    selectedOptions: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxOptionItem[]>;
+    selectedOptions: import("../../../../../../../vue3/node_modules/vue").ComputedRef<BentoListboxOptions>;
+    showSelectAllCheckbox: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     slots: Readonly<{
         [name: string]: import("../../../../../../../vue3/node_modules/vue").Slot;
     }>;
     BentoListboxEvent: typeof BentoListboxEvent;
     selectAllCategory: (category: BentoListboxOptionItem) => void;
-    toggleCheckboxSelection: (eventName: any, value: BentoListboxValue) => void;
+    toggleCheckboxSelection: (eventName: any, selectedOption: BentoListboxOptionItem) => void;
     toggleSelectAll: (selectedValue: boolean) => void;
     unselectAllCategory: (category: BentoListboxOptionItem) => void;
     listboxListeners: {
@@ -93,6 +111,13 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         "keydown:end": () => void;
     };
 }, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoListboxEvent.SELECT[], BentoListboxEvent.SELECT, import("../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    /**
+     * Indicates whether there are more items to load
+     */
+    hasMoreItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Function that allows the options to be disabled
      *
@@ -117,6 +142,16 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: PropType<BentoListboxOptions>;
         required: true;
     };
+    /**
+     * The type of `Lazy Load`.
+     * Type "automatic" will enable infinite scrolling
+     * Type "button" will enable lazy loading with "Show more" button
+     */
+    lazyLoadType: {
+        type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
+        default: BentoListboxLazyLoadType;
+        validator: (value: BentoListboxLazyLoadType) => boolean;
+    };
     /**
      * Flag that indicates that an external search it's being made
      * to filter out the items inside the the multi-select listbox
@@ -132,8 +167,8 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Providing an empty array will select no options.
      */
     selectedValues: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: () => BentoListboxSelectedValue;
+        type: PropType<BentoListboxOptions>;
+        required: true;
     };
     /**
      * If enabled, dropdown will display non-selectable, static categories
@@ -148,6 +183,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
     staticCategories: boolean;
     searching: boolean;
-    selectedValues: BentoListboxSelectedValue;
+    hasMoreItems: boolean;
+    lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
 }>;
 export default _default;