@adyen/bento-vue3 1.9.0 → 1.11.0

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

@@ -13,12 +13,17 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     BentoListboxEvent: typeof BentoListboxEvent;
     listboxItemRef: import("../../../../../../../vue3/node_modules/vue").Ref<any[]>;
     slots: Readonly<{
         [name: string]: import("../../../../../../../vue3/node_modules/vue").Slot;
     }>;
+    hasCategories: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
     listboxListeners: {
         "keydown:arrow-up": () => void;
@@ -45,6 +50,10 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSelect?: (...args: any[]) => any;
     "onEnter-pressed"?: (...args: any[]) => any;
@@ -53,5 +62,6 @@ declare const _default: import("../../../../../../../vue3/node_modules/vue").Def
 }, {
     isOptionDisabled: (optionValue: import("../../../../../types").BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/internal/listbox/composables/use-multi-level-items/use-multi-level-items.d.ts

@@ -0,0 +1,6 @@
+import { BentoListboxOptions } from "../../../../../types/listbox";
+import { Ref } from "../../../../../../../vue3/node_modules/vue";
+export declare const useMultiLevelItems: (itemsList: Ref<BentoListboxOptions>) => {
+    isMultiLevelSelect: import("../../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    flattenedItemsList: import("../../../../../../../vue3/node_modules/vue").ComputedRef<any[]>;
+};

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

@@ -1,2 +1,3 @@
 export { default as BentoListbox } from './listbox.vue';
 export { ListboxOptionTag } from './components/listbox-option-tag';
+export { useMultiLevelItems } from './composables/use-multi-level-items/use-multi-level-items';

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

@@ -39,6 +39,10 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noResultsMessage: {
         type: StringConstructor;
         required: true;
@@ -62,7 +66,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     isSearchResultEmpty: import("../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     limitedEmptyStateProps: import("../../../../../vue3/node_modules/vue").ComputedRef<Partial<{
         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" | "upload-files" | "wrong-environment";
+        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;
@@ -83,7 +87,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
             validator: (value: import("../../typography").BentoTypographyElement) => boolean;
         };
         image: {
-            type: PropType<"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" | "upload-files" | "wrong-environment">;
+            type: PropType<"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">;
             default: any;
             validator: (value: import("../../empty-state").BentoEmptyStateImage) => boolean;
         };
@@ -154,6 +158,10 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noResultsMessage: {
         type: StringConstructor;
         required: true;
@@ -178,6 +186,7 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
     multiple: boolean;
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
     ariaLabel: string;
     searching: any;
     loading: boolean;

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

@@ -9,4 +9,5 @@ export interface BentoMenuItem {
     icon?: VueNodeElement;
     critical?: boolean;
     indent?: boolean;
+    addDivider?: boolean;
 }

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

@@ -85,7 +85,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
 }, {
     critical: boolean;
     disabled: boolean;
-    icon: any;
+    icon: import("../../../..").VueNodeElement;
     secondaryText: string;
     chevron: boolean;
     indent: boolean;

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

@@ -27,6 +27,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         chevron?: boolean;
         icon?: import("../../../..").VueNodeElement;
         critical?: boolean;
+        addDivider?: boolean;
     } | {
         text: string;
         secondaryText: any;
@@ -37,6 +38,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         indent: boolean;
         handler: () => void;
         clickHandler: () => void;
+        addDivider: boolean;
     })[]>;
     closeMenu: () => void;
     onBackButton: () => void;

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

@@ -37,6 +37,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         'b-menu--inverse': boolean;
     }>;
     isInverseColorSet: import("../../../../vue3/node_modules/vue").Ref<boolean>;
+    hasSlot: (name: string) => boolean;
     onKeyDown: () => void;
     onKeyUp: () => void;
     closeMenu: () => void;

package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -48,7 +48,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }, {
-    modal: any;
+    modal: import("../../../../../../vue3/node_modules/vue").Ref<HTMLDialogElement>;
     computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
     showCloseButton: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     openModal: () => void;

package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { PropType, Ref } from "../../../../../../vue3/node_modules/vue";
 import { BentoModalDialogType, BentoModalEvent, BentoModalRole } from "../../modal.types";
 import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from "../../../button";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
@@ -31,14 +31,327 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
         default: boolean;
     };
 }, {
+    modalRef: Ref<{
+        $: import("../../../../../../vue3/node_modules/vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "small" | "medium" | "large" | import("../../modal.types").BentoModalSize;
+            actions: BentoButtonActionsList;
+            columnsSize: import("../../modal.types").BentoModalColumnLayoutVariant;
+            customPadding: string;
+            initiallyOpen: boolean;
+            modalRole: string;
+            overflowVisible: boolean;
+            withColumnLayout: boolean;
+        }> & Omit<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<BentoButtonActionsList>;
+                default: any;
+            };
+            columnsSize: {
+                type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
+                default: import("../../modal.types").BentoModalColumnLayoutVariant;
+            };
+            customPadding: {
+                type: StringConstructor;
+                default: any;
+            };
+            hideCloseButton: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            initiallyOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isDismissible: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            modalRole: {
+                type: StringConstructor;
+                default: BentoModalRole;
+            };
+            overflowVisible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
+                default: import("../../modal.types").BentoModalSize;
+            };
+            withColumnLayout: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onClose-modal"?: (...args: any[]) => any;
+        } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "size" | "actions" | "columnsSize" | "customPadding" | "initiallyOpen" | "modalRole" | "overflowVisible" | "withColumnLayout">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("../../../../../../vue3/node_modules/vue").Slot;
+        }>;
+        $root: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: BentoModalEvent, ...args: any[]) => void;
+        $el: any;
+        $options: import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            actions: {
+                type: PropType<BentoButtonActionsList>;
+                default: any;
+            };
+            columnsSize: {
+                type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
+                default: import("../../modal.types").BentoModalColumnLayoutVariant;
+            };
+            customPadding: {
+                type: StringConstructor;
+                default: any;
+            };
+            hideCloseButton: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            initiallyOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isDismissible: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            modalRole: {
+                type: StringConstructor;
+                default: BentoModalRole;
+            };
+            overflowVisible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
+                default: import("../../modal.types").BentoModalSize;
+            };
+            withColumnLayout: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onClose-modal"?: (...args: any[]) => any;
+        }, {
+            modal: Ref<HTMLDialogElement>;
+            computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
+            showCloseButton: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+            openModal: () => void;
+            closeModalOnClickOutside: ({ target }: Event) => void;
+            closeModalAfterAnimation: () => void;
+            startCloseModalAnimation: () => void;
+            internalModalActionClose: (event?: Event) => void;
+            hasSlot: (name: string) => boolean;
+            emitCloseEvent: () => void;
+            t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+                [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
+            }>, never, import("@intlify/core-base")._ResourcePath<{
+                [key: string]: string;
+            }>, import("@intlify/core-base")._ResourcePath<{
+                [key: string]: string;
+            }>> | ((key: "close" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
+            modalConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+                [x: string]: boolean | "small" | "medium" | "large" | import("../../modal.types").BentoModalSize;
+                'b-modal-base__container--hide': boolean;
+                'b-modal-base__container--overflow-visible': boolean;
+                'b-modal-base__container--column-layout': boolean;
+            }>;
+            modalContentConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+                'b-modal-base__content--column-layout': boolean;
+                'b-modal-base__content--with-header': boolean;
+                'b-modal-base__content--with-actions': boolean;
+            }>;
+            customPaddingStyles: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+                header?: undefined;
+                content?: undefined;
+                actions?: undefined;
+            } | {
+                header: {
+                    paddingTop: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                content: {
+                    paddingTop: any;
+                    paddingBottom: any;
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                actions: {
+                    paddingBottom: string;
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+            }>;
+            hasColumnLayout: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+            computedColumnWidth: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+                small: number;
+                medium: number;
+                large: number;
+            }[]>;
+            GridLayoutContainerType: typeof import("../../../internal").GridLayoutContainerType;
+        }, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoModalEvent[], string, {
+            size: "small" | "medium" | "large" | import("../../modal.types").BentoModalSize;
+            actions: BentoButtonActionsList;
+            columnsSize: import("../../modal.types").BentoModalColumnLayoutVariant;
+            customPadding: string;
+            initiallyOpen: boolean;
+            modalRole: string;
+            overflowVisible: boolean;
+            withColumnLayout: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("../../../../../../vue3/node_modules/vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../../../vue3/node_modules/vue").WatchStopHandle;
+    } & Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        actions: {
+            type: PropType<BentoButtonActionsList>;
+            default: any;
+        };
+        columnsSize: {
+            type: PropType<import("../../modal.types").BentoModalColumnLayoutVariant>;
+            default: import("../../modal.types").BentoModalColumnLayoutVariant;
+        };
+        customPadding: {
+            type: StringConstructor;
+            default: any;
+        };
+        hideCloseButton: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        initiallyOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isDismissible: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        modalRole: {
+            type: StringConstructor;
+            default: BentoModalRole;
+        };
+        overflowVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: PropType<"small" | "medium" | "large" | import("../../modal.types").BentoModalSize>;
+            default: import("../../modal.types").BentoModalSize;
+        };
+        withColumnLayout: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onClose-modal"?: (...args: any[]) => any;
+    } & import("../../../../../../vue3/node_modules/vue").ShallowUnwrapRef<{
+        modal: Ref<HTMLDialogElement>;
+        computedAriaLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
+        showCloseButton: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+        openModal: () => void;
+        closeModalOnClickOutside: ({ target }: Event) => void;
+        closeModalAfterAnimation: () => void;
+        startCloseModalAnimation: () => void;
+        internalModalActionClose: (event?: Event) => void;
+        hasSlot: (name: string) => boolean;
+        emitCloseEvent: () => void;
+        t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+            [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
+        }>, never, import("@intlify/core-base")._ResourcePath<{
+            [key: string]: string;
+        }>, import("@intlify/core-base")._ResourcePath<{
+            [key: string]: string;
+        }>> | ((key: "close" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
+        modalConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+            [x: string]: boolean | "small" | "medium" | "large" | import("../../modal.types").BentoModalSize;
+            'b-modal-base__container--hide': boolean;
+            'b-modal-base__container--overflow-visible': boolean;
+            'b-modal-base__container--column-layout': boolean;
+        }>;
+        modalContentConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+            'b-modal-base__content--column-layout': boolean;
+            'b-modal-base__content--with-header': boolean;
+            'b-modal-base__content--with-actions': boolean;
+        }>;
+        customPaddingStyles: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+            header?: undefined;
+            content?: undefined;
+            actions?: undefined;
+        } | {
+            header: {
+                paddingTop: string;
+                paddingLeft: string;
+                paddingRight: string;
+            };
+            content: {
+                paddingTop: any;
+                paddingBottom: any;
+                paddingLeft: string;
+                paddingRight: string;
+            };
+            actions: {
+                paddingBottom: string;
+                paddingLeft: string;
+                paddingRight: string;
+            };
+        }>;
+        hasColumnLayout: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+        computedColumnWidth: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
+            small: number;
+            medium: number;
+            large: number;
+        }[]>;
+        GridLayoutContainerType: typeof import("../../../internal").GridLayoutContainerType;
+    }> & {} & import("../../../../../../vue3/node_modules/vue").ComponentCustomProperties & {}>;
     dialogActions: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoButtonActionObject[]>;
     acknowledgementDialogActions: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         title: string;
