@dialpad/dialtone-vue 3.223.0-next.3 → 3.223.1

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

@@ -1,5 +1,5 @@
 import { default as lastActiveNodes } from './last_active_nodes';
-import { removeClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     richText: {
         type: BooleanConstructor;
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
         default: string;
     };
-    allowTyping: {
+    preventTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -157,7 +157,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     linkDialogOpen: boolean;
     selectedText: string;
     text: string;
-    showLinkBubbleMenu: boolean;
+    hideLinkBubbleMenu: boolean;
     i18n: any;
 }, {
     showSendIcon(): boolean;
@@ -174,6 +174,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     cancelButtonLabel(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
+    addClassStyleAttrs: typeof addClassStyleAttrs;
     linkDialogOpened(value: any): void;
     handleTopbarClick(type: any): void;
     initLinkDialog(): void;
@@ -189,7 +190,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     toggleEmojiPicker(): void;
     onSend(): void;
     onCancel(): void;
-    onUpdateModelValue(event: any): void;
+    onInput(event: any): void;
     onTextInput(event: any): void;
     onMarkdownInput(event: any): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "add-emoji" | "selected-command" | "text-input" | "markdown-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media" | "emoji-scroll-bottom-reached")[], "cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "add-emoji" | "selected-command" | "text-input" | "markdown-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media" | "emoji-scroll-bottom-reached", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -210,7 +211,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
         default: string;
     };
-    allowTyping: {
+    preventTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -356,7 +357,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     placeholder: string;
     inputClass: string;
     editable: boolean;
-    allowTyping: boolean;
+    preventTyping: boolean;
     inputAriaLabel: string;
     autoFocus: string | number | boolean;
     outputFormat: string;
@@ -409,14 +410,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        linkUnderline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        underline: {
-            type: BooleanConstructor;
-            default: null;
-        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -431,42 +424,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
+            type: StringConstructor;
+            default: string;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        leadingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        trailingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockStartIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockEndIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -506,10 +471,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>, {}, {
         ICON_POSITION_MODIFIERS: {
-            start: string;
-            end: string;
-            blockStart: string;
-            blockEnd: string;
             left: string;
             right: string;
             top: string;
@@ -519,7 +480,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         i18n: any;
     }, {
-        resolvedUnderline(): boolean;
         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         isNativeButton(): boolean;
         computedAttrs(): {
@@ -552,12 +512,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         buttonClasses(): any[];
         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-        hasStartIcon(): any;
-        hasEndIcon(): any;
-        hasBlockStartIcon(): any;
-        hasBlockEndIcon(): any;
-        hasNewIconSlots(): any;
-        shouldRenderLegacyIcon(): any;
+        shouldRenderIcon(): any;
         isIconOnly(): any;
         isVerticalIconLayout(): boolean;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -588,14 +543,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        linkUnderline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        underline: {
-            type: BooleanConstructor;
-            default: null;
-        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -610,42 +557,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
+            type: StringConstructor;
+            default: string;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        leadingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        trailingClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockStartIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        blockEndIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -689,31 +608,22 @@ 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;
-        underline: boolean;
+        size: string;
+        replace: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
-        startIconClass: string | unknown[] | Record<string, any>;
-        endIconClass: string | unknown[] | Record<string, any>;
         href: string;
         to: string | Record<string, any>;
         iconPosition: string;
         importance: string;
         linkKind: string;
         linkInverted: boolean;
-        linkUnderline: boolean;
         width: string;
-        leadingClass: string | unknown[] | Record<string, any>;
-        trailingClass: string | unknown[] | Record<string, any>;
-        blockStartIconClass: string | unknown[] | Record<string, any>;
-        blockEndIconClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {
@@ -800,7 +710,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                showLabel: {
+                labelVisible: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -808,13 +718,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                descriptionClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (t: unknown) => boolean;
                 };
                 inputClass: {
@@ -825,6 +731,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                rootClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 currentLength: {
                     type: NumberConstructor;
                     default: null;
@@ -841,29 +751,8 @@ 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 | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
             }>> & Readonly<{
+                onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onFocusin?: ((...args: any[]) => any) | undefined;
@@ -879,7 +768,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 isComposing: boolean;
                 justEndedComposition: boolean;
-                messagesId: string;
+                labelSizeClasses: {
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                descriptionSizeClasses: {
+                    lg: string;
+                    xl: string;
+                };
             }, {
                 isTextarea(): boolean;
                 isDefaultSize(): boolean;
@@ -898,8 +797,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 descriptionKey(): string;
                 inputState(): string | null;
-                ariaInvalid(): "true" | undefined;
-                ariaDescribedBy(): string | undefined;
                 defaultLengthCalculation(): number;
                 validationProps(): {
                     length: {
@@ -917,13 +814,11 @@ 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 removeClassStyleAttrs;
+                addClassStyleAttrs: typeof addClassStyleAttrs;
                 inputClasses(): any[];
                 inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
                 calculateLength(value: any): number;
@@ -939,7 +834,6 @@ 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: {
@@ -963,23 +857,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computed: {
                     formattedMessages(): any;
                 };
-            }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], import('vue').PublicProps, {
+            }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], import('vue').PublicProps, {
                 label: string;
                 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>;
-                showLabel: boolean;
-                labelSize: string | number;
-                labelStrength: string;
-                descriptionClass: string | unknown[] | Record<string, any>;
+                rootClass: string | unknown[] | Record<string, any>;
+                labelVisible: boolean;
                 inputClass: string | unknown[] | Record<string, any>;
                 inputWrapperClass: string | unknown[] | Record<string, any>;
                 currentLength: number;
@@ -999,16 +888,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        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: {
@@ -1024,313 +909,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                 }>> & Readonly<{}>, {
                     id: string;
                     validationMessages: unknown[];
                     showMessages: boolean;
-                    iconClass: string | unknown[] | Record<string, any>;
-                }, {}, {
-                    DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {
-                        iconSizeClass(): any;
-                        ariaHidden(): "true" | "false";
-                        dataQA(): {};
-                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{
-                        onLoaded?: ((...args: any[]) => any) | undefined;
-                    }>, {
-                        size: string;
-                        ariaLabel: string;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {
-                        iconSizeClass(): any;
-                        ariaHidden(): "true" | "false";
-                        dataQA(): {};
-                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{
-                        onLoaded?: ((...args: any[]) => any) | undefined;
-                    }>, {
-                        size: string;
-                        ariaLabel: string;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {
-                        iconSizeClass(): any;
-                        ariaHidden(): "true" | "false";
-                        dataQA(): {};
-                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{
-                        onLoaded?: ((...args: any[]) => any) | undefined;
-                    }>, {
-                        size: string;
-                        ariaLabel: string;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {
-                        iconSizeClass(): any;
-                        ariaHidden(): "true" | "false";
-                        dataQA(): {};
-                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
-                        };
-                        ariaLabel: {
-                            type: StringConstructor;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{
-                        onLoaded?: ((...args: any[]) => any) | undefined;
-                    }>, {
-                        size: string;
-                        ariaLabel: string;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                }, {}, 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>;
             } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
@@ -1370,7 +952,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                showLabel: {
+                labelVisible: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -1378,13 +960,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                descriptionClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (t: unknown) => boolean;
                 };
                 inputClass: {
@@ -1395,6 +973,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                rootClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 currentLength: {
                     type: NumberConstructor;
                     default: null;
@@ -1411,29 +993,8 @@ 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 | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
             }>> & Readonly<{
+                onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onFocusin?: ((...args: any[]) => any) | undefined;
@@ -1449,7 +1010,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 isComposing: boolean;
                 justEndedComposition: boolean;
-                messagesId: string;
+                labelSizeClasses: {
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+                descriptionSizeClasses: {
+                    lg: string;
+                    xl: string;
+                };
             }, {
                 formattedMessages(): any;
             } & {
@@ -1470,8 +1041,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 descriptionKey(): string;
                 inputState(): string | null;
-                ariaInvalid(): "true" | undefined;
-                ariaDescribedBy(): string | undefined;
                 defaultLengthCalculation(): number;
                 validationProps(): {
                     length: {
@@ -1489,13 +1058,11 @@ 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[];
             }, import('vue').MethodOptions & {
                 removeClassStyleAttrs: typeof removeClassStyleAttrs;
+                addClassStyleAttrs: typeof addClassStyleAttrs;
                 inputClasses(): any[];
                 inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
                 calculateLength(value: any): number;
@@ -1511,24 +1078,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getMessageKey(type: any, index: any): string;
                 validateLength(length: any): void;
                 clearInput(): void;
-                runValidations(): void;
             }, {
                 label: string;
                 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>;
-                showLabel: boolean;
-                labelSize: string | number;
-                labelStrength: string;
-                descriptionClass: string | unknown[] | Record<string, any>;
+                rootClass: string | unknown[] | Record<string, any>;
+                labelVisible: boolean;
                 inputClass: string | unknown[] | Record<string, any>;
                 inputWrapperClass: string | unknown[] | Record<string, any>;
                 currentLength: number;
@@ -1621,7 +1182,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1629,13 +1190,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        descriptionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
+            type: StringConstructor;
+            default: string;
             validator: (t: unknown) => boolean;
         };
         inputClass: {
@@ -1646,6 +1203,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        rootClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         currentLength: {
             type: NumberConstructor;
             default: null;
@@ -1662,28 +1223,6 @@ 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 | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
     }>, {}, {
         isInputFocused: boolean;
         isInvalid: boolean;
@@ -1691,7 +1230,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         isComposing: boolean;
         justEndedComposition: boolean;
-        messagesId: string;
+        labelSizeClasses: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        descriptionSizeClasses: {
+            lg: string;
+            xl: string;
+        };
     }, {
         isTextarea(): boolean;
         isDefaultSize(): boolean;
@@ -1710,8 +1259,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         descriptionKey(): string;
         inputState(): string | null;
-        ariaInvalid(): "true" | undefined;
-        ariaDescribedBy(): string | undefined;
         defaultLengthCalculation(): number;
         validationProps(): {
             length: {
@@ -1729,13 +1276,11 @@ 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 removeClassStyleAttrs;
+        addClassStyleAttrs: typeof addClassStyleAttrs;
         inputClasses(): any[];
         inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
         calculateLength(value: any): number;
@@ -1751,7 +1296,6 @@ 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: {
@@ -1775,7 +1319,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computed: {
             formattedMessages(): any;
         };
-    }, 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<{
+    }, 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<{
         name: {
             type: StringConstructor;
             default: string;
@@ -1797,7 +1341,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1805,13 +1349,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        descriptionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
+            type: StringConstructor;
+            default: string;
             validator: (t: unknown) => boolean;
         };
         inputClass: {
@@ -1822,6 +1362,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        rootClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         currentLength: {
             type: NumberConstructor;
             default: null;
@@ -1838,29 +1382,8 @@ 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 | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        startIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        endIconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
     }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onFocusin?: ((...args: any[]) => any) | undefined;
@@ -1874,18 +1397,13 @@ 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>;
-        showLabel: boolean;
-        labelSize: string | number;
-        labelStrength: string;
-        descriptionClass: string | unknown[] | Record<string, any>;
+        rootClass: string | unknown[] | Record<string, any>;
+        labelVisible: boolean;
         inputClass: string | unknown[] | Record<string, any>;
         inputWrapperClass: string | unknown[] | Record<string, any>;
         currentLength: number;
@@ -1905,16 +1423,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                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: {
@@ -1930,318 +1444,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
         }>> & Readonly<{}>, {
             id: string;
             validationMessages: unknown[];
             showMessages: boolean;
-            iconClass: string | unknown[] | Record<string, any>;
-        }, {}, {
-            DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>, {}, {}, {
-                iconSizeClass(): any;
-                ariaHidden(): "true" | "false";
-                dataQA(): {};
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: undefined;
-                };
-            }>> & Readonly<{
-                onLoaded?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: string;
-                ariaLabel: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, 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>;
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
-            type: (BooleanConstructor | null)[];
+            type: BooleanConstructor;
             default: null;
         };
         openOnContext: {
@@ -2310,7 +1521,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2318,14 +1529,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        focustrap: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
         };
+        boundary: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (boundary: unknown) => boolean;
+        };
         placement: {
             type: StringConstructor;
             default: string;
@@ -2351,22 +1566,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        headerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        footerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -2425,7 +1628,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
-        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -2447,8 +1649,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 options: {
                     altAxis: boolean;
                     tether: boolean;
+                    boundary: string;
                     fallbackPlacements?: undefined;
-                    boundary?: undefined;
                 };
                 enabled?: undefined;
             })[];
@@ -2490,34 +1692,9 @@ 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 | null)[];
+            type: BooleanConstructor;
             default: null;
         };
         openOnContext: {
@@ -2586,7 +1763,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2594,14 +1771,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        focustrap: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
         };
+        boundary: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (boundary: unknown) => boolean;
+        };
         placement: {
             type: StringConstructor;
             default: string;
@@ -2627,22 +1808,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
-        headerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        footerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -2680,39 +1849,36 @@ 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 | null;
-        headerClass: string | unknown[] | Record<string, any>;
-        contentClass: string | unknown[] | Record<string, any>;
+        open: boolean;
+        ariaLabel: string;
         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;
-        anchorClass: string | unknown[] | Record<string, any>;
+        transition: string;
         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;
     }, {}, {
@@ -2783,14 +1949,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2805,42 +1963,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2880,10 +2010,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
-                    start: string;
-                    end: string;
-                    blockStart: string;
-                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -2893,7 +2019,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 i18n: any;
             }, {
-                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -2926,12 +2051,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): any;
+                shouldRenderIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2962,14 +2082,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2984,54 +2096,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                kind: {
+                    type: StringConstructor;
                     default: string;
+                    validator: (k: unknown) => boolean;
                 };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                kind: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (k: unknown) => boolean;
-                };
-                assertiveOnFocus: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
                 active: {
                     type: BooleanConstructor;
@@ -3063,31 +2147,22 @@ 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;
-                underline: boolean;
+                size: string;
+                replace: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
-                startIconClass: string | unknown[] | Record<string, any>;
-                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
-                linkUnderline: boolean;
                 width: string;
-                leadingClass: string | unknown[] | Record<string, any>;
-                trailingClass: string | unknown[] | Record<string, any>;
-                blockStartIconClass: string | unknown[] | Record<string, any>;
-                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3157,10 +2232,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -3181,10 +2252,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
-            wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -3197,7 +2264,6 @@ 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<{
@@ -3228,14 +2294,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3250,42 +2308,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3325,10 +2355,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
-                    start: string;
-                    end: string;
-                    blockStart: string;
-                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -3338,7 +2364,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 i18n: any;
             }, {
-                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -3371,12 +2396,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): any;
+                shouldRenderIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3407,14 +2427,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3429,42 +2441,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3508,31 +2492,22 @@ 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;
-                underline: boolean;
+                size: string;
+                replace: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
-                startIconClass: string | unknown[] | Record<string, any>;
-                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
-                linkUnderline: boolean;
                 width: string;
-                leadingClass: string | unknown[] | Record<string, any>;
-                trailingClass: string | unknown[] | Record<string, any>;
-                blockStartIconClass: string | unknown[] | Record<string, any>;
-                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -4075,14 +3050,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -4097,42 +3064,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -4172,10 +3111,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
-                    start: string;
-                    end: string;
-                    blockStart: string;
-                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -4185,7 +3120,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 i18n: any;
             }, {
-                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -4218,12 +3152,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): any;
+                shouldRenderIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -4254,14 +3183,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -4276,42 +3197,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -4355,31 +3248,22 @@ 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;
-                underline: boolean;
+                size: string;
+                replace: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
-                startIconClass: string | unknown[] | Record<string, any>;
-                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
-                linkUnderline: boolean;
                 width: string;
-                leadingClass: string | unknown[] | Record<string, any>;
-                trailingClass: string | unknown[] | Record<string, any>;
-                blockStartIconClass: string | unknown[] | Record<string, any>;
-                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -4447,10 +3331,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -4459,8 +3339,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -4528,8 +3408,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             options: {
                                 altAxis: boolean;
                                 tether: boolean;
+                                boundary: string;
                                 fallbackPlacements?: undefined;
-                                boundary?: undefined;
                             };
                             enabled?: undefined;
                         })[];
@@ -4537,7 +3417,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
-                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -4547,7 +3426,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChangePlacement(placement: any): void;
                 onHide(): void;
                 onShow(tooltipInstance: any, callingMethod: any): false | undefined;
-                resolveAppendTo(): any;
                 setProps(): void;
                 onMount(): void;
                 tooltipHasContent(tooltipInstance: any): boolean;
@@ -4561,7 +3439,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     touch: boolean;
                     onMount: () => void;
                     showOnCreate: boolean;
-                    appendTo: any;
                     popperOptions: {
                         modifiers: ({
                             name: string;
@@ -4581,8 +3458,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             options: {
                                 altAxis: boolean;
                                 tether: boolean;
+                                boundary: string;
                                 fallbackPlacements?: undefined;
-                                boundary?: undefined;
                             };
                             enabled?: undefined;
                         })[];
@@ -4590,32 +3467,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 addExternalAnchorEventListeners(): void;
                 removeExternalAnchorEventListeners(): void;
-            }, {
-                props: {
-                    contentMode: {
-                        type: StringConstructor;
-                        default: null;
-                        validator: (v: any) => boolean;
-                    };
-                };
-                data(): {
-                    modeContrast: string;
-                    modeResolved: null;
-                };
-                computed: {
-                    modeAttrs(): any;
-                };
-                watch: {
-                    contentMode(): void;
-                };
-                mounted(): void;
-                beforeUnmount(): void;
-                methods: {
-                    getModeReferenceEl(): HTMLElement | null;
-                    setupModeObservers(): void;
-                    cleanupModeObservers(): void;
-                };
-            }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -4654,10 +3506,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -4666,8 +3514,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -4694,16 +3542,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
             }>> & Readonly<{
-                "onUpdate:open"?: ((...args: any[]) => any) | undefined;
                 onShown?: ((...args: any[]) => any) | undefined;
+                "onUpdate:show"?: ((...args: any[]) => any) | undefined;
             }>, {
                 id: string;
                 offset: unknown[];
-                open: boolean | null;
                 message: string;
-                contentClass: string | unknown[] | Record<string, any>;
                 inverted: boolean;
-                anchorClass: string | unknown[] | Record<string, any>;
+                contentClass: string | unknown[] | Record<string, any>;
+                show: boolean;
+                transition: boolean;
                 appendTo: string | HTMLElement | Record<string, any>;
                 delay: boolean;
                 placement: string;
@@ -4711,7 +3559,6 @@ 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>;
@@ -5302,183 +4149,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: string;
                     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>;
@@ -5533,7 +4203,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {
         DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             open: {
-                type: (BooleanConstructor | null)[];
+                type: BooleanConstructor;
                 default: null;
             };
             openOnContext: {
@@ -5602,7 +4272,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            closeOnClick: {
+            hideOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5610,14 +4280,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            focustrap: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
             fallbackPlacements: {
                 type: ArrayConstructor;
                 default: () => string[];
             };
+            boundary: {
+                type: ({
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                } | ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (boundary: unknown) => boolean;
+            };
             placement: {
                 type: StringConstructor;
                 default: string;
@@ -5643,22 +4317,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            headerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            footerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -5717,7 +4379,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
-            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -5739,8 +4400,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     options: {
                         altAxis: boolean;
                         tether: boolean;
+                        boundary: string;
                         fallbackPlacements?: undefined;
-                        boundary?: undefined;
                     };
                     enabled?: undefined;
                 })[];
@@ -5782,34 +4443,9 @@ 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 | null)[];
+                type: BooleanConstructor;
                 default: null;
             };
             openOnContext: {
@@ -5878,7 +4514,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            closeOnClick: {
+            hideOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5886,14 +4522,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            focustrap: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
             fallbackPlacements: {
                 type: ArrayConstructor;
                 default: () => string[];
             };
+            boundary: {
+                type: ({
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                } | ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (boundary: unknown) => boolean;
+            };
             placement: {
                 type: StringConstructor;
                 default: string;
@@ -5919,22 +4559,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            headerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            footerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -5972,39 +4600,36 @@ 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 | null;
-            headerClass: string | unknown[] | Record<string, any>;
-            contentClass: string | unknown[] | Record<string, any>;
+            open: boolean;
+            ariaLabel: string;
             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;
-            anchorClass: string | unknown[] | Record<string, any>;
+            transition: string;
             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;
         }, {}, {
@@ -6075,14 +4700,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    linkUnderline: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    underline: {
-                        type: BooleanConstructor;
-                        default: null;
-                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6097,42 +4714,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
-                    leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6172,10 +4761,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     ICON_POSITION_MODIFIERS: {
-                        start: string;
-                        end: string;
-                        blockStart: string;
-                        blockEnd: string;
                         left: string;
                         right: string;
                         top: string;
@@ -6185,7 +4770,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                     i18n: any;
                 }, {
-                    resolvedUnderline(): boolean;
                     computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     isNativeButton(): boolean;
                     computedAttrs(): {
@@ -6218,12 +4802,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     buttonClasses(): any[];
                     isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                    hasStartIcon(): any;
-                    hasEndIcon(): any;
-                    hasBlockStartIcon(): any;
-                    hasBlockEndIcon(): any;
-                    hasNewIconSlots(): any;
-                    shouldRenderLegacyIcon(): any;
+                    shouldRenderIcon(): any;
                     isIconOnly(): any;
                     isVerticalIconLayout(): boolean;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -6254,14 +4833,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    linkUnderline: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    underline: {
-                        type: BooleanConstructor;
-                        default: null;
-                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6276,42 +4847,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
-                    leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6355,31 +4898,22 @@ 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;
-                    underline: boolean;
+                    size: string;
+                    replace: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
-                    startIconClass: string | unknown[] | Record<string, any>;
-                    endIconClass: string | unknown[] | Record<string, any>;
                     href: string;
                     to: string | Record<string, any>;
                     iconPosition: string;
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
-                    linkUnderline: boolean;
                     width: string;
-                    leadingClass: string | unknown[] | Record<string, any>;
-                    trailingClass: string | unknown[] | Record<string, any>;
-                    blockStartIconClass: string | unknown[] | Record<string, any>;
-                    blockEndIconClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -6449,10 +4983,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
-                wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 contentClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -6473,10 +5003,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
-                wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 contentClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -6489,7 +5015,6 @@ 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<{
@@ -6520,14 +5045,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    linkUnderline: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    underline: {
-                        type: BooleanConstructor;
-                        default: null;
-                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6542,42 +5059,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
-                    leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6617,10 +5106,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     ICON_POSITION_MODIFIERS: {
-                        start: string;
-                        end: string;
-                        blockStart: string;
-                        blockEnd: string;
                         left: string;
                         right: string;
                         top: string;
@@ -6630,7 +5115,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                     i18n: any;
                 }, {
-                    resolvedUnderline(): boolean;
                     computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     isNativeButton(): boolean;
                     computedAttrs(): {
@@ -6663,12 +5147,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     buttonClasses(): any[];
                     isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                    hasStartIcon(): any;
-                    hasEndIcon(): any;
-                    hasBlockStartIcon(): any;
-                    hasBlockEndIcon(): any;
-                    hasNewIconSlots(): any;
-                    shouldRenderLegacyIcon(): any;
+                    shouldRenderIcon(): any;
                     isIconOnly(): any;
                     isVerticalIconLayout(): boolean;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -6699,14 +5178,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    linkUnderline: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    underline: {
-                        type: BooleanConstructor;
-                        default: null;
-                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6721,42 +5192,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
-                    leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -6800,31 +5243,22 @@ 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;
-                    underline: boolean;
+                    size: string;
+                    replace: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
-                    startIconClass: string | unknown[] | Record<string, any>;
-                    endIconClass: string | unknown[] | Record<string, any>;
                     href: string;
                     to: string | Record<string, any>;
                     iconPosition: string;
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
-                    linkUnderline: boolean;
                     width: string;
-                    leadingClass: string | unknown[] | Record<string, any>;
-                    trailingClass: string | unknown[] | Record<string, any>;
-                    blockStartIconClass: string | unknown[] | Record<string, any>;
-                    blockEndIconClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -6907,7 +5341,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            showLabel: {
+            labelVisible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -6915,13 +5349,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            descriptionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 validator: (t: unknown) => boolean;
             };
             inputClass: {
@@ -6932,6 +5362,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            rootClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             currentLength: {
                 type: NumberConstructor;
                 default: null;
@@ -6948,28 +5382,6 @@ 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 | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
         }>, {}, {
             isInputFocused: boolean;
             isInvalid: boolean;
@@ -6977,7 +5389,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             isComposing: boolean;
             justEndedComposition: boolean;
-            messagesId: string;
+            labelSizeClasses: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            descriptionSizeClasses: {
+                lg: string;
+                xl: string;
+            };
         }, {
             isTextarea(): boolean;
             isDefaultSize(): boolean;
@@ -6996,8 +5418,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             descriptionKey(): string;
             inputState(): string | null;
-            ariaInvalid(): "true" | undefined;
-            ariaDescribedBy(): string | undefined;
             defaultLengthCalculation(): number;
             validationProps(): {
                 length: {
@@ -7015,13 +5435,11 @@ 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 removeClassStyleAttrs;
+            addClassStyleAttrs: typeof addClassStyleAttrs;
             inputClasses(): any[];
             inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
             calculateLength(value: any): number;
@@ -7037,7 +5455,6 @@ 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: {
@@ -7061,7 +5478,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computed: {
                 formattedMessages(): any;
             };
-        }, 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<{
+        }, 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<{
             name: {
                 type: StringConstructor;
                 default: string;
@@ -7083,7 +5500,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            showLabel: {
+            labelVisible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -7091,13 +5508,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            descriptionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 validator: (t: unknown) => boolean;
             };
             inputClass: {
@@ -7108,6 +5521,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            rootClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             currentLength: {
                 type: NumberConstructor;
                 default: null;
@@ -7124,29 +5541,8 @@ 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 | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
         }>> & Readonly<{
+            onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onFocusin?: ((...args: any[]) => any) | undefined;
@@ -7160,18 +5556,13 @@ 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>;
-            showLabel: boolean;
-            labelSize: string | number;
-            labelStrength: string;
-            descriptionClass: string | unknown[] | Record<string, any>;
+            rootClass: string | unknown[] | Record<string, any>;
+            labelVisible: boolean;
             inputClass: string | unknown[] | Record<string, any>;
             inputWrapperClass: string | unknown[] | Record<string, any>;
             currentLength: number;
@@ -7191,16 +5582,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    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: {
@@ -7216,313 +5603,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
             }>> & Readonly<{}>, {
                 id: string;
                 validationMessages: unknown[];
                 showMessages: boolean;
-                iconClass: string | unknown[] | Record<string, any>;
-            }, {}, {
-                DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
-                    };
-                    ariaLabel: {
-                        type: StringConstructor;
-                        default: undefined;
-                    };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            }, {}, 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<{
@@ -7553,14 +5637,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            linkUnderline: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            underline: {
-                type: BooleanConstructor;
-                default: null;
-            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7570,44 +5646,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
                 validator: (t: unknown) => boolean;
             };
-            width: {
-                type: StringConstructor;
-                default: null;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-                validator: (s: unknown) => boolean;
-            };
-            labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            leadingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            trailingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockStartIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
+            width: {
+                type: StringConstructor;
+                default: null;
             };
-            blockEndIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            size: {
+                type: StringConstructor;
                 default: string;
+                validator: (s: unknown) => boolean;
             };
-            iconClass: {
+            labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
@@ -7650,10 +5698,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
-                start: string;
-                end: string;
-                blockStart: string;
-                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -7663,7 +5707,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
-            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -7696,12 +5739,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            hasStartIcon(): any;
-            hasEndIcon(): any;
-            hasBlockStartIcon(): any;
-            hasBlockEndIcon(): any;
-            hasNewIconSlots(): any;
-            shouldRenderLegacyIcon(): any;
+            shouldRenderIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -7732,14 +5770,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            linkUnderline: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            underline: {
-                type: BooleanConstructor;
-                default: null;
-            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7754,42 +5784,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-            leadingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            trailingClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            startIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            endIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockStartIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            blockEndIconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
-            iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                default: string;
-            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7833,31 +5835,22 @@ 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;
-            underline: boolean;
+            size: string;
+            replace: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
-            startIconClass: string | unknown[] | Record<string, any>;
-            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
-            linkUnderline: boolean;
             width: string;
-            leadingClass: string | unknown[] | Record<string, any>;
-            trailingClass: string | unknown[] | Record<string, any>;
-            blockStartIconClass: string | unknown[] | Record<string, any>;
-            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -8060,14 +6053,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -8082,42 +6067,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -8157,10 +6114,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
-                    start: string;
-                    end: string;
-                    blockStart: string;
-                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -8170,7 +6123,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 i18n: any;
             }, {
-                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -8203,12 +6155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): any;
+                shouldRenderIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -8239,14 +6186,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                linkUnderline: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -8261,42 +6200,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -8340,31 +6251,22 @@ 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;
-                underline: boolean;
+                size: string;
+                replace: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
-                startIconClass: string | unknown[] | Record<string, any>;
-                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
-                linkUnderline: boolean;
                 width: string;
-                leadingClass: string | unknown[] | Record<string, any>;
-                trailingClass: string | unknown[] | Record<string, any>;
-                blockStartIconClass: string | unknown[] | Record<string, any>;
-                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -8432,10 +6334,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -8444,8 +6342,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -8513,8 +6411,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             options: {
                                 altAxis: boolean;
                                 tether: boolean;
+                                boundary: string;
                                 fallbackPlacements?: undefined;
-                                boundary?: undefined;
                             };
                             enabled?: undefined;
                         })[];
@@ -8522,7 +6420,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
-                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -8532,7 +6429,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChangePlacement(placement: any): void;
                 onHide(): void;
                 onShow(tooltipInstance: any, callingMethod: any): false | undefined;
-                resolveAppendTo(): any;
                 setProps(): void;
                 onMount(): void;
                 tooltipHasContent(tooltipInstance: any): boolean;
@@ -8546,7 +6442,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     touch: boolean;
                     onMount: () => void;
                     showOnCreate: boolean;
-                    appendTo: any;
                     popperOptions: {
                         modifiers: ({
                             name: string;
@@ -8566,8 +6461,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             options: {
                                 altAxis: boolean;
                                 tether: boolean;
+                                boundary: string;
                                 fallbackPlacements?: undefined;
-                                boundary?: undefined;
                             };
                             enabled?: undefined;
                         })[];
@@ -8575,32 +6470,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 addExternalAnchorEventListeners(): void;
                 removeExternalAnchorEventListeners(): void;
-            }, {
-                props: {
-                    contentMode: {
-                        type: StringConstructor;
-                        default: null;
-                        validator: (v: any) => boolean;
-                    };
-                };
-                data(): {
-                    modeContrast: string;
-                    modeResolved: null;
-                };
-                computed: {
-                    modeAttrs(): any;
-                };
-                watch: {
-                    contentMode(): void;
-                };
-                mounted(): void;
-                beforeUnmount(): void;
-                methods: {
-                    getModeReferenceEl(): HTMLElement | null;
-                    setupModeObservers(): void;
-                    cleanupModeObservers(): void;
-                };
-            }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -8639,10 +6509,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -8651,8 +6517,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -8679,16 +6545,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
             }>> & Readonly<{
-                "onUpdate:open"?: ((...args: any[]) => any) | undefined;
                 onShown?: ((...args: any[]) => any) | undefined;
+                "onUpdate:show"?: ((...args: any[]) => any) | undefined;
             }>, {
                 id: string;
                 offset: unknown[];
-                open: boolean | null;
                 message: string;
-                contentClass: string | unknown[] | Record<string, any>;
                 inverted: boolean;
-                anchorClass: string | unknown[] | Record<string, any>;
+                contentClass: string | unknown[] | Record<string, any>;
+                show: boolean;
+                transition: boolean;
                 appendTo: string | HTMLElement | Record<string, any>;
                 delay: boolean;
                 placement: string;
@@ -8696,7 +6562,6 @@ 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>;
@@ -9287,183 +7152,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: string;
                     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>;
@@ -9507,10 +7195,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         message: {
             type: StringConstructor;
             default: string;
@@ -9519,8 +7203,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        open: {
-            type: (BooleanConstructor | null)[];
+        show: {
+            type: BooleanConstructor;
             default: null;
         };
         transition: {
@@ -9588,8 +7272,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     options: {
                         altAxis: boolean;
                         tether: boolean;
+                        boundary: string;
                         fallbackPlacements?: undefined;
-                        boundary?: undefined;
                     };
                     enabled?: undefined;
                 })[];
@@ -9597,7 +7281,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
-        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -9607,7 +7290,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChangePlacement(placement: any): void;
         onHide(): void;
         onShow(tooltipInstance: any, callingMethod: any): false | undefined;
-        resolveAppendTo(): any;
         setProps(): void;
         onMount(): void;
         tooltipHasContent(tooltipInstance: any): boolean;
@@ -9621,7 +7303,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
-            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -9641,8 +7322,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     options: {
                         altAxis: boolean;
                         tether: boolean;
+                        boundary: string;
                         fallbackPlacements?: undefined;
-                        boundary?: undefined;
                     };
                     enabled?: undefined;
                 })[];
@@ -9650,32 +7331,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         addExternalAnchorEventListeners(): void;
         removeExternalAnchorEventListeners(): void;
-    }, {
-        props: {
-            contentMode: {
-                type: StringConstructor;
-                default: null;
-                validator: (v: any) => boolean;
-            };
-        };
-        data(): {
-            modeContrast: string;
-            modeResolved: null;
-        };
-        computed: {
-            modeAttrs(): any;
-        };
-        watch: {
-            contentMode(): void;
-        };
-        mounted(): void;
-        beforeUnmount(): void;
-        methods: {
-            getModeReferenceEl(): HTMLElement | null;
-            setupModeObservers(): void;
-            cleanupModeObservers(): void;
-        };
-    }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         id: {
             type: StringConstructor;
             default(): string;
@@ -9714,10 +7370,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         message: {
             type: StringConstructor;
             default: string;
@@ -9726,8 +7378,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        open: {
-            type: (BooleanConstructor | null)[];
+        show: {
+            type: BooleanConstructor;
             default: null;
         };
         transition: {
@@ -9754,16 +7406,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>> & Readonly<{
-        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
         onShown?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }>, {
         id: string;
         offset: unknown[];
-        open: boolean | null;
         message: string;
-        contentClass: string | unknown[] | Record<string, any>;
         inverted: boolean;
-        anchorClass: string | unknown[] | Record<string, any>;
+        contentClass: string | unknown[] | Record<string, any>;
+        show: boolean;
+        transition: boolean;
         appendTo: string | HTMLElement | Record<string, any>;
         delay: boolean;
         placement: string;
@@ -9771,7 +7423,6 @@ 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>;