@adyen/bento-vue3 1.24.0 → 1.26.0

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;

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../../../vue3/node_modules/vue";
-import { BentoListboxEvent, BentoListboxOptions, BentoListboxSelectedValue } from "../../../../../types";
+import { BentoListboxEvent, BentoListboxOptions } from "../../../../../types";
 /**
  * Listbox single-select options list
  *
@@ -47,7 +47,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Set to an empty string `''` if you don't want any of the available options to be selected
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
+        type: PropType<BentoListboxOptions>;
         default: any;
     };
     /**
@@ -60,11 +60,12 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
 }, {
     BentoListboxEvent: typeof BentoListboxEvent;
     listboxItemRef: import("../../../../../../../vue3/node_modules/vue").Ref<any[]>;
+    selectedItem: import("../../../../../../../vue3/node_modules/vue").ComputedRef<import("../../../../../types").BentoListboxOptionItem>;
     slots: Readonly<{
         [name: string]: import("../../../../../../../vue3/node_modules/vue").Slot;
     }>;
     hasCategories: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
+    onOptionSelected: (eventName: any) => (selectedOption: BentoListboxOptions) => void;
     listboxListeners: {
         "keydown:arrow-up": (event?: CustomEvent<KeyboardEvent>) => void;
         "keydown:arrow-down": (event?: CustomEvent<KeyboardEvent>) => void;
@@ -72,10 +73,10 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         "keydown:end": () => void;
     };
     listboxOptionListeners: {
-        select: (selectedValue: BentoListboxSelectedValue) => void;
-        "space-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "tab-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "enter-pressed": (selectedValue: BentoListboxSelectedValue) => void;
+        select: (selectedOption: BentoListboxOptions) => void;
+        "space-pressed": (selectedOption: BentoListboxOptions) => void;
+        "tab-pressed": (selectedOption: BentoListboxOptions) => void;
+        "enter-pressed": (selectedOption: BentoListboxOptions) => void;
     };
 }, unknown, {}, {}, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], BentoListboxEvent.SELECT | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB, 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<{
     /**
@@ -108,7 +109,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
      * Set to an empty string `''` if you don't want any of the available options to be selected
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
+        type: PropType<BentoListboxOptions>;
         default: any;
     };
     /**
@@ -125,7 +126,7 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
     "onTab-pressed"?: (...args: any[]) => any;
 }, {
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
-    selectedValue: BentoListboxSelectedValue;
+    selectedValue: BentoListboxOptions;
     staticCategories: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/composables/use-cached-selected-values/use-cached-selected-values.d.ts

@@ -14,14 +14,14 @@ import { Ref } from "../../../../../../../vue3/node_modules/vue";
  * @returns Two lists of cached items. One list with label/value pairs and one with only the values stored.
  */
 export declare const useCachedSelectedValues: (items: Ref<BentoListboxOptions>, selectedValues: Ref<BentoListboxSelectedValue>, multiple: Ref<boolean>) => {
-    cachedSelectedValues: Ref<{
+    cachedSelectedListboxOptions: Ref<{
         data?: unknown;
         description?: string;
         value: BentoListboxValue;
         items?: any[];
         label: string;
     }[]>;
-    simpleSelectedValuesCache: Ref<BentoListboxSelectedValue>;
+    cachedListboxSelectedValues: Ref<BentoListboxSelectedValue>;
     resetCache: () => void;
     setCachedValues: (newSelectedValues: BentoListboxOptions) => void;
 };

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

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
-import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEmptyStateProps, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxSelectedValue, BentoListboxVirtulisationOptions } from "../../../types";
+import { BentoKeyboardNavigationKeyDownEvent, BentoListboxEmptyStateProps, BentoListboxEvent, BentoListboxLazyLoadType, BentoListboxOptionItem, BentoListboxOptions, BentoListboxVirtulisationOptions } from "../../../types";
 import { BentoLoadingButtonState } from "../../button";
 /**
  * Listbox container.
@@ -125,8 +125,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
      * Set to an empty string `''` if you don't want any of the available options to be selected for single select
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
+        type: PropType<BentoListboxOptions>;
+        default: () => any[];
     };
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
@@ -148,8 +148,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         title: string;
         image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
         variant: "condensed" | "full-page" | "embedded" | "basic";
-        description: string;
         action: import("../../button").BentoButtonActionObject;
+        description: string;
         headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
     }> & Omit<Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
         action: {
@@ -180,7 +180,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
             default: string;
             validator: (value: import("../../empty-state").BentoEmptyStateVariant) => boolean;
         };
-    }>> & import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "description" | "action" | "headingEl">>;
+    }>> & import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, "title" | "image" | "variant" | "action" | "description" | "headingEl">>;
     loadingButtonState: import("../../../../../vue3/node_modules/vue").ComputedRef<BentoLoadingButtonState.START | BentoLoadingButtonState.LOADING>;
     slots: Readonly<{
         [name: string]: import("../../../../../vue3/node_modules/vue").Slot;
@@ -192,13 +192,13 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     BentoKeyboardNavigationKeyDownEvent: typeof BentoKeyboardNavigationKeyDownEvent;
     BentoListboxEvent: typeof BentoListboxEvent;
     onListboxContainerScroll: () => void;
-    onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
+    onOptionSelected: (eventName: any) => (selectedItem: BentoListboxOptions) => void;
     emitShowMore: () => void;
     listboxListeners: {
-        select: (selectedValue: BentoListboxSelectedValue) => void;
-        "space-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "tab-pressed": (selectedValue: BentoListboxSelectedValue) => void;
-        "enter-pressed": (selectedValue: BentoListboxSelectedValue) => void;
+        select: (selectedItem: BentoListboxOptions) => void;
+        "space-pressed": (selectedItem: BentoListboxOptions) => void;
+        "tab-pressed": (selectedItem: BentoListboxOptions) => void;
+        "enter-pressed": (selectedItem: BentoListboxOptions) => void;
     };
 }, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoListboxEvent.SELECT | BentoListboxEvent.SHOW_MORE | BentoListboxEvent.ESCAPE | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB)[], BentoListboxEvent.SELECT | BentoListboxEvent.SHOW_MORE | BentoListboxEvent.ESCAPE | BentoListboxEvent.ENTER | BentoListboxEvent.SPACE | BentoListboxEvent.TAB, 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<{
     /**
@@ -303,8 +303,8 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
      * Set to an empty string `''` if you don't want any of the available options to be selected for single select
      */
     selectedValue: {
-        type: PropType<BentoListboxSelectedValue>;
-        default: any;
+        type: PropType<BentoListboxOptions>;
+        default: () => any[];
     };
     /**
      * Enables virtual scrolling if set to true or by providing an object with itemHeight function.
@@ -324,14 +324,14 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
 }, {
     multiple: boolean;
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
-    selectedValue: BentoListboxSelectedValue;
+    selectedValue: BentoListboxOptions;
     staticCategories: boolean;
     ariaLabel: string;
     searching: any;
-    loading: boolean;
-    emptyState: BentoListboxEmptyStateProps;
     hasMoreItems: boolean;
     lazyLoadType: "button" | "none" | "automatic" | BentoListboxLazyLoadType;
+    loading: boolean;
+    emptyState: BentoListboxEmptyStateProps;
     virtualScroll: BentoListboxVirtulisationOptions;
 }>;
 export default _default;

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

@@ -137,9 +137,9 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     "onUpdate:model-value"?: (value: RadioInputValue) => any;
 }, {
     disabled: boolean;
-    readonly: boolean;
     id: string;
     ariaLabel: string;
+    readonly: boolean;
     ariaDescribedby: string;
     hasError: boolean;
     modelValue: RadioInputValue;

package/dist/@types/packages/vue2/src/components/menu/components/menu-item-list/menu-item-list.vue.d.ts

@@ -36,14 +36,14 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     subMenuFocusedIndex: import("../../../../../../vue3/node_modules/vue").Ref<number>;
     showSubMenu: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
     visibleSubMenuIndex: any;
-    toggleMenu: (item: BentoMenuItem, index: number) => Promise<void>;
+    menuItemClick: (item: BentoMenuItem, index: number) => void;
     closeMenu: () => void;
     focusPrevious: () => void;
     focusNext: () => void;
     focusRight: (item: any, index: any) => void;
     focusLeft: () => void;
     onBackButton: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoMenuEvent.CLOSE[], BentoMenuEvent.CLOSE, 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, (BentoMenuEvent.CLOSE | "menu-item-click")[], BentoMenuEvent.CLOSE | "menu-item-click", 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<{
     /**
      * The data to be displayed in the list
      */