-        event: () => void;
+        event: (event: Event) => void;
         variant: BentoButtonVariant;
     }[]>;
     onCloseModal: () => void;
-    onCloseActionButton: () => void;
+    onCloseActionButton: (event: Event) => void;
     modalDialogConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType;
     }>;

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

@@ -155,9 +155,9 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     small: boolean;
     title: string;
     large: boolean;
-    modifiers: unknown[];
     position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
     open: boolean;
+    modifiers: unknown[];
     fallbackPosition: Placement[];
     fixedPositioning: boolean;
     ariaLabel: string;

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

@@ -59,6 +59,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
 }, {
+    COMPONENT_NAME: string;
     inputValue: import("../../../../vue3/node_modules/vue").Ref<string | number>;
     errorId: string;
     isReadOnly: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;

package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-category/index.d.ts

@@ -0,0 +1 @@
+export { default as SecondaryNavCategory } from './secondary-nav-category.vue';

package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue.d.ts

@@ -0,0 +1,18 @@
+import { BentoSecondaryNavItemsItem } from '../../secondary-nav.types';
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    items: BentoSecondaryNavItemsItem[];
+}>, {}, 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<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    items: BentoSecondaryNavItemsItem[];
+}>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-item/index.d.ts

@@ -0,0 +1 @@
+export { default as SecondaryNavItem } from './secondary-nav-item.vue';

