@adyen/bento-vue2 1.7.0 → 1.8.0

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

@@ -36,13 +36,13 @@ declare const _default: import("vue").DefineComponent<{
                 action: {
                     icon?: any;
                     title: string;
-                    event: (event: Event) => void;
+                    event?: (event: Event) => void;
                     state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
                     inverse?: boolean;
-                    variant?: import("../../../button").BentoButtonVariant;
+                    variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                     type?: string;
                     link?: object;
                 };
@@ -93,13 +93,13 @@ declare const _default: import("vue").DefineComponent<{
                 action: {
                     icon?: any;
                     title: string;
-                    event: (event: Event) => void;
+                    event?: (event: Event) => void;
                     state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
                     inverse?: boolean;
-                    variant?: import("../../../button").BentoButtonVariant;
+                    variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                     type?: string;
                     link?: object;
                 };
@@ -143,13 +143,13 @@ declare const _default: import("vue").DefineComponent<{
                 action: {
                     icon?: any;
                     title: string;
-                    event: (event: Event) => void;
+                    event?: (event: Event) => void;
                     state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
                     inverse?: boolean;
-                    variant?: import("../../../button").BentoButtonVariant;
+                    variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                     type?: string;
                     link?: object;
                 };
@@ -194,13 +194,13 @@ declare const _default: import("vue").DefineComponent<{
                 action: {
                     icon?: any;
                     title: string;
-                    event: (event: Event) => void;
+                    event?: (event: Event) => void;
                     state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
                     inverse?: boolean;
-                    variant?: import("../../../button").BentoButtonVariant;
+                    variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                     type?: string;
                     link?: object;
                 };
@@ -244,13 +244,13 @@ declare const _default: import("vue").DefineComponent<{
                 action: {
                     icon?: any;
                     title: string;
-                    event: (event: Event) => void;
+                    event?: (event: Event) => void;
                     state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
                     inverse?: boolean;
-                    variant?: import("../../../button").BentoButtonVariant;
+                    variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                     type?: string;
                     link?: object;
                 };
@@ -294,13 +294,13 @@ declare const _default: import("vue").DefineComponent<{
                 action: {
                     icon?: any;
                     title: string;
-                    event: (event: Event) => void;
+                    event?: (event: Event) => void;
                     state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                     condensed?: boolean;
                     critical?: boolean;
                     disabled?: boolean;
                     inverse?: boolean;
-                    variant?: import("../../../button").BentoButtonVariant;
+                    variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                     type?: string;
                     link?: object;
                 };
@@ -476,6 +476,7 @@ declare const _default: import("vue").DefineComponent<{
                             (hint: string): string | number;
                         };
                     };
+                    granularity?: import("../../../internal").CalendarGranularityType;
                 };
             }[];
         };
@@ -671,6 +672,7 @@ declare const _default: import("vue").DefineComponent<{
                     (hint: string): string | number;
                 };
             };
+            granularity?: import("../../../internal").CalendarGranularityType;
         } | import("../../../..").BentoListboxValue[];
         visible?: boolean;
         value?: import("../../../..").BentoListboxValue | {
@@ -865,6 +867,7 @@ declare const _default: import("vue").DefineComponent<{
                     (hint: string): string | number;
                 };
             };
+            granularity?: import("../../../internal").CalendarGranularityType;
         } | import("../../../..").BentoListboxValue[];
         field: string;
     }>;
