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

package/dist/recipes/conversation_view/message_input/message_input_link.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -83,7 +83,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (padding: unknown) => boolean;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentWidth: {
@@ -118,7 +118,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -126,6 +126,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        focustrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
@@ -163,16 +167,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        anchorClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        footerWrapperClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         dialogClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         initialFocusElement: {
@@ -225,6 +241,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -289,9 +306,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
             focusTrappedTabPress(e: object, el: object): void;
         };
+    } | {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
     }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -325,7 +367,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (padding: unknown) => boolean;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentWidth: {
@@ -360,7 +402,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -368,6 +410,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        focustrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
@@ -405,16 +451,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        anchorClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        footerWrapperClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         dialogClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         initialFocusElement: {
@@ -446,36 +504,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
         "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
     }>, {
+        ariaLabel: string;
         id: string;
         offset: unknown[];
-        open: boolean;
-        ariaLabel: string;
+        open: boolean | null;
+        headerClass: string | unknown[] | Record<string, any>;
+        contentClass: string | unknown[] | Record<string, any>;
         role: string;
         dialogClass: string | unknown[] | Record<string, any>;
+        padding: string;
         maxHeight: string;
-        contentClass: string | unknown[] | Record<string, any>;
-        headerClass: string | unknown[] | Record<string, any>;
         footerClass: string | unknown[] | Record<string, any>;
         elementType: string;
-        transition: string;
+        anchorClass: string | unknown[] | Record<string, any>;
         maxWidth: string;
         appendTo: string | HTMLElement | Record<string, any>;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         boundary: string | HTMLElement | Record<string, any>;
         fallbackPlacements: unknown[];
         tether: boolean;
+        transition: string;
         externalAnchor: string;
         externalAnchorElement: any;
         showCloseButton: boolean;
         openOnContext: boolean;
         ariaLabelledby: string;
-        padding: string;
         contentWidth: string;
         contentAppear: boolean;
         contentTabindex: number;
+        closeOnClick: boolean;
         modal: boolean;
+        focustrap: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement | Record<string, any>;
         openWithArrowKeys: boolean;
     }, {}, {
@@ -490,8 +552,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {}, {}, {
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -504,8 +566,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: {
@@ -515,7 +577,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>;
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -546,6 +608,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;
@@ -560,12 +630,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: {
@@ -607,6 +705,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;
@@ -616,6 +718,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../..').hasSlotContent;
                 i18n: any;
             }, {
+                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -648,7 +751,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<{
@@ -679,6 +787,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;
@@ -693,12 +809,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: {
@@ -744,22 +888,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;
             }, {}, {
@@ -769,9 +922,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: {
@@ -779,12 +932,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>;
@@ -829,8 +982,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             showCloseButton: {
@@ -849,8 +1006,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             showCloseButton: {
@@ -861,6 +1022,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClose?: ((...args: any[]) => any) | undefined;
         }>, {
             contentClass: string | unknown[] | Record<string, any>;
+            wrapperClass: string | unknown[] | Record<string, any>;
             showCloseButton: boolean;
         }, {}, {
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -891,6 +1053,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;
@@ -905,12 +1075,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: {
@@ -952,6 +1150,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;
@@ -961,6 +1163,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../..').hasSlotContent;
                 i18n: any;
             }, {
+                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -993,7 +1196,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<{
@@ -1024,6 +1232,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;
@@ -1038,12 +1254,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: {
@@ -1089,22 +1333,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;
             }, {}, {
@@ -1114,9 +1367,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: {
@@ -1124,19 +1377,19 @@ 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>;
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -1149,8 +1402,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: {
@@ -1160,7 +1413,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>;
@@ -1187,7 +1440,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1195,21 +1448,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        size: {
-            type: StringConstructor;
+        descriptionClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
-            validator: (t: unknown) => boolean;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
         inputClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         inputWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        rootClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         currentLength: {
@@ -1228,6 +1481,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
     }>, {}, {
         isInputFocused: boolean;
         isInvalid: boolean;
@@ -1235,17 +1510,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../..').hasSlotContent;
         isComposing: boolean;
         justEndedComposition: boolean;
-        labelSizeClasses: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        descriptionSizeClasses: {
-            lg: string;
-            xl: string;
-        };
+        messagesId: string;
     }, {
         isTextarea(): boolean;
         isDefaultSize(): boolean;
@@ -1264,6 +1529,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         descriptionKey(): string;
         inputState(): string | null;
+        ariaInvalid(): "true" | undefined;
+        ariaDescribedBy(): string | undefined;
         defaultLengthCalculation(): number;
         validationProps(): {
             length: {
@@ -1281,11 +1548,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         shouldValidateLength(): boolean;
         shouldLimitMaxLength(): any;
         showLengthLimitValidation(): any;
+        resolvedLabelSize(): string | number;
+        resolvedDescriptionSize(): any;
+        resolvedDescriptionDensity(): "300" | undefined;
         sizeModifierClass(): any;
         stateClass(): any[];
     }, {
         removeClassStyleAttrs: typeof import('../../..').removeClassStyleAttrs;
-        addClassStyleAttrs: typeof import('../../..').addClassStyleAttrs;
         inputClasses(): any[];
         inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
         calculateLength(value: any): number;
@@ -1301,10 +1570,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         getMessageKey(type: any, index: any): string;
         validateLength(length: any): void;
         clearInput(): void;
+        runValidations(): void;
     }, {
         props: {
             messagesClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             messagesChildProps: {
@@ -1324,7 +1594,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computed: {
             formattedMessages(): any;
         };
-    }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         name: {
             type: StringConstructor;
             default: string;
@@ -1346,7 +1616,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1354,21 +1624,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        size: {
-            type: StringConstructor;
+        descriptionClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
-            validator: (t: unknown) => boolean;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
         inputClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         inputWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        rootClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         currentLength: {
@@ -1387,8 +1657,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
     }>> & Readonly<{
-        onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onFocusin?: ((...args: any[]) => any) | undefined;
@@ -1402,13 +1693,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disabled: boolean;
         modelValue: string | number;
         name: string;
+        size: string | number;
         type: string;
         hidden: boolean;
-        size: string;
         description: string;
+        labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         validate: Record<string, any>;
-        rootClass: string | unknown[] | Record<string, any>;
-        labelVisible: boolean;
+        showLabel: boolean;
+        labelSize: string | number;
+        labelStrength: string;
+        descriptionClass: string | unknown[] | Record<string, any>;
         inputClass: string | unknown[] | Record<string, any>;
         inputWrapperClass: string | unknown[] | Record<string, any>;
         currentLength: number;
@@ -1428,12 +1724,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
         }>, {}, {}, {
-            isFilteredValidationMessagesEmpty(): boolean;
             filteredValidationMessages(): any;
             validationState(): string | null;
         }, {
             getMessageKey(type: any, index: any): string;
+            iconForType(type: any): any;
             messageTypeClass(type: any): any;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
@@ -1449,60 +1749,399 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
         }>> & Readonly<{}>, {
             id: string;
             validationMessages: unknown[];
             showMessages: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        circle: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        iconPosition: {
-            type: StringConstructor;
-            default: string;
-            validator: (position: unknown) => boolean;
-        };
-        importance: {
-            type: StringConstructor;
-            default: string;
-            validator: (i: unknown) => boolean;
-        };
-        link: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        linkKind: {
-            type: StringConstructor;
-            default: string;
-            validator: (lk: unknown) => boolean;
-        };
-        linkInverted: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (t: unknown) => boolean;
-        };
-        width: {
+            iconClass: string | unknown[] | Record<string, any>;
+        }, {}, {
+            DtIconAlertTriangle: 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>;
+            DtIconAlertCircle: 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>;
+            DtIconCheckCircle: 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>;
+            DtIconInfo: 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>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            family: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            italic: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>, {}, {}, {
+            textClasses(): string[];
+            textStyles(): {
+                '--dt-text-line-clamp': number;
+            } | undefined;
+        }, {
+            usesHeadlineVisualStyle(): boolean;
+            usesLegacyKindSize(): boolean;
+            getVariantClass(): any;
+            getFontSizeClass(): any;
+            getModifierClass(value: any, modifiers: any, propName: any): any;
+            getAlignClass(): any;
+            getToneClass(): any;
+            getWrapClass(): any;
+            getTextBoxTrimClass(): any;
+            getStrengthClass(): any;
+            getDensityClass(): any;
+            getFamilyClass(): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            family: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            italic: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+            family: string;
+            wrap: string;
+            variant: string;
+            italic: boolean;
+            kind: string;
+            as: string;
+            tone: string;
+            align: string;
+            truncate: boolean;
+            maxLines: number;
+            numeric: boolean;
+            textBoxTrim: string;
+            strength: string;
+            density: string | number;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        circle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
             type: StringConstructor;
+            default: string;
+            validator: (position: unknown) => boolean;
+        };
+        importance: {
+            type: StringConstructor;
+            default: string;
+            validator: (i: unknown) => boolean;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkKind: {
+            type: StringConstructor;
+            default: string;
+            validator: (lk: unknown) => boolean;
+        };
+        linkInverted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
             default: null;
         };
-        size: {
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
             type: StringConstructor;
             default: string;
-            validator: (s: unknown) => boolean;
+            validator: (t: unknown) => boolean;
+        };
+        width: {
+            type: StringConstructor;
+            default: null;
+        };
+        size: {
+            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: {
@@ -1544,6 +2183,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;
@@ -1553,6 +2196,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../..').hasSlotContent;
         i18n: any;
     }, {
+        resolvedUnderline(): boolean;
         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         isNativeButton(): boolean;
         computedAttrs(): {
@@ -1585,7 +2229,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<{
@@ -1616,26 +2265,62 @@ 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;
         };
-        type: {
-            type: StringConstructor;
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        width: {
+            type: StringConstructor;
+            default: null;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
+        };
+        labelClass: {
+            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;
-            validator: (t: unknown) => boolean;
         };
-        width: {
-            type: StringConstructor;
-            default: null;
+        blockStartIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
         };
-        size: {
-            type: StringConstructor;
+        blockEndIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
-            validator: (s: unknown) => boolean;
         };
-        labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        iconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         loading: {
@@ -1681,22 +2366,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;
     }, {}, {
@@ -1706,9 +2400,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: {
@@ -1716,12 +2410,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>;
@@ -1795,8 +2489,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtIconLink2: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -1809,8 +2503,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: {
@@ -1820,7 +2514,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>;
     DtRecipeMessageInputButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1899,6 +2593,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;
@@ -1913,12 +2615,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: {
@@ -1960,6 +2690,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;
@@ -1969,6 +2703,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../..').hasSlotContent;
             i18n: any;
         }, {
+            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -2001,7 +2736,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<{
@@ -2032,6 +2772,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;
@@ -2046,12 +2794,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: {
@@ -2097,22 +2873,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;
         }, {}, {
@@ -2122,9 +2907,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: {
@@ -2132,12 +2917,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>;
@@ -2177,7 +2962,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: {
@@ -2188,8 +2977,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
-                type: BooleanConstructor;
+            open: {
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             transition: {
@@ -2266,6 +3055,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             anchor(): any;
         }, {
+            getModeReferenceEl(): any;
             calculateAnchorZindex(): 651 | 400;
             hasVisibleFocus(): any;
             onEnterAnchor(e: any): void;
@@ -2275,6 +3065,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;
@@ -2288,6 +3079,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 touch: boolean;
                 onMount: () => void;
                 showOnCreate: boolean;
+                appendTo: any;
                 popperOptions: {
                     modifiers: ({
                         name: string;
@@ -2316,7 +3108,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;
@@ -2352,7 +3169,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: {
@@ -2363,8 +3184,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
-                type: BooleanConstructor;
+            open: {
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             transition: {
@@ -2391,16 +3212,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;
@@ -2408,6 +3229,7 @@ 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>;
@@ -2498,8 +3320,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             icons(): {
                 '{plus}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2512,8 +3334,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: {
@@ -2523,13 +3345,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>;
                 '{win}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2542,8 +3364,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: {
@@ -2553,13 +3375,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>;
                 '{arrow-right}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2572,8 +3394,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: {
@@ -2583,13 +3405,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>;
                 '{arrow-left}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2602,8 +3424,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: {
@@ -2613,13 +3435,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>;
                 '{arrow-up}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2632,8 +3454,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: {
@@ -2643,13 +3465,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>;
                 '{arrow-down}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2662,8 +3484,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: {
@@ -2673,13 +3495,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>;
                 '{cmd}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2692,8 +3514,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: {
@@ -2703,13 +3525,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>;
                 '{opt}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2722,8 +3544,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: {
@@ -2733,7 +3555,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>;
             };
@@ -2760,8 +3582,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconLayoutGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2774,8 +3596,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: {
@@ -2785,13 +3607,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>;
             DtIconArrowRight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2804,8 +3626,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: {
@@ -2815,13 +3637,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>;
             DtIconArrowLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2834,8 +3656,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: {
@@ -2845,13 +3667,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>;
             DtIconArrowUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2864,8 +3686,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: {
@@ -2875,13 +3697,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>;
             DtIconArrowDown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2894,8 +3716,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: {
@@ -2905,13 +3727,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>;
             DtIconCommand: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2924,8 +3746,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: {
@@ -2935,13 +3757,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>;
             DtIconOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2954,8 +3776,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: {
@@ -2965,13 +3787,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>;
             DtIconPlus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2984,8 +3806,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: {
@@ -2995,9 +3817,186 @@ 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>;
+            DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tone: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                align: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                truncate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLines: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                numeric: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wrap: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                textBoxTrim: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                strength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                density: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+            }>, {}, {}, {
+                textClasses(): string[];
+                textStyles(): {
+                    '--dt-text-line-clamp': number;
+                } | undefined;
+            }, {
+                usesHeadlineVisualStyle(): boolean;
+                usesLegacyKindSize(): boolean;
+                getVariantClass(): any;
+                getFontSizeClass(): any;
+                getModifierClass(value: any, modifiers: any, propName: any): any;
+                getAlignClass(): any;
+                getToneClass(): any;
+                getWrapClass(): any;
+                getTextBoxTrimClass(): any;
+                getStrengthClass(): any;
+                getDensityClass(): any;
+                getFamilyClass(): any;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tone: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                align: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                truncate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLines: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                numeric: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wrap: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                textBoxTrim: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                strength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                density: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+                family: string;
+                wrap: string;
+                variant: string;
+                italic: boolean;
+                kind: string;
+                as: string;
+                tone: string;
+                align: string;
+                truncate: boolean;
+                maxLines: number;
+                numeric: boolean;
+                textBoxTrim: string;
+                strength: string;
+                density: string | number;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;