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

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

@@ -1,4 +1,4 @@
-import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
@@ -77,6 +77,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;
@@ -95,7 +129,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     typingTooltip(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
-    addClassStyleAttrs: typeof addClassStyleAttrs;
     validateProps(): void;
     adjustLabelWidth(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "call"[], "call", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -165,10 +198,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;
@@ -186,9 +219,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;
@@ -203,12 +236,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<{
@@ -217,12 +250,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: {
@@ -252,12 +285,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: {
@@ -269,7 +302,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;
@@ -350,9 +383,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>;
@@ -392,6 +425,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;
@@ -439,9 +475,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<{
@@ -451,8 +487,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;
@@ -467,7 +503,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: number;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                 }>, {}, {
@@ -499,8 +535,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;
@@ -515,16 +551,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: {
@@ -533,8 +569,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;
@@ -570,8 +606,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;
@@ -603,10 +639,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;
                 }, {}, {
@@ -617,8 +653,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;
@@ -633,7 +669,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: number;
                         };
                         contentClass: {
-                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                             default: string;
                         };
                     }>, {}, {
@@ -665,8 +701,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;
@@ -681,16 +717,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: {
@@ -713,7 +749,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (number: any) => boolean;
                         };
                         width: {
-                            type: (StringConstructor | ArrayConstructor)[];
+                            type: (ArrayConstructor | StringConstructor)[];
                             default: null;
                         };
                         randomWidth: {
@@ -762,7 +798,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (number: any) => boolean;
                         };
                         width: {
-                            type: (StringConstructor | ArrayConstructor)[];
+                            type: (ArrayConstructor | StringConstructor)[];
                             default: null;
                         };
                         randomWidth: {
@@ -788,10 +824,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;
@@ -830,6 +866,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;
@@ -877,9 +916,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>;
@@ -905,7 +944,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (number: any) => boolean;
                     };
                     width: {
-                        type: (StringConstructor | ArrayConstructor)[];
+                        type: (ArrayConstructor | StringConstructor)[];
                         default: null;
                     };
                     randomWidth: {
@@ -954,7 +993,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (number: any) => boolean;
                     };
                     width: {
-                        type: (StringConstructor | ArrayConstructor)[];
+                        type: (ArrayConstructor | StringConstructor)[];
                         default: null;
                     };
                     randomWidth: {
@@ -980,10 +1019,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;
@@ -1022,6 +1061,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;
@@ -1069,9 +1111,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>;
@@ -1080,9 +1122,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;
@@ -1104,7 +1146,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: {
@@ -1119,7 +1169,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;
@@ -1163,9 +1213,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;
@@ -1187,7 +1237,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: {
@@ -1201,11 +1259,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<{
@@ -1236,6 +1296,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;
@@ -1250,12 +1318,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: {
@@ -1297,6 +1393,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;
@@ -1306,6 +1406,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(): {
@@ -1338,7 +1439,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<{
@@ -1369,6 +1475,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;
@@ -1383,12 +1497,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: {
@@ -1434,22 +1576,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;
     }, {}, {
@@ -1459,9 +1610,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: {
@@ -1469,12 +1620,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>;
@@ -1514,7 +1665,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: {
@@ -1525,8 +1680,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -1603,6 +1758,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
+        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -1612,6 +1768,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;
@@ -1625,6 +1782,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
+            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -1653,7 +1811,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;
@@ -1689,7 +1872,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: {
@@ -1700,8 +1887,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -1728,16 +1915,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;
@@ -1745,13 +1932,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: {
@@ -1764,8 +1952,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: {
@@ -1775,13 +1963,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: {
@@ -1794,8 +1982,38 @@ 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 | 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>;
+    DtIconDialbot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
             type: StringConstructor;
-            default: string;
+            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: {
@@ -1805,9 +2023,328 @@ 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>;
+    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;
@@ -1827,8 +2364,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: {
@@ -1841,8 +2378,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: {
@@ -1852,7 +2389,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[];
@@ -1876,8 +2413,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: {
@@ -1890,8 +2427,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: {
@@ -1901,13 +2438,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: {
@@ -1920,8 +2457,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: {
@@ -1931,13 +2468,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: {
@@ -1950,8 +2487,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: {
@@ -1961,13 +2498,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: {
@@ -1980,8 +2517,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: {
@@ -1991,13 +2528,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: {
@@ -2010,8 +2547,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: {
@@ -2021,13 +2558,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: {
@@ -2040,8 +2577,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: {
@@ -2051,13 +2588,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: {
@@ -2070,8 +2607,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: {
@@ -2081,13 +2618,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: {
@@ -2100,8 +2637,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: {
@@ -2111,13 +2648,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: {
@@ -2130,8 +2667,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: {
@@ -2141,13 +2678,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: {
@@ -2160,8 +2697,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: {
@@ -2171,13 +2708,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: {
@@ -2190,8 +2727,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: {
@@ -2201,13 +2738,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: {
@@ -2220,8 +2757,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: {
@@ -2231,13 +2768,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: {
@@ -2250,8 +2787,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: {
@@ -2261,13 +2798,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: {
@@ -2280,8 +2817,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: {
@@ -2291,13 +2828,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: {
@@ -2310,8 +2847,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: {
@@ -2321,7 +2858,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>;