@@ -879,13 +882,13 @@ declare const _default: import("vue").DefineComponent<{
                     action: {
                         icon?: any;
                         title: string;
-                        event: (event: Event) => void;
+                        event?: (event: Event) => void;
                         state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
                         inverse?: boolean;
-                        variant?: import("../../../button").BentoButtonVariant;
+                        variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                         type?: string;
                         link?: object;
                     };
@@ -936,13 +939,13 @@ declare const _default: import("vue").DefineComponent<{
                     action: {
                         icon?: any;
                         title: string;
-                        event: (event: Event) => void;
+                        event?: (event: Event) => void;
                         state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
                         inverse?: boolean;
-                        variant?: import("../../../button").BentoButtonVariant;
+                        variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                         type?: string;
                         link?: object;
                     };
@@ -986,13 +989,13 @@ declare const _default: import("vue").DefineComponent<{
                     action: {
                         icon?: any;
                         title: string;
-                        event: (event: Event) => void;
+                        event?: (event: Event) => void;
                         state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
                         inverse?: boolean;
-                        variant?: import("../../../button").BentoButtonVariant;
+                        variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                         type?: string;
                         link?: object;
                     };
@@ -1037,13 +1040,13 @@ declare const _default: import("vue").DefineComponent<{
                     action: {
                         icon?: any;
                         title: string;
-                        event: (event: Event) => void;
+                        event?: (event: Event) => void;
                         state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
                         inverse?: boolean;
-                        variant?: import("../../../button").BentoButtonVariant;
+                        variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                         type?: string;
                         link?: object;
                     };
@@ -1087,13 +1090,13 @@ declare const _default: import("vue").DefineComponent<{
                     action: {
                         icon?: any;
                         title: string;
-                        event: (event: Event) => void;
+                        event?: (event: Event) => void;
                         state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
                         inverse?: boolean;
-                        variant?: import("../../../button").BentoButtonVariant;
+                        variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                         type?: string;
                         link?: object;
                     };
@@ -1137,13 +1140,13 @@ declare const _default: import("vue").DefineComponent<{
                     action: {
                         icon?: any;
                         title: string;
-                        event: (event: Event) => void;
+                        event?: (event: Event) => void;
                         state?: "start" | "loading" | import("../../../button").BentoLoadingButtonState | "success" | "fail";
                         condensed?: boolean;
                         critical?: boolean;
                         disabled?: boolean;
                         inverse?: boolean;
-                        variant?: import("../../../button").BentoButtonVariant;
+                        variant?: "primary" | "secondary" | "tertiary" | import("../../../button").BentoButtonVariant;
                         type?: string;
                         link?: object;
                     };
@@ -1319,6 +1322,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (hint: string): string | number;
                             };
                         };
+                        granularity?: import("../../../internal").CalendarGranularityType;
                     };
                 }[];
             };
@@ -1514,6 +1518,7 @@ declare const _default: import("vue").DefineComponent<{
                         (hint: string): string | number;
                     };
                 };
+                granularity?: import("../../../internal").CalendarGranularityType;
             } | import("../../../..").BentoListboxValue[];
             visible?: boolean;
             value?: import("../../../..").BentoListboxValue | {
@@ -1708,6 +1713,7 @@ declare const _default: import("vue").DefineComponent<{
                         (hint: string): string | number;
                     };
                 };
+                granularity?: import("../../../internal").CalendarGranularityType;
             } | import("../../../..").BentoListboxValue[];
             field: string;
         }[];

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

@@ -169,6 +169,7 @@ declare const _default: import("vue").DefineComponent<{
                 (hint: string): string | number;
             };
         };
+        granularity?: import("../../../internal").CalendarGranularityType;
     }>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
     isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;

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

