@adyen/bento-vue2 1.9.0 → 1.11.0

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

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

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

@@ -13,10 +13,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     BentoListboxEvent: typeof BentoListboxEvent;
     listboxItemRef: import("vue").Ref<any[]>;
     slots: import("vue/types/v3-setup-context").Slots;
+    hasCategories: import("vue").ComputedRef<boolean>;
     onOptionSelected: (eventName: any) => (selectedValue: BentoListboxSelectedValue) => void;
     listboxListeners: {
         "keydown:arrow-up": () => void;
@@ -43,8 +48,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxSelectedValue>;
         default: any;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     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 'vue';
+export declare const useMultiLevelItems: (itemsList: Ref<BentoListboxOptions>) => {
+    isMultiLevelSelect: import("vue").ComputedRef<boolean>;
+    flattenedItemsList: import("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("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noResultsMessage: {
         type: StringConstructor;
         required: true;
@@ -66,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
     limitedEmptyStateProps: import("vue").ComputedRef<Readonly<Partial<{
         description: string;
         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";
         action: import("../../button").BentoButtonActionObject;
         headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
@@ -86,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -115,7 +119,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
         };
@@ -184,6 +188,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    staticCategories: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     noResultsMessage: {
         type: StringConstructor;
         required: true;
@@ -205,6 +213,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
     selectedValue: BentoListboxSelectedValue;
+    staticCategories: boolean;
     ariaLabel: string;
     searching: boolean;
     emptyState: BentoListboxEmptyStateProps;

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

@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     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("vue").DefineComponent<{
         chevron?: boolean;
         icon?: import("../../../..").VueNodeElement;
         critical?: boolean;
+        addDivider?: boolean;
     } | {
         text: string;
         secondaryText: any;
@@ -37,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         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("vue").DefineComponent<{
         'b-menu--inverse': boolean;
     }>;
     isInverseColorSet: import("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("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    modal: any;
+    modal: import("vue").Ref<HTMLDialogElement>;
     computedAriaLabel: import("vue").ComputedRef<string>;
     showCloseButton: import("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 'vue';
+import { PropType, Ref } from 'vue';
 import { BentoModalDialogType, BentoModalEvent, BentoModalRole } from "../../modal.types";
 import { BentoButtonActionObject, BentoButtonActionsList, BentoButtonVariant } from "../../../button";
 declare const _default: import("vue").DefineComponent<{
@@ -31,14 +31,262 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    modalRef: Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("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;
+        };
+    }>>, Readonly<import("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;
+        };
+    }>>, BentoModalEvent[], {
+        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;
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("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;
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{
+        modal: Ref<HTMLDialogElement>;
+        computedAriaLabel: import("vue").ComputedRef<string>;
+        showCloseButton: import("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("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("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("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("vue").ComputedRef<boolean>;
+        computedColumnWidth: import("vue").ComputedRef<{
+            small: number;
+            medium: number;
+            large: number;
+        }[]>;
+        GridLayoutContainerType: typeof import("../../../internal").GridLayoutContainerType;
+    }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("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;
+        };
+    }>>>;
     dialogActions: import("vue").ComputedRef<BentoButtonActionObject[]>;
     acknowledgementDialogActions: import("vue").ComputedRef<{
         title: string;
-        event: () => void;
+        event: (event: Event) => void;
         variant: BentoButtonVariant;
     }[]>;
     onCloseModal: () => void;
-    onCloseActionButton: () => void;
+    onCloseActionButton: (event: Event) => void;
     modalDialogConditionalClasses: import("vue").ComputedRef<{
         [x: string]: "confirmation" | "destructive" | "info" | "acknowledgement" | BentoModalDialogType;
     }>;

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

@@ -59,6 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: BentoRadioGroupVariant) => boolean;
     };
 }, {
+    COMPONENT_NAME: string;
     inputValue: import("vue").Ref<string | number>;
     errorId: string;
     isReadOnly: import("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("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    items: BentoSecondaryNavItemsItem[];
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('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,19 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    value: string;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    click: (clickEvent: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    value: string;
+}>>>, {}>;
+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('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('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 '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 '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,20 @@
+import { BentoSecondaryNavItems } from './secondary-nav.types';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    items: BentoSecondaryNavItems;
+    value?: string;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    change: (category: string) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    items: BentoSecondaryNavItems;
+    value?: string;
+}>>>, {}>;
+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('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('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 'vue';
-import { BentoTypographyVariant } from "../../../typography";
+import { PropType, Ref } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -25,8 +24,8 @@ declare const _default: import("vue").DefineComponent<{
     conditionalClasses: import("vue").ComputedRef<{
         'b-structured-list-item--condensed': boolean;
     }>;
-    labelTypographyVariant: import("vue").ComputedRef<BentoTypographyVariant.CAPTION | BentoTypographyVariant.BODY>;
-    computedLabelsWidth: import("vue").ComputedRef<number>;
+    labelTypographyVariant: import("vue").ComputedRef<"caption" | "body">;
+    labelsWidth: Ref<string>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("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[];

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

@@ -1,14 +1,27 @@
+import { PropType } from 'vue';
+import { BentoStructuredListLayoutOptions } from './structured-list.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     labelsWidth: {
         type: NumberConstructor;
-        default: number;
+        default: any;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    layout: {
+        type: PropType<BentoStructuredListLayoutOptions>;
+        default: string;
+        validator: (value: BentoStructuredListLayoutOptions) => boolean;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     labelsWidth: {
         type: NumberConstructor;
-        default: number;
+        default: any;
+    };
+    layout: {
+        type: PropType<BentoStructuredListLayoutOptions>;
+        default: string;
+        validator: (value: BentoStructuredListLayoutOptions) => boolean;
     };
 }>>, {
+    layout: BentoStructuredListLayoutOptions;
     labelsWidth: number;
 }>, {
     default: (_: {}) => any;