@dialpad/dialtone-vue 3.220.0-next.7 → 3.221.0

package/dist/recipes/leftbar/group_row/group_row.vue.d.ts

@@ -173,40 +173,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             'd-recipe-leftbar-row--action-focused': boolean;
         })[];
         getIcon(): string;
-        getIconComponent(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-        }>, {}, {}, {
-            iconSizeClass(): any;
-            ariaHidden(): "true" | "false";
-            dataQA(): {};
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-        }>> & Readonly<{
-            onLoaded?: ((...args: any[]) => any) | undefined;
-        }>, {
-            size: string;
-            ariaLabel: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
-        isDialbotType(): boolean;
-        isContactCenterType(): boolean;
-        contactCenterIconClasses(): any[];
-        avatarSize(): string;
         generalRowListeners(): Object;
         getAriaLabel(): string;
         hasActions(): string | boolean;
@@ -225,6 +191,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         typingTooltip(): any;
     }, {
         removeClassStyleAttrs: typeof import('../../../common/utils').removeClassStyleAttrs;
+        addClassStyleAttrs: typeof import('../../../common/utils').addClassStyleAttrs;
         validateProps(): void;
         adjustLabelWidth(): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "call"[], "call", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -296,8 +263,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         type: string;
         color: string;
-        ariaLabel: string;
         iconSize: string;
+        ariaLabel: string;
         muted: boolean;
         selected: boolean;
         unreadCount: string;
@@ -521,9 +488,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
-                            200: string;
-                            300: string;
-                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -571,8 +535,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        contentClass: string;
                         width: string;
+                        contentClass: string;
                         animate: boolean;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -583,8 +547,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
+                            type: StringConstructor;
+                            default: string;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -631,8 +595,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
+                            type: StringConstructor;
+                            default: string;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -653,7 +617,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        size: string | number;
+                        size: string;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
                         animate: boolean;
@@ -665,8 +629,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         shapeSize: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
+                            type: StringConstructor;
+                            default: string;
                         };
                         paragraphs: {
                             type: ObjectConstructor;
@@ -702,8 +666,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         shapeSize: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
+                            type: StringConstructor;
+                            default: string;
                         };
                         paragraphs: {
                             type: ObjectConstructor;
@@ -738,7 +702,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         contentClass: string;
                         shape: string;
                         animate: boolean;
-                        shapeSize: string | number;
+                        shapeSize: string;
                         paragraphs: Record<string, any>;
                         shapeClass: string;
                     }, {}, {
@@ -749,8 +713,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (shape: unknown) => boolean;
                             };
                             size: {
-                                type: (StringConstructor | NumberConstructor)[];
-                                default: number;
+                                type: StringConstructor;
+                                default: string;
                             };
                             animationDuration: {
                                 type: NumberConstructor;
@@ -797,8 +761,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (shape: unknown) => boolean;
                             };
                             size: {
-                                type: (StringConstructor | NumberConstructor)[];
-                                default: number;
+                                type: StringConstructor;
+                                default: string;
                             };
                             animationDuration: {
                                 type: NumberConstructor;
@@ -819,7 +783,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         }>> & Readonly<{}>, {
                             offset: number;
                             animationDuration: number;
-                            size: string | number;
+                            size: string;
                             contentClass: string | unknown[] | Record<string, any>;
                             shape: string;
                             animate: boolean;
@@ -920,8 +884,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         }>> & Readonly<{}>, {
                             offset: number;
                             animationDuration: number;
-                            contentClass: string;
                             width: string | unknown[];
+                            contentClass: string;
                             maxWidth: string | number;
                             animate: boolean;
                             rows: string | number;
@@ -962,9 +926,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 };
                             }>, {}, {
                                 SKELETON_HEADING_HEIGHTS: {
-                                    200: string;
-                                    300: string;
-                                    400: string;
                                     sm: string;
                                     md: string;
                                     lg: string;
@@ -1012,8 +973,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 type: string;
                                 offset: number;
                                 animationDuration: number;
-                                contentClass: string;
                                 width: string;
+                                contentClass: string;
                                 animate: boolean;
                                 headingHeight: string;
                             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1115,8 +1076,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        contentClass: string;
                         width: string | unknown[];
+                        contentClass: string;
                         maxWidth: string | number;
                         animate: boolean;
                         rows: string | number;
@@ -1157,9 +1118,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
-                                200: string;
-                                300: string;
-                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -1207,8 +1165,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: string;
                             offset: number;
                             animationDuration: number;
-                            contentClass: string;
                             width: string;
+                            contentClass: string;
                             animate: boolean;
                             headingHeight: string;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1245,14 +1203,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             subtle: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1265,7 +1215,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             BADGE_TYPE_MODIFIERS: {
                 default: string;
                 info: string;
-                positive: string;
+                success: string;
                 warning: string;
                 critical: string;
                 bulletin: string;
@@ -1336,14 +1286,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             subtle: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1360,8 +1302,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             kind: string;
             decoration: string;
             labelClass: string | unknown[] | Record<string, any>;
-            startIconClass: string | unknown[] | Record<string, any>;
-            endIconClass: string | unknown[] | Record<string, any>;
             subtle: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1392,14 +1332,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            linkUnderline: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            underline: {
-                type: BooleanConstructor;
-                default: null;
-            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1414,42 +1346,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            leadingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            trailingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockStartIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockEndIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1489,10 +1393,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
-                start: string;
-                end: string;
-                blockStart: string;
-                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -1502,7 +1402,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
-            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -1535,12 +1434,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            hasStartIcon(): any;
-            hasEndIcon(): any;
-            hasBlockStartIcon(): any;
-            hasBlockEndIcon(): any;
-            hasNewIconSlots(): any;
-            shouldRenderLegacyIcon(): any;
+            shouldRenderIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1571,14 +1465,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            linkUnderline: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            underline: {
-                type: BooleanConstructor;
-                default: null;
-            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1593,42 +1479,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            leadingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            trailingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockStartIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockEndIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1676,27 +1534,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            size: string | number;
-            iconClass: string | unknown[] | Record<string, any>;
-            replace: boolean;
             loading: boolean;
-            underline: boolean;
+            size: string;
+            replace: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
-            startIconClass: string | unknown[] | Record<string, any>;
-            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
-            linkUnderline: boolean;
             width: string;
-            leadingClass: string | unknown[] | Record<string, any>;
-            trailingClass: string | unknown[] | Record<string, any>;
-            blockStartIconClass: string | unknown[] | Record<string, any>;
-            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -1764,10 +1613,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             message: {
                 type: StringConstructor;
                 default: string;
@@ -1776,8 +1621,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            open: {
-                type: (BooleanConstructor | null)[];
+            show: {
+                type: BooleanConstructor;
                 default: null;
             };
             transition: {
@@ -1854,7 +1699,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             anchor(): any;
         }, {
-            getModeReferenceEl(): any;
             calculateAnchorZindex(): 651 | 400;
             hasVisibleFocus(): any;
             onEnterAnchor(e: any): void;
@@ -1864,7 +1708,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onChangePlacement(placement: any): void;
             onHide(): void;
             onShow(tooltipInstance: any, callingMethod: any): false | undefined;
-            resolveAppendTo(): any;
             setProps(): void;
             onMount(): void;
             tooltipHasContent(tooltipInstance: any): boolean;
@@ -1878,7 +1721,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 touch: boolean;
                 onMount: () => void;
                 showOnCreate: boolean;
-                appendTo: any;
                 popperOptions: {
                     modifiers: ({
                         name: string;
@@ -1907,32 +1749,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             addExternalAnchorEventListeners(): void;
             removeExternalAnchorEventListeners(): void;
-        }, {
-            props: {
-                contentMode: {
-                    type: StringConstructor;
-                    default: null;
-                    validator: (v: any) => boolean;
-                };
-            };
-            data(): {
-                modeContrast: string;
-                modeResolved: null;
-            };
-            computed: {
-                modeAttrs(): any;
-            };
-            watch: {
-                contentMode(): void;
-            };
-            mounted(): void;
-            beforeUnmount(): void;
-            methods: {
-                getModeReferenceEl(): HTMLElement | null;
-                setupModeObservers(): void;
-                cleanupModeObservers(): void;
-            };
-        }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -1971,10 +1788,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             message: {
                 type: StringConstructor;
                 default: string;
@@ -1983,8 +1796,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            open: {
-                type: (BooleanConstructor | null)[];
+            show: {
+                type: BooleanConstructor;
                 default: null;
             };
             transition: {
@@ -2011,16 +1824,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
         }>> & Readonly<{
-            "onUpdate:open"?: ((...args: any[]) => any) | undefined;
             onShown?: ((...args: any[]) => any) | undefined;
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
         }>, {
             id: string;
             offset: unknown[];
-            open: boolean | null;
             message: string;
-            contentClass: string | unknown[] | Record<string, any>;
             inverted: boolean;
-            anchorClass: string | unknown[] | Record<string, any>;
+            contentClass: string | unknown[] | Record<string, any>;
+            show: boolean;
+            transition: boolean;
             appendTo: string | HTMLElement;
             delay: boolean;
             placement: string;
@@ -2028,7 +1841,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             theme: string;
             fallbackPlacements: unknown[];
             enabled: boolean;
-            transition: boolean;
             externalAnchor: string;
             externalAnchorElement: HTMLElement;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2092,341 +1904,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: string;
             ariaLabel: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtIconDialbot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-        }>, {}, {}, {
-            iconSizeClass(): any;
-            ariaHidden(): "true" | "false";
-            dataQA(): {};
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
-            };
-            ariaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-        }>> & Readonly<{
-            onLoaded?: ((...args: any[]) => any) | undefined;
-        }>, {
-            size: string;
-            ariaLabel: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            seed: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            family: {
-                type: NumberConstructor;
-                default: undefined;
-                validator: (val: unknown) => boolean;
-            };
-            variant: {
-                type: NumberConstructor;
-                default: undefined;
-                validator: (val: unknown) => boolean;
-            };
-            color: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-                validator: (size: unknown) => boolean;
-            };
-            avatarClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            canvasClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            presence: {
-                type: StringConstructor;
-                default: string;
-                validator: (state: unknown) => boolean;
-            };
-            presenceProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            group: {
-                type: NumberConstructor;
-                default: undefined;
-                validator: (group: unknown) => boolean;
-            };
-            overlayText: {
-                type: StringConstructor;
-                default: string;
-            };
-            overlayClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            imageSrc: {
-                type: StringConstructor;
-                default: string;
-            };
-            imageAlt: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            fullName: {
-                type: StringConstructor;
-                default: string;
-            };
-            interactive: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            clickable: {
-                type: BooleanConstructor;
-                default: null;
-            };
-            iconAriaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            iconOnly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            deactivated: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {
-            AVATAR_SIZE_MODIFIERS: {
-                100: string;
-                150: string;
-                200: string;
-                250: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            AVATAR_KIND_MODIFIERS: {
-                default: string;
-                icon: string;
-                initials: string;
-            };
-            AVATAR_PRESENCE_SIZE_MODIFIERS: {
-                100: string;
-                150: string;
-                200: string;
-                250: string;
-                300: string;
-                400: string;
-                500: string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-            imageLoadedSuccessfully: null;
-            formattedInitials: string;
-            initializing: boolean;
-            hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
-            anchorHue: number;
-        }, {
-            resolvedInteractive(): boolean;
-            hasOverlayIcon(): any;
-            isIconType(): any;
-            iconDataQa(): "dt-avatar-icon";
-            computedFamily(): number | undefined;
-            computedVariant(): number | undefined;
-            avatarClasses(): any[];
-            avatarStyles(): {
-                '--avatar-color-background': string;
-            }[] | undefined;
-            overlayClasses(): (string | unknown[] | Record<string, any>)[];
-            showGroup(): boolean;
-            formattedGroup(): number | "9+" | "99+" | undefined;
-            validatedSize(): string | number;
-            showImage(): string | false;
-        }, {
-            setImageListeners(): Promise<void>;
-            formatInitials(): void;
-            readAnchorHue(): void;
-            _loadedImageEventHandler(el: any): void;
-            _erroredImageEventHandler(el: any): void;
-            validateProps(): void;
-            handleClick(e: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                default(): string;
-            };
-            seed: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            family: {
-                type: NumberConstructor;
-                default: undefined;
-                validator: (val: unknown) => boolean;
-            };
-            variant: {
-                type: NumberConstructor;
-                default: undefined;
-                validator: (val: unknown) => boolean;
-            };
-            color: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-                validator: (size: unknown) => boolean;
-            };
-            avatarClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            canvasClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            presence: {
-                type: StringConstructor;
-                default: string;
-                validator: (state: unknown) => boolean;
-            };
-            presenceProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            group: {
-                type: NumberConstructor;
-                default: undefined;
-                validator: (group: unknown) => boolean;
-            };
-            overlayText: {
-                type: StringConstructor;
-                default: string;
-            };
-            overlayClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            imageSrc: {
-                type: StringConstructor;
-                default: string;
-            };
-            imageAlt: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            fullName: {
-                type: StringConstructor;
-                default: string;
-            };
-            interactive: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            clickable: {
-                type: BooleanConstructor;
-                default: null;
-            };
-            iconAriaLabel: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            iconOnly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            deactivated: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
-        }>, {
-            id: string;
-            family: number;
-            presence: string;
-            seed: string;
-            variant: number;
-            color: string;
-            size: string | number;
-            avatarClass: string | unknown[] | Record<string, any>;
-            canvasClass: string | unknown[] | Record<string, any>;
-            iconClass: string | unknown[] | Record<string, any>;
-            presenceProps: Record<string, any>;
-            group: number;
-            overlayText: string;
-            overlayClass: string | unknown[] | Record<string, any>;
-            imageSrc: string;
-            imageAlt: string;
-            fullName: string;
-            interactive: boolean;
-            clickable: boolean;
-            iconAriaLabel: string;
-            iconOnly: boolean;
-            deactivated: boolean;
-        }, {}, {
-            DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                presence: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (role: unknown) => boolean;
-                };
-                srText: {
-                    type: StringConstructor;
-                    default: null;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                presence: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (role: unknown) => boolean;
-                };
-                srText: {
-                    type: StringConstructor;
-                    default: null;
-                };
-            }>> & Readonly<{}>, {
-                presence: string;
-                srText: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtRecipeLeftbarGeneralRowIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
                 type: StringConstructor;