@@ -60,6 +60,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     type: {
         type: PropType<"number" | "search" | "text" | BentoInputFieldType>;
         default: BentoInputFieldType;
@@ -151,6 +155,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: BentoInputFieldElementPosition;
         validator: (value: BentoInputFieldElementPosition) => boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
     type: {
         type: PropType<"number" | "search" | "text" | BentoInputFieldType>;
         default: BentoInputFieldType;
@@ -176,6 +184,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     placeholder: string;
     optional: boolean;
     readonly: boolean;
+    tooltipText: string;
     errorMessage: string;
     ariaLabel: string;
     dropdown: BentoInputDropdownProps;

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

@@ -1,9 +1,17 @@
 import { Ref, UnwrapNestedRefs } from 'vue';
 export { CalendarMonthFirstDayOfWeek as CalendarFirstDayOfWeek } from './components/calendar-month/index';
 export type { CalendarMonthIsDateDisabled as CalendarIsDateDisabled } from './components/calendar-month/index';
+export type CalendarGranularityType = 'daily' | 'weekly' | 'monthly';
+export interface CalendarGranularityConfig<T extends CalendarGranularityType = CalendarGranularityType> {
+    type: T;
+    earliest?: Date;
+    latest?: Date;
+    disabled?: boolean;
+}
 export interface CalendarRangeDateValue {
     startDate: Date;
     endDate: Date;
+    granularity?: CalendarGranularityType;
 }
 export type CalendarSingleDateValue = Date;
 export type CalendarValue = CalendarSingleDateValue | CalendarRangeDateValue;
@@ -11,6 +19,10 @@ interface UseCalendarPaneProps {
     isDateDisabled?: (date: Date) => boolean;
     maxRange?: Ref<number>;
     selectedDate: Ref<CalendarValue>;
+    granularity?: Ref<CalendarGranularityConfig>;
+    firstDayOfWeek: Day;
+    min?: Date;
+    max?: Date;
 }
 export type UseCalendarPane = (propRefs: UseCalendarPaneProps, emit: any) => {
     internalValue: UnwrapNestedRefs<CalendarRangeDateValue>;

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

@@ -1,12 +1,16 @@
 import { PropType } from 'vue';
 import { CalendarMonthPosition } from './components/calendar-month';
-import { CalendarValue } from './calendar.types';
+import { CalendarGranularityConfig, CalendarValue } from './calendar.types';
 declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek: {
         type: PropType<import("./calendar.types").CalendarFirstDayOfWeek>;
         default: import("./calendar.types").CalendarFirstDayOfWeek;
         validator: (value: import("./calendar.types").CalendarFirstDayOfWeek) => boolean;
     };
+    granularity: {
+        type: PropType<CalendarGranularityConfig<import("./calendar.types").CalendarGranularityType>>;
+        default: any;
+    };
     isDateDisabled: {
         type: PropType<import("./calendar.types").CalendarIsDateDisabled>;
         default: any;
@@ -172,6 +176,7 @@ declare const _default: import("vue").DefineComponent<{
                 (hint: string): string | number;
             };
         };
+        granularity?: import("./calendar.types").CalendarGranularityType;
     };
     calculateOffsetMonth: import("vue").ComputedRef<(offsetMonth: number) => Date>;
     calendarPosition: (calendarIndex: number) => CalendarMonthPosition;
@@ -185,6 +190,10 @@ declare const _default: import("vue").DefineComponent<{
         default: import("./calendar.types").CalendarFirstDayOfWeek;
         validator: (value: import("./calendar.types").CalendarFirstDayOfWeek) => boolean;
     };
+    granularity: {
+        type: PropType<CalendarGranularityConfig<import("./calendar.types").CalendarGranularityType>>;
+        default: any;
+    };
     isDateDisabled: {
         type: PropType<import("./calendar.types").CalendarIsDateDisabled>;
         default: any;
@@ -222,6 +231,7 @@ declare const _default: import("vue").DefineComponent<{
     isRange: boolean;
     min: Date;
     max: Date;
+    granularity: CalendarGranularityConfig<import("./calendar.types").CalendarGranularityType>;
     maxRange: number;
     numberOfMonths: number;
 }>;

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/composables/granular-min-max-date.d.ts

@@ -0,0 +1,2 @@
+import type { UseGranularMinMaxDate } from './granular-min-max-date.types';
+export declare const useGranularMinMaxDate: UseGranularMinMaxDate;

package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/composables/granular-min-max-date.types.d.ts

@@ -0,0 +1,13 @@
+import type { CalendarGranularityConfig } from '../../../calendar.types';
+import type { CalendarMonthFirstDayOfWeek } from '../calendar-month.types';
+export interface UseMinMaxDateProps {
+    firstDayOfWeek: CalendarMonthFirstDayOfWeek;
+    min: Date;
+    max: Date;
+}
+export type UseGranularMinMaxDate = (props: UseMinMaxDateProps) => {
+    getGranularCalendarLimits: (granularity: CalendarGranularityConfig) => {
+        min: Date;
+        max: Date;
+    };
+};

package/dist/@types/packages/vue2/src/components/internal/calendar/composables/use-granularity-adjustments.d.ts

@@ -0,0 +1,2 @@
+import type { UseGranularityAdjustments } from './use-granularity-adjustments.types';
+export declare const useGranularityAdjustments: UseGranularityAdjustments;

package/dist/@types/packages/vue2/src/components/internal/calendar/composables/use-granularity-adjustments.types.d.ts

@@ -0,0 +1,14 @@
+export type UseGranularityAdjustments = (firstDayOfWeek: Day, min?: Date, max?: Date) => {
+    adjustDateForWeekly: (date: Date, endDate?: Date) => {
+        startDate: Date;
+        endDate: Date;
+    };
+    adjustDateForMonthly: (date: Date, endDate?: Date) => {
+        startDate: Date;
+        endDate: Date;
+    };
+    adjustStartDateInputForWeekly: (date: string, formatDate: (dateToFormat?: Date) => string) => string;
+    adjustEndDateInputForWeekly: (date: string, formatDate: (dateToFormat?: Date) => string) => string;
+    adjustStartDateInputForMonthly: (date: string, formatDate: (dateToFormat?: Date) => string) => string;
+    adjustEndDateInputForMonthly: (date: string, formatDate: (dateToFormat?: Date) => string) => string;
+};

package/dist/@types/packages/vue2/src/components/internal/calendar/composables/use-granularity-memory.d.ts

@@ -0,0 +1,2 @@
+import type { UseGranularityMemory } from './use-granularity-memory.types';
+export declare const useGranularityMemory: UseGranularityMemory;

package/dist/@types/packages/vue2/src/components/internal/calendar/composables/use-granularity-memory.types.d.ts

@@ -0,0 +1,22 @@
+import type { CalendarGranularityType } from '../calendar.types';
+export type UseGranularityMemory = () => {
+    savedRanges: {
+        daily: {
+            startDate: Date;
+            endDate: Date;
+        } | null;
+        weekly: {
+            startDate: Date;
+            endDate: Date;
+        } | null;
+        monthly: {
+            startDate: Date;
+            endDate: Date;
+        } | null;
+    };
+    saveRange: (type: CalendarGranularityType, range: {
+        startDate: Date;
+        endDate: Date;
+    }) => void;
+    resetSavedRange: (type: CalendarGranularityType) => void;
+};

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

@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     description: {
         type: StringConstructor;
         default: any;

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

@@ -0,0 +1,48 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    label: string;
+    required: boolean;
+    optional: boolean;
+    tooltipText: string;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as FieldLabel } from './field-label.vue';

package/dist/@types/packages/vue2/src/components/internal/grid-layout/grid-layout.vue.d.ts

@@ -10,11 +10,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<GridLayoutContainerType>;
         default: GridLayoutContainerType;
     };
+    noGap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     computeColumnSize: (index: any) => string[];
     computedClasses: import("vue").ComputedRef<{
         'b-grid-layout--container-type-normal': boolean;
         'b-grid-layout--container-type-size': boolean;
+        'b-grid-layout--all-auto': boolean;
+        'b-grid-layout--no-gap': boolean;
     }>;
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -27,8 +33,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<GridLayoutContainerType>;
         default: GridLayoutContainerType;
     };
+    noGap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     columnWidth: GridLayoutColumnWidths;
     containerType: GridLayoutContainerType;
+    noGap: boolean;
 }>;
 export default _default;

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

