@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

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

@@ -1,4 +1,4 @@
-import { removeClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
@@ -77,40 +77,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;
@@ -129,6 +95,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     typingTooltip(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
+    addClassStyleAttrs: typeof addClassStyleAttrs;
     validateProps(): void;
     adjustLabelWidth(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "call"[], "call", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -200,8 +167,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;
@@ -425,9 +392,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;
@@ -475,8 +439,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>;
@@ -487,8 +451,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;
@@ -535,8 +499,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;
@@ -557,7 +521,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;
@@ -569,8 +533,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;
@@ -606,8 +570,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;
@@ -642,7 +606,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;
                 }, {}, {
@@ -653,8 +617,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;
@@ -701,8 +665,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;
@@ -723,7 +687,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;
@@ -824,8 +788,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;
@@ -866,9 +830,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;
@@ -916,8 +877,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>;
@@ -1019,8 +980,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;
@@ -1061,9 +1022,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;
@@ -1111,8 +1069,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>;
@@ -1149,14 +1107,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;
@@ -1169,7 +1119,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;
@@ -1240,14 +1190,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;
@@ -1264,8 +1206,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<{
@@ -1296,14 +1236,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;
@@ -1318,42 +1250,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;
@@ -1393,10 +1297,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;
@@ -1406,7 +1306,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(): {
@@ -1439,12 +1338,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<{
@@ -1475,14 +1369,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;
@@ -1497,42 +1383,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;
@@ -1580,27 +1438,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;
     }, {}, {
@@ -1668,10 +1517,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;
@@ -1680,8 +1525,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        open: {
-            type: (BooleanConstructor | null)[];
+        show: {
+            type: BooleanConstructor;
             default: null;
         };
         transition: {
@@ -1758,7 +1603,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
-        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -1809,32 +1653,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;
@@ -1873,10 +1692,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;
@@ -1885,8 +1700,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        open: {
-            type: (BooleanConstructor | null)[];
+        show: {
+            type: BooleanConstructor;
             default: null;
         };
         transition: {
@@ -1913,17 +1728,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;
+        contentClass: string | unknown[] | Record<string, any>;
+        show: boolean;
         transition: boolean;
-        anchorClass: string | unknown[] | Record<string, any>;
         appendTo: string | HTMLElement;
         delay: boolean;
         placement: string;
@@ -1994,341 +1808,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;