@@ -67,6 +67,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     };
 }>> & {
     onClose?: (...args: any[]) => any;
+    "onMenu-item-click"?: (...args: any[]) => any;
 }, {
     indentItems: boolean;
     focusLastElement: boolean;

package/dist/@types/packages/vue2/src/components/menu/components/menu-list-container/menu-list-container.vue.d.ts

@@ -1,5 +1,12 @@
 /**
  * Menu list container component to set the correct styling in a menu list. For internal use only.
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, 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<{}>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, 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: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts

@@ -84,8 +84,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     onKeyDown: () => void;
     onKeyUp: () => void;
     closeMenu: () => void;
+    menuItemClick: () => void;
     toggleShowMenu: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN)[], BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN, 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, (BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click")[], BentoMenuEvent.CLOSE | BentoMenuEvent.OPEN | "menu-item-click", 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<{
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
      */
@@ -134,6 +135,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }>> & {
     onClose?: (...args: any[]) => any;
     onOpen?: (...args: any[]) => any;
+    "onMenu-item-click"?: (...args: any[]) => any;
 }, {
     button: BentoMenuButtonProps;
     teleport: boolean;

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

@@ -238,11 +238,11 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     variant: "horizontal" | "vertical" | BentoRadioGroupVariant;
     disabled: boolean;
     description: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
     errorMessage: string;
+    readonly: boolean;
     hasError: boolean;
     modelValue: import("./components/radio-button").BentoRadioButtonValue;
     formId: string;

package/dist/@types/packages/vue2/src/components/selection-card/components/selection-card-group/selection-card-group.vue.d.ts

@@ -251,13 +251,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/n
     required: boolean;
     variant: BentoSelectionCardGroupVariant;
     disabled: boolean;
-    description: string;
-    optional: boolean;
-    readonly: boolean;
     layout: BentoSelectionCardGroupLayout;
+    description: string;
     tooltipText: string;
+    optional: boolean;
     hideLabel: boolean;
     errorMessage: string;
+    readonly: boolean;
     modelValue: BentoSelectionCardModelValue;
     formId: string;
 }>, {

package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts

@@ -241,11 +241,11 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
     height: string;
     placeholder: string;
     description: string;
-    optional: boolean;
-    readonly: boolean;
     tooltipText: string;
+    optional: boolean;
     errorMessage: string;
     ariaLabel: string;
+    readonly: boolean;
     clearable: boolean;
     characterLimit: number;
     resizable: "none" | "both" | "horizontal" | "vertical" | BentoTextareaResizeOption;

package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts

@@ -119,8 +119,8 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }, {
     value: boolean;
     disabled: boolean;
-    readonly: boolean;
     ariaLabel: string;
+    readonly: boolean;
     labelPosition: "after" | "before" | BentoToggleLabelPosition;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue.d.ts

@@ -2,6 +2,7 @@ import { PropType, type default as Vue } from "../../../../../../vue3/node_modul
 import { BentoPopoverPositions } from "../../../popover";
 import { type BentoButtonActionObject } from "../../../button";
 import type { VueNodeElement } from "../../../../types";
+import type { BentoTutorialScrollOptions } from '../../tutorial.types';
 declare const _default: __VLS_WithTemplateSlots<Vue.DefineComponent<{
     /**
      * Optional configuration for the secondary action.
@@ -61,6 +62,15 @@ declare const _default: __VLS_WithTemplateSlots<Vue.DefineComponent<{
         default: import("../../../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
+    /**
+     * Options to control the scroll into view behavior.
+     * Takes the same options as the `scrollIntoView` function
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}
+     */
+    scrollOptions: {
+        type: PropType<BentoTutorialScrollOptions>;
+        default: any;
+    };
     /**
      * Indicates whether this popover is a single tutorial or a tour.
      */
@@ -166,6 +176,15 @@ declare const _default: __VLS_WithTemplateSlots<Vue.DefineComponent<{
         default: import("../../../popper-container").PopperContainerPositionExtended;
         validator: (value: BentoPopoverPositions) => boolean;
     };
+    /**
+     * Options to control the scroll into view behavior.
+     * Takes the same options as the `scrollIntoView` function
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}
+     */
+    scrollOptions: {
+        type: PropType<BentoTutorialScrollOptions>;
+        default: any;
+    };
     /**
      * Indicates whether this popover is a single tutorial or a tour.
      */
@@ -240,6 +259,7 @@ declare const _default: __VLS_WithTemplateSlots<Vue.DefineComponent<{
     active: boolean;
     action: BentoButtonActionObject;
     totalSteps: number;
+    scrollOptions: any;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/@types/packages/vue2/src/components/tutorial/tutorial.types.d.ts

@@ -11,3 +11,4 @@ export interface BentoTutorialStep {
     action?: BentoButtonActionObject;
     position?: `${BentoPopoverPositions}`;
 }
+export type BentoTutorialScrollOptions = boolean | ScrollIntoViewOptions;

package/dist/@types/packages/vue2/src/components/tutorial/tutorial.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import type { BentoTutorialStep } from './tutorial.types';
+import type { BentoTutorialScrollOptions, BentoTutorialStep } from './tutorial.types';
 /**
  * The Tutorial is a temporary popover that should be used to educate users about
  * new or unfamiliar features or experiences.
@@ -44,6 +44,15 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         required: true;
         validator: (value: BentoTutorialStep[]) => boolean;
     };
+    /**
+     * Options to control the scroll into view behavior.
+     * Takes the same options as the `scrollIntoView` function
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}
+     */
+    scrollOptions: {
+        type: PropType<BentoTutorialScrollOptions>;
+        default: any;
+    };
 }, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, 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<{
     /**
      * The steps configuration for the tutorial.
@@ -54,5 +63,16 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         required: true;
         validator: (value: BentoTutorialStep[]) => boolean;
     };
-}>>, {}>;
+    /**
+     * Options to control the scroll into view behavior.
+     * Takes the same options as the `scrollIntoView` function
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}
+     */
+    scrollOptions: {
+        type: PropType<BentoTutorialScrollOptions>;
+        default: any;
+    };
+}>>, {
+    scrollOptions: any;
+}>;
 export default _default;

package/dist/@types/packages/vue2/src/components/typography/index.d.ts

@@ -1,2 +1,2 @@
 export { default as BentoTypography } from './typography.vue';
-export * from './typography.types';
+export * from "../../../../core/src/components/typography/typography.types";

package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoTypographyElement, BentoTypographyVariant } from './typography.types';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../../core/src/components/typography/typography.types";
 /**
  * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles
  * easily to text. The variants and properties match with those found in Figma.

package/dist/@types/packages/vue2/src/composables/use-click-outside/index.d.ts

@@ -0,0 +1 @@
+export * from './use-click-outside';

package/dist/@types/packages/vue2/src/index.d.ts

@@ -50,6 +50,7 @@ export * from './components/tutorial';
 export * from './components/typography';
 export * from './composables/use-form-validate';
 export * from './composables/use-bento-toast-controller';
+export * from './composables/use-click-outside';
 export * from './templates/data-grid-template';
 export * from './types';
 export * from './directives';

package/dist/accordion.js

@@ -1,11 +1,11 @@
 import { defineComponent as C, provide as k, toRef as B, openBlock as a, createElementBlock as r, renderSlot as E, ref as b, inject as O, computed as $, watch as s, createVNode as y, unref as e, withCtx as g, createElementVNode as h, createBlock as I, createTextVNode as z, toDisplayString as A, Transition as D, normalizeStyle as H, createCommentVNode as V } from "vue";
 import { _ as N } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as w } from "./chunks/index.51fe0fc2.js";
-import { C as R, a as j } from "./chunks/chevron-up.638a9f34.js";
+import { B as w } from "./chunks/index.a3d60e4f.js";
+import { C as R, a as j } from "./chunks/chevron-up.05ca20db.js";
 import { g as x } from "./chunks/unique-id.a2a2b458.js";
 import { o as M } from "./chunks/resize.a041304d.js";
 import { u as U } from "./chunks/use-expandable-content-height.62fc84e5.js";
-import "./assets/index9.css";
+import "./assets/index10.css";
 const S = Symbol("accordion title size injection key"), q = { class: "b-accordion" }, J = {}, K = /* @__PURE__ */ C({
   ...J,
   __name: "accordion",

package/dist/action-bar.js

@@ -1,13 +1,13 @@
 import { onMounted as k, nextTick as B, getCurrentScope as z, onScopeDispose as H, unref as o, getCurrentInstance as x, ref as _, watch as A, watchEffect as U, computed as y, defineComponent as Y, toRefs as K, provide as Q, openBlock as S, createBlock as I, Transition as $, withCtx as w, createElementVNode as V, normalizeClass as q, createElementBlock as J, createVNode as N, createCommentVNode as Z, createTextVNode as X, toDisplayString as W } from "vue";
-import { a as ee } from "./chunks/button.ce5d1f5e.js";
-import { B as te } from "./chunks/index.51fe0fc2.js";
-import { B as ne } from "./chunks/button-actions-with-menu.305991e5.js";
-import { C as ae } from "./chunks/cross.26509efc.js";
+import { a as ee } from "./chunks/button.60dad578.js";
+import { B as te } from "./chunks/index.a3d60e4f.js";
+import { B as ne } from "./chunks/button-actions-with-menu.7fce47a2.js";
+import { C as ae } from "./chunks/cross.a60533f6.js";
 import { u as oe } from "./chunks/i18n.f7e6533e.js";
-import { P as ie } from "./chunks/index.920cc1ee.js";
-import { B as se } from "./chunks/button-actions.ea025810.js";
+import { P as ie } from "./chunks/index.5bdebf9d.js";
+import { B as se } from "./chunks/button-actions.642b37de.js";
 import { _ as ce } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index35.css";
+import "./assets/index17.css";
 function P(e) {
   return z() ? (H(e), !0) : !1;
 }