@dialpad/dialtone-vue 3.223.0 → 3.224.0-next.1

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

@@ -142,25 +142,35 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
-            default: string;
-            validator: (size: unknown) => boolean;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
         avatarClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         canvasClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         presence: {
@@ -182,7 +192,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         overlayClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         imageSrc: {
@@ -193,25 +203,43 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: undefined;
         };
-        iconSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (size: unknown) => boolean;
-        };
         fullName: {
             type: StringConstructor;
             default: string;
         };
-        clickable: {
+        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;
@@ -224,34 +252,43 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             initials: string;
         };
         AVATAR_PRESENCE_SIZE_MODIFIERS: {
-            md: string;
-            lg: string;
-        };
-        AVATAR_ICON_SIZES: {
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
             xs: string;
             sm: string;
             md: string;
             lg: string;
-            xl: 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 | "99+" | undefined;
-        validatedSize(): string;
+        formattedGroup(): number | "9+" | "99+" | undefined;
+        validatedSize(): string | number;
         showImage(): string | false;
     }, {
-        isIconType(): any;
         setImageListeners(): Promise<void>;
         formatInitials(): void;
-        getColor(): any;
+        readAnchorHue(): void;
         _loadedImageEventHandler(el: any): void;
         _erroredImageEventHandler(el: any): void;
         validateProps(): void;
@@ -265,25 +302,35 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
-            default: string;
-            validator: (size: unknown) => boolean;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
         avatarClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         canvasClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         presence: {
@@ -305,7 +352,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         overlayClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         imageSrc: {
@@ -316,44 +363,55 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: undefined;
         };
-        iconSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (size: unknown) => boolean;
-        };
         fullName: {
             type: StringConstructor;
             default: string;
         };
-        clickable: {
+        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;
     }>, {
+        size: string | number;
         id: string;
+        iconClass: string | unknown[] | Record<string, any>;
+        deactivated: boolean;
+        family: number;
         presence: string;
         seed: string;
+        variant: number;
         color: string;
-        size: string;
         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;
-        iconSize: string;
         fullName: string;
+        interactive: boolean;
         clickable: boolean;
         iconAriaLabel: string;
+        iconOnly: boolean;
     }, {}, {
         DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             presence: {
@@ -365,6 +423,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
+            showIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             presence: {
                 type: StringConstructor;
@@ -375,10 +437,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
+            showIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             presence: string;
             srText: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            showIcon: boolean;
+        }, {}, {
+            DtPresenceActiveIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+            DtPresenceAwayIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+            DtPresenceBusyIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+            DtPresenceDndIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtRecipeGeneralRow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         type: {
@@ -458,6 +530,40 @@ 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 | NumberConstructor)[];
+                default: number;
+                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 | NumberConstructor)[];
+                default: number;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: string | number;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
+        isDialbotType(): boolean;
+        isContactCenterType(): boolean;
+        contactCenterIconClasses(): any[];
+        avatarSize(): string;
         generalRowListeners(): Object;
         getAriaLabel(): string;
         hasActions(): string | boolean;
@@ -476,7 +582,6 @@ 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<{
@@ -546,10 +651,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onCall?: ((...args: any[]) => any) | undefined;
     }>, {
+        ariaLabel: string;
         type: string;
         color: string;
         iconSize: string;
-        ariaLabel: string;
         muted: boolean;
         selected: boolean;
         unreadCount: string;
@@ -567,9 +672,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
         }>, {}, {
             loadingEmojiJson: boolean;
@@ -584,12 +689,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
+            size: string | number;
             elementType: string;
         }, {}, {
             DtEmoji: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -598,12 +703,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     required: true;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (size: any) => boolean;
                 };
                 imgClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 ariaLabel: {
@@ -633,12 +738,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     required: true;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (size: any) => boolean;
                 };
                 imgClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 ariaLabel: {
@@ -650,7 +755,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
                 imgClass: string | unknown[] | Record<string, any>;
                 showSkeleton: boolean;
@@ -731,9 +836,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: number;
                     };
                 }>> & Readonly<{}>, {
+                    ariaLabel: string;
                     offset: number;
                     animationDuration: number;
-                    ariaLabel: string;
                     animate: boolean;
                     paragraphOption: boolean | Record<string, any>;
                     listItemOption: boolean | Record<string, any>;
@@ -773,6 +878,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -820,9 +928,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        width: string;
-                        contentClass: string;
                         animate: boolean;
+                        contentClass: string;
+                        width: string;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -832,8 +940,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -848,7 +956,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: number;
                         };
                         contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                             default: string;
                         };
                     }>, {}, {
@@ -880,8 +988,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -896,16 +1004,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: number;
                         };
                         contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                             default: string;
                         };
                     }>> & Readonly<{}>, {
+                        size: string | number;
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        animate: boolean;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
-                        animate: boolean;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         shape: {
@@ -914,8 +1022,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         shapeSize: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         paragraphs: {
                             type: ObjectConstructor;
@@ -951,8 +1059,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         shapeSize: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         paragraphs: {
                             type: ObjectConstructor;
@@ -984,10 +1092,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
+                        animate: boolean;
                         contentClass: string;
                         shape: string;
-                        animate: boolean;
-                        shapeSize: string;
+                        shapeSize: string | number;
                         paragraphs: Record<string, any>;
                         shapeClass: string;
                     }, {}, {
@@ -998,8 +1106,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (shape: unknown) => boolean;
                             };
                             size: {
-                                type: StringConstructor;
-                                default: string;
+                                type: (StringConstructor | NumberConstructor)[];
+                                default: number;
                             };
                             animationDuration: {
                                 type: NumberConstructor;
@@ -1014,7 +1122,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 default: number;
                             };
                             contentClass: {
-                                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                                 default: string;
                             };
                         }>, {}, {
@@ -1046,8 +1154,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (shape: unknown) => boolean;
                             };
                             size: {
-                                type: StringConstructor;
-                                default: string;
+                                type: (StringConstructor | NumberConstructor)[];
+                                default: number;
                             };
                             animationDuration: {
                                 type: NumberConstructor;
@@ -1062,16 +1170,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 default: number;
                             };
                             contentClass: {
-                                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                                 default: string;
                             };
                         }>> & Readonly<{}>, {
+                            size: string | number;
                             offset: number;
                             animationDuration: number;
-                            size: string;
+                            animate: boolean;
                             contentClass: string | unknown[] | Record<string, any>;
                             shape: string;
-                            animate: boolean;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                         DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                             rows: {
@@ -1094,7 +1202,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (number: any) => boolean;
                             };
                             width: {
-                                type: (StringConstructor | ArrayConstructor)[];
+                                type: (ArrayConstructor | StringConstructor)[];
                                 default: null;
                             };
                             randomWidth: {
@@ -1143,7 +1251,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 validator: (number: any) => boolean;
                             };
                             width: {
-                                type: (StringConstructor | ArrayConstructor)[];
+                                type: (ArrayConstructor | StringConstructor)[];
                                 default: null;
                             };
                             randomWidth: {
@@ -1169,10 +1277,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         }>> & Readonly<{}>, {
                             offset: number;
                             animationDuration: number;
-                            width: string | unknown[];
+                            animate: boolean;
                             contentClass: string;
+                            width: string | unknown[];
                             maxWidth: string | number;
-                            animate: boolean;
                             rows: string | number;
                             minWidth: string | number;
                             randomWidth: boolean;
@@ -1211,6 +1319,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 };
                             }>, {}, {
                                 SKELETON_HEADING_HEIGHTS: {
+                                    200: string;
+                                    300: string;
+                                    400: string;
                                     sm: string;
                                     md: string;
                                     lg: string;
@@ -1258,9 +1369,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 type: string;
                                 offset: number;
                                 animationDuration: number;
-                                width: string;
-                                contentClass: string;
                                 animate: boolean;
+                                contentClass: string;
+                                width: string;
                                 headingHeight: string;
                             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1286,7 +1397,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (number: any) => boolean;
                         };
                         width: {
-                            type: (StringConstructor | ArrayConstructor)[];
+                            type: (ArrayConstructor | StringConstructor)[];
                             default: null;
                         };
                         randomWidth: {
@@ -1335,7 +1446,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (number: any) => boolean;
                         };
                         width: {
-                            type: (StringConstructor | ArrayConstructor)[];
+                            type: (ArrayConstructor | StringConstructor)[];
                             default: null;
                         };
                         randomWidth: {
@@ -1361,10 +1472,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        width: string | unknown[];
+                        animate: boolean;
                         contentClass: string;
+                        width: string | unknown[];
                         maxWidth: string | number;
-                        animate: boolean;
                         rows: string | number;
                         minWidth: string | number;
                         randomWidth: boolean;
@@ -1403,6 +1514,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
+                                200: string;
+                                300: string;
+                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -1450,9 +1564,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: string;
                             offset: number;
                             animationDuration: number;
-                            width: string;
-                            contentClass: string;
                             animate: boolean;
+                            contentClass: string;
+                            width: string;
                             headingHeight: string;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1461,9 +1575,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             iconSize: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             text: {
                 type: StringConstructor;
@@ -1485,7 +1599,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (type: unknown) => boolean;
             };
             labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             subtle: {
@@ -1500,7 +1622,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             BADGE_TYPE_MODIFIERS: {
                 default: string;
                 info: string;
-                success: string;
+                positive: string;
                 warning: string;
                 critical: string;
                 bulletin: string;
@@ -1544,9 +1666,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validateDecorationPropCombination(): void;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             iconSize: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             text: {
                 type: StringConstructor;
@@ -1568,7 +1690,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (type: unknown) => boolean;
             };
             labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             subtle: {
@@ -1582,11 +1712,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {
             type: string;
             outlined: boolean;
-            iconSize: string;
             text: string;
+            iconSize: string | number;
             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<{
@@ -1617,6 +1749,14 @@ 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;
@@ -1631,12 +1771,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            leadingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             loading: {
@@ -1678,6 +1846,10 @@ 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;
@@ -1687,6 +1859,7 @@ 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(): {
@@ -1719,7 +1892,12 @@ 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;
-            shouldRenderIcon(): any;
+            hasStartIcon(): any;
+            hasEndIcon(): any;
+            hasBlockStartIcon(): any;
+            hasBlockEndIcon(): any;
+            hasNewIconSlots(): any;
+            shouldRenderLegacyIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1750,6 +1928,14 @@ 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;
@@ -1764,12 +1950,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            leadingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             loading: {
@@ -1815,22 +2029,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             link: boolean;
             disabled: boolean;
+            size: string | number;
             type: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            replace: boolean;
             target: string;
             circle: boolean;
             active: boolean;
             loading: boolean;
-            size: string;
-            replace: boolean;
+            underline: 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;
         }, {}, {
@@ -1840,9 +2063,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (size: any) => boolean;
                 };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 ariaLabel: {
@@ -1850,12 +2073,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (size: any) => boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1895,7 +2118,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (appendTo: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            anchorClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             message: {
@@ -1906,8 +2133,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
-                type: BooleanConstructor;
+            open: {
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             transition: {
@@ -1984,6 +2211,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             anchor(): any;
         }, {
+            getModeReferenceEl(): any;
             calculateAnchorZindex(): 651 | 400;
             hasVisibleFocus(): any;
             onEnterAnchor(e: any): void;
@@ -1993,6 +2221,7 @@ 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;
@@ -2006,6 +2235,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 touch: boolean;
                 onMount: () => void;
                 showOnCreate: boolean;
+                appendTo: any;
                 popperOptions: {
                     modifiers: ({
                         name: string;
@@ -2034,7 +2264,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             addExternalAnchorEventListeners(): void;
             removeExternalAnchorEventListeners(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, {
+            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<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -2070,7 +2325,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (appendTo: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            anchorClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             message: {
@@ -2081,8 +2340,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
-                type: BooleanConstructor;
+            open: {
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             transition: {
@@ -2109,16 +2368,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;
-            inverted: boolean;
             contentClass: string | unknown[] | Record<string, any>;
-            show: boolean;
-            transition: boolean;
+            inverted: boolean;
+            anchorClass: string | unknown[] | Record<string, any>;
             appendTo: string | HTMLElement | Record<string, any>;
             delay: boolean;
             placement: string;
@@ -2126,13 +2385,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             theme: string;
             fallbackPlacements: unknown[];
             enabled: boolean;
+            transition: boolean;
             externalAnchor: string;
             externalAnchorElement: any;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtIconPhone: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -2145,8 +2405,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             dataQA(): {};
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -2156,13 +2416,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onLoaded?: ((...args: any[]) => any) | undefined;
         }>, {
-            size: string;
+            size: string | number;
             ariaLabel: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtIconWaveform: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -2175,8 +2435,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             dataQA(): {};
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -2186,10 +2446,359 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onLoaded?: ((...args: any[]) => any) | undefined;
         }>, {
-            size: string;
+            size: string | number;
             ariaLabel: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        DtRecipeLeftbarGeneralRowIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        DtIconDialbot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                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 | NumberConstructor)[];
+                default: number;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: string | number;
+            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: any) => boolean;
+            };
+            avatarClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            canvasClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                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 | ArrayConstructor | StringConstructor)[];
+                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: any) => boolean;
+            };
+            avatarClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            canvasClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                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 | ArrayConstructor | StringConstructor)[];
+                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;
+        }>, {
+            size: string | number;
+            id: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            deactivated: boolean;
+            family: number;
+            presence: string;
+            seed: string;
+            variant: number;
+            color: string;
+            avatarClass: string | unknown[] | Record<string, any>;
+            canvasClass: 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;
+        }, {}, {
+            DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                presence: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (role: unknown) => boolean;
+                };
+                srText: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                showIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {}, {}, {}, 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;
+                };
+                showIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                presence: string;
+                srText: string;
+                showIcon: boolean;
+            }, {}, {
+                DtPresenceActiveIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+                DtPresenceAwayIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+                DtPresenceBusyIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+                DtPresenceDndIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtRecipeLeftbarGeneralRowIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
                 type: StringConstructor;
                 default: null;
@@ -2208,8 +2817,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isDialbotType(): boolean;
             getIconName(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2222,8 +2831,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2233,7 +2842,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
             contactCenterIconClasses(): any[];
@@ -2257,8 +2866,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconDialbot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2271,8 +2880,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2282,13 +2891,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconInbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2301,8 +2910,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2312,13 +2921,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconContacts: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2331,8 +2940,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2342,13 +2951,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconHash: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2361,8 +2970,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2372,13 +2981,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconThread: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2391,8 +3000,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2402,13 +3011,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconLayoutTemplate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2421,8 +3030,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2432,13 +3041,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconLock: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2451,8 +3060,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2462,13 +3071,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconSparkle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2481,8 +3090,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2492,13 +3101,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconUsers: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2511,8 +3120,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2522,13 +3131,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconExternalLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2541,8 +3150,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2552,13 +3161,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconLockFilled: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2571,8 +3180,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2582,13 +3191,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconHashBold: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2601,8 +3210,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2612,13 +3221,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAtSign: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2631,8 +3240,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2642,13 +3251,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconLaptop2: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2661,8 +3270,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2672,13 +3281,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconCalendarClock: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2691,8 +3300,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2702,7 +3311,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2713,9 +3322,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         size: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
     }>, {}, {
         loadingEmojiJson: boolean;
@@ -2730,12 +3339,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         size: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
+        size: string | number;
         elementType: string;
     }, {}, {
         DtEmoji: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2744,12 +3353,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 required: true;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             imgClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             ariaLabel: {
@@ -2779,12 +3388,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 required: true;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (t: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             imgClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             ariaLabel: {
@@ -2796,7 +3405,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
+            size: string | number;
             ariaLabel: string;
             imgClass: string | unknown[] | Record<string, any>;
             showSkeleton: boolean;
@@ -2877,9 +3486,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: number;
                 };
             }>> & Readonly<{}>, {
+                ariaLabel: string;
                 offset: number;
                 animationDuration: number;
-                ariaLabel: string;
                 animate: boolean;
                 paragraphOption: boolean | Record<string, any>;
                 listItemOption: boolean | Record<string, any>;
@@ -2919,6 +3528,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
+                        200: string;
+                        300: string;
+                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -2966,9 +3578,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: string;
                     offset: number;
                     animationDuration: number;
-                    width: string;
-                    contentClass: string;
                     animate: boolean;
+                    contentClass: string;
+                    width: string;
                     headingHeight: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2978,8 +3590,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -2994,7 +3606,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: number;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                 }>, {}, {
@@ -3026,8 +3638,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -3042,16 +3654,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: number;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    size: string | number;
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    animate: boolean;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
-                    animate: boolean;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     shape: {
@@ -3060,8 +3672,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -3097,8 +3709,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -3130,10 +3742,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
+                    animate: boolean;
                     contentClass: string;
                     shape: string;
-                    animate: boolean;
-                    shapeSize: string;
+                    shapeSize: string | number;
                     paragraphs: Record<string, any>;
                     shapeClass: string;
                 }, {}, {
@@ -3144,8 +3756,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -3160,7 +3772,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: number;
                         };
                         contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                             default: string;
                         };
                     }>, {}, {
@@ -3192,8 +3804,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -3208,16 +3820,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: number;
                         };
                         contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                             default: string;
                         };
                     }>> & Readonly<{}>, {
+                        size: string | number;
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        animate: boolean;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
-                        animate: boolean;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         rows: {
@@ -3240,7 +3852,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (number: any) => boolean;
                         };
                         width: {
-                            type: (StringConstructor | ArrayConstructor)[];
+                            type: (ArrayConstructor | StringConstructor)[];
                             default: null;
                         };
                         randomWidth: {
@@ -3289,7 +3901,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (number: any) => boolean;
                         };
                         width: {
-                            type: (StringConstructor | ArrayConstructor)[];
+                            type: (ArrayConstructor | StringConstructor)[];
                             default: null;
                         };
                         randomWidth: {
@@ -3315,10 +3927,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        width: string | unknown[];
+                        animate: boolean;
                         contentClass: string;
+                        width: string | unknown[];
                         maxWidth: string | number;
-                        animate: boolean;
                         rows: string | number;
                         minWidth: string | number;
                         randomWidth: boolean;
@@ -3357,6 +3969,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
+                                200: string;
+                                300: string;
+                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -3404,9 +4019,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: string;
                             offset: number;
                             animationDuration: number;
-                            width: string;
-                            contentClass: string;
                             animate: boolean;
+                            contentClass: string;
+                            width: string;
                             headingHeight: string;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3432,7 +4047,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (number: any) => boolean;
                     };
                     width: {
-                        type: (StringConstructor | ArrayConstructor)[];
+                        type: (ArrayConstructor | StringConstructor)[];
                         default: null;
                     };
                     randomWidth: {
@@ -3481,7 +4096,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (number: any) => boolean;
                     };
                     width: {
-                        type: (StringConstructor | ArrayConstructor)[];
+                        type: (ArrayConstructor | StringConstructor)[];
                         default: null;
                     };
                     randomWidth: {
@@ -3507,10 +4122,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    width: string | unknown[];
+                    animate: boolean;
                     contentClass: string;
+                    width: string | unknown[];
                     maxWidth: string | number;
-                    animate: boolean;
                     rows: string | number;
                     minWidth: string | number;
                     randomWidth: boolean;
@@ -3549,6 +4164,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -3596,9 +4214,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        width: string;
-                        contentClass: string;
                         animate: boolean;
+                        contentClass: string;
+                        width: string;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3607,8 +4225,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtIconUser: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -3621,8 +4239,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         dataQA(): {};
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -3632,7 +4250,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onLoaded?: ((...args: any[]) => any) | undefined;
     }>, {
-        size: string;
+        size: string | number;
         ariaLabel: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;