package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    value: string;
+}>, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    click: (clickEvent: MouseEvent) => 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<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    value: string;
+}>>> & {
+    onClick?: (clickEvent: MouseEvent) => any;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/@types/packages/vue2/src/components/secondary-nav/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BentoSecondaryNav } from './secondary-nav.vue';
+export * from './secondary-nav.types';

package/dist/@types/packages/vue2/src/components/secondary-nav/secondary-nav.keys.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from "../../../../vue3/node_modules/vue";
+import { BentoSecondaryNavState } from './secondary-nav.types';
+export declare const SECONDARY_NAV_STATE: InjectionKey<BentoSecondaryNavState>;

package/dist/@types/packages/vue2/src/components/secondary-nav/secondary-nav.types.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from "../../../../vue3/node_modules/vue";
+export interface BentoSecondaryNavState {
+    activeItemValue: Ref<string>;
+    updateActiveItemValue: (id: string) => void;
+}
+export interface BentoSecondaryNavItemsItem {
+    label: string;
+    value: string;
+}
+export interface BentoSecondaryNavItemsCategory {
+    label: string;
+    items: BentoSecondaryNavItemsItem[];
+}
+export type BentoSecondaryNavItems = Array<BentoSecondaryNavItemsItem | BentoSecondaryNavItemsCategory>;