@@ -3,6 +3,7 @@ export * from './calendar';
 export * from './copy';
 export * from './controls-group';
 export * from './error-message';
+export * from './field-label';
 export * from './fixed-scroller';
 export * from './grid-layout';
 export * from './listbox';

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

@@ -50,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     modal: any;
     computedAriaLabel: import("vue").ComputedRef<string>;
+    showCloseButton: import("vue").ComputedRef<boolean>;
     openModal: () => void;
     closeModalOnClickOutside: ({ target }: Event) => void;
     closeModalAfterAnimation: () => void;
@@ -63,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: string;
     }>, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
-    }>> | ((key: "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
+    }>> | ((key: "close" | "ariaLabelFallback", values?: import("vue-i18n").default.Values) => string);
     modalConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | "small" | "medium" | "large" | BentoModalSize;
         'b-modal-base__container--hide': boolean;

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

@@ -0,0 +1 @@
+export declare const POPOVER_OFFSET_INJECTION_KEY: unique symbol;

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

@@ -1,9 +1,8 @@
 import { PropType } from 'vue';
-import { PopperContainerAriaRole } from "../popper-container";
-import { BentoPopoverPositions } from './popover.types';
 import { BentoButtonActionsLayout, BentoButtonActionsList } from "../button";
+import { BentoPopoverPositions } from './popover.types';
 import { Placement } from '@floating-ui/vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -74,25 +73,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    conditionalClasses: import("vue").ComputedRef<{
-        'b-popover--small': boolean;
-        'b-popover--with-divider': boolean;
-        'b-popover--large': boolean;
-        'b-popover--fit-content': boolean;
-        'b-popover--without-space': boolean;
-    }>;
-    contentConditionalClasses: import("vue").ComputedRef<{
-        'b-popover__content--with-title': boolean;
-    }>;
-    computedAttributes: import("vue").ComputedRef<{
-        id: string;
-    }>;
-    PopperContainerAriaRole: typeof PopperContainerAriaRole;
-    dismissPopover: () => void;
-    hasSlot: (name: string) => boolean;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("placement" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
+    dismiss: () => void;
+} & {
+    placement: (placement: Placement) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -180,5 +165,14 @@ declare const _default: import("vue").DefineComponent<{
     dismissible: boolean;
     fitContent: boolean;
     withoutSpace: boolean;
+}>, {
+    image: (_: {}) => any;
+    headerIcon: (_: {}) => any;
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-structured-list-item--condensed': boolean;
     }>;
     labelTypographyVariant: import("vue").ComputedRef<BentoTypographyVariant.CAPTION | BentoTypographyVariant.BODY>;
+    computedLabelsWidth: import("vue").ComputedRef<number>;
 }, {}, {}, {}, 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.keys.d.ts

@@ -1 +1,2 @@
 export declare const STRUCTURED_LIST_CONDENSED_INJECTION_KEY: unique symbol;
+export declare const STRUCTURED_LIST_LABELS_WIDTH_INJECTION_KEY: unique symbol;

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

@@ -1,2 +1,21 @@
-declare const _default: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    labelsWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    labelsWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    labelsWidth: number;
+}>, {
+    default: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};