package/dist/@types/packages/vue2/src/components/secondary-nav/secondary-nav.vue.d.ts

@@ -0,0 +1,22 @@
+import { BentoSecondaryNavItems } from './secondary-nav.types';
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    items: BentoSecondaryNavItems;
+    value?: string;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    change: (category: string) => 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<__VLS_TypePropsToRuntimeProps<{
+    items: BentoSecondaryNavItems;
+    value?: string;
+}>>> & {
+    onChange?: (category: string) => any;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,5 +1,4 @@
-import { PropType } from "../../../../../../vue3/node_modules/vue";
-import { BentoTypographyVariant } from "../../../typography";
+import { PropType, Ref } from "../../../../../../vue3/node_modules/vue";
 declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -25,8 +24,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         'b-structured-list-item--condensed': boolean;
     }>;
-    labelTypographyVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoTypographyVariant.CAPTION | BentoTypographyVariant.BODY>;
-    computedLabelsWidth: import("../../../../../../vue3/node_modules/vue").ComputedRef<number>;
+    labelTypographyVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<"caption" | "body">;
+    labelsWidth: Ref<string>;
 }, 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<{
     label: {
         type: StringConstructor;

package/dist/@types/packages/vue2/src/components/structured-list/structured-list.types.d.ts

@@ -0,0 +1,2 @@
+export type BentoStructuredListLayoutOptions = '25-75' | '33-66' | '42-58' | '50-50';
+export declare const BentoStructuredListLayoutOptions: string[];