@dialpad/dialtone-vue 3.221.0-next.1 → 3.221.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;
@@ -914,13 +803,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;
@@ -936,7 +823,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: {
@@ -960,23 +846,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;
@@ -996,17 +877,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: {
@@ -1022,278 +898,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;
-                    };
-                    size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: null;
-                    };
-                    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;
-                }, {
-                    getVariantClass(): string | null;
-                    getModifierClass(value: any, modifiers: any, propName: any): any;
-                    getAlignClass(): any;
-                    getToneClass(): any;
-                    getWrapClass(): any;
-                    getTextBoxTrimClass(): any;
-                    getStrengthClass(): any;
-                    getDensityClass(): 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;
-                    };
-                    size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: null;
-                    };
-                    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;
-                    wrap: string;
-                    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: {};
@@ -1333,7 +941,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                showLabel: {
+                labelVisible: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -1341,13 +949,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: {
@@ -1358,6 +962,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;
@@ -1374,29 +982,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,13 +1036,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;
@@ -1471,24 +1056,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;
@@ -1581,7 +1160,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1589,13 +1168,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: {
@@ -1606,6 +1181,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;
@@ -1622,28 +1201,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;
@@ -1686,13 +1243,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;
@@ -1708,7 +1263,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: {
@@ -1732,7 +1286,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;
@@ -1754,7 +1308,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1762,13 +1316,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: {
@@ -1779,6 +1329,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;
@@ -1795,29 +1349,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;
@@ -1831,18 +1364,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;
@@ -1862,17 +1390,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: {
@@ -1888,283 +1411,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;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            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;
-        }, {
-            getVariantClass(): string | null;
-            getModifierClass(value: any, modifiers: any, propName: any): any;
-            getAlignClass(): any;
-            getToneClass(): any;
-            getWrapClass(): any;
-            getTextBoxTrimClass(): any;
-            getStrengthClass(): any;
-            getDensityClass(): 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;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            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;
-            wrap: string;
-            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: {
@@ -2233,7 +1488,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2270,22 +1525,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;
@@ -2344,7 +1587,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
-        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -2409,34 +1651,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: {
@@ -2505,7 +1722,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2542,22 +1759,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;
@@ -2595,38 +1800,35 @@ 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;
+        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
         tether: boolean;
-        transition: string;
         externalAnchor: string;
         externalAnchorElement: HTMLElement;
         showCloseButton: boolean;
         openOnContext: boolean;
         ariaLabelledby: string;
+        padding: string;
         contentWidth: string;
         contentAppear: boolean;
         contentTabindex: number;
-        closeOnClick: boolean;
         modal: boolean;
-        headerWrapperClass: string | unknown[] | Record<string, any>;
-        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement;
         openWithArrowKeys: boolean;
     }, {}, {
@@ -2697,14 +1899,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;
@@ -2719,42 +1913,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;
@@ -2794,10 +1960,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;
@@ -2807,7 +1969,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(): {
@@ -2840,12 +2001,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<{
@@ -2876,14 +2032,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;
@@ -2898,42 +2046,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;
@@ -2977,31 +2097,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;
             }, {}, {
@@ -3071,10 +2182,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;
@@ -3095,10 +2202,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;
@@ -3111,7 +2214,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<{
@@ -3142,14 +2244,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;
@@ -3164,42 +2258,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;
@@ -3239,10 +2305,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;
@@ -3252,7 +2314,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(): {
@@ -3285,12 +2346,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<{
@@ -3321,14 +2377,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;
@@ -3343,50 +2391,22 @@ 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;
-                };
-                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;
+                    validator: (k: unknown) => boolean;
                 };
                 assertiveOnFocus: {
                     type: BooleanConstructor;
@@ -3422,31 +2442,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;
             }, {}, {
@@ -3989,14 +3000,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;
@@ -4011,42 +3014,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;
@@ -4086,10 +3061,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;
@@ -4099,7 +3070,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(): {
@@ -4132,12 +3102,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<{
@@ -4168,14 +3133,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;
@@ -4190,42 +3147,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;
@@ -4269,31 +3198,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;
             }, {}, {
@@ -4361,10 +3281,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;
@@ -4373,8 +3289,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -4451,7 +3367,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
-                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -4461,7 +3376,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;
@@ -4475,7 +3389,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     touch: boolean;
                     onMount: () => void;
                     showOnCreate: boolean;
-                    appendTo: any;
                     popperOptions: {
                         modifiers: ({
                             name: string;
@@ -4504,32 +3417,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;
@@ -4568,10 +3456,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;
@@ -4580,8 +3464,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -4608,16 +3492,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;
                 delay: boolean;
                 placement: string;
@@ -4625,7 +3509,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 theme: string;
                 fallbackPlacements: unknown[];
                 enabled: boolean;
-                transition: boolean;
                 externalAnchor: string;
                 externalAnchorElement: HTMLElement;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5216,148 +4099,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;
-                    };
-                    size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: null;
-                    };
-                    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;
-                }, {
-                    getVariantClass(): string | null;
-                    getModifierClass(value: any, modifiers: any, propName: any): any;
-                    getAlignClass(): any;
-                    getToneClass(): any;
-                    getWrapClass(): any;
-                    getTextBoxTrimClass(): any;
-                    getStrengthClass(): any;
-                    getDensityClass(): 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;
-                    };
-                    size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: null;
-                    };
-                    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;
-                    wrap: string;
-                    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>;
@@ -5412,7 +4153,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: {
@@ -5481,7 +4222,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            closeOnClick: {
+            hideOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5518,22 +4259,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;
@@ -5592,7 +4321,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
-            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -5657,34 +4385,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: {
@@ -5753,7 +4456,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            closeOnClick: {
+            hideOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5790,22 +4493,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;
@@ -5843,38 +4534,35 @@ 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;
+            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
             tether: boolean;
-            transition: string;
             externalAnchor: string;
             externalAnchorElement: HTMLElement;
             showCloseButton: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
+            padding: string;
             contentWidth: string;
             contentAppear: boolean;
             contentTabindex: number;
-            closeOnClick: boolean;
             modal: boolean;
-            headerWrapperClass: string | unknown[] | Record<string, any>;
-            footerWrapperClass: string | unknown[] | Record<string, any>;
             initialFocusElement: string | HTMLElement;
             openWithArrowKeys: boolean;
         }, {}, {
@@ -5945,14 +4633,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;
@@ -5967,54 +4647,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;
@@ -6042,10 +4694,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;
@@ -6055,7 +4703,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(): {
@@ -6088,12 +4735,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<{
@@ -6124,14 +4766,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;
@@ -6146,42 +4780,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;
@@ -6225,31 +4831,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;
                 }, {}, {
@@ -6319,10 +4916,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;
@@ -6343,10 +4936,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;
@@ -6359,7 +4948,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<{
@@ -6390,14 +4978,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;
@@ -6412,42 +4992,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;
@@ -6487,10 +5039,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;
@@ -6500,7 +5048,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(): {
@@ -6533,12 +5080,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<{
@@ -6569,14 +5111,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;
@@ -6591,42 +5125,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;
@@ -6670,31 +5176,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;
                 }, {}, {
@@ -6777,7 +5274,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            showLabel: {
+            labelVisible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -6785,13 +5282,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: {
@@ -6802,6 +5295,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;
@@ -6818,28 +5315,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;
@@ -6882,13 +5357,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;
@@ -6904,7 +5377,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: {
@@ -6928,7 +5400,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;
@@ -6950,7 +5422,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            showLabel: {
+            labelVisible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -6958,13 +5430,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: {
@@ -6975,6 +5443,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;
@@ -6991,29 +5463,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;
@@ -7027,18 +5478,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;
@@ -7058,17 +5504,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: {
@@ -7084,278 +5525,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;
-                };
-                size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-                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;
-            }, {
-                getVariantClass(): string | null;
-                getModifierClass(value: any, modifiers: any, propName: any): any;
-                getAlignClass(): any;
-                getToneClass(): any;
-                getWrapClass(): any;
-                getTextBoxTrimClass(): any;
-                getStrengthClass(): any;
-                getDensityClass(): 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;
-                };
-                size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-                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;
-                wrap: string;
-                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<{
@@ -7386,14 +5559,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;
@@ -7408,42 +5573,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;
@@ -7483,10 +5620,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;
@@ -7496,7 +5629,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(): {
@@ -7529,12 +5661,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<{
@@ -7565,14 +5692,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;
@@ -7587,42 +5706,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;
@@ -7666,31 +5757,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;
         }, {}, {
@@ -7887,20 +5969,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 linkKind: {
                     type: StringConstructor;
                     default: string;
-                    validator: (lk: unknown) => boolean;
-                };
-                linkInverted: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                    validator: (lk: unknown) => boolean;
                 };
-                linkUnderline: {
+                linkInverted: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                underline: {
-                    type: BooleanConstructor;
-                    default: null;
-                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -7915,42 +5989,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;
@@ -7990,10 +6036,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;
@@ -8003,7 +6045,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(): {
@@ -8036,12 +6077,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<{
@@ -8072,14 +6108,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;
@@ -8094,42 +6122,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;
@@ -8173,31 +6173,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;
             }, {}, {
@@ -8265,10 +6256,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;
@@ -8277,8 +6264,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -8355,7 +6342,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
-                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -8365,7 +6351,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;
@@ -8379,7 +6364,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     touch: boolean;
                     onMount: () => void;
                     showOnCreate: boolean;
-                    appendTo: any;
                     popperOptions: {
                         modifiers: ({
                             name: string;
@@ -8408,32 +6392,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;
@@ -8472,10 +6431,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;
@@ -8484,8 +6439,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                open: {
-                    type: (BooleanConstructor | null)[];
+                show: {
+                    type: BooleanConstructor;
                     default: null;
                 };
                 transition: {
@@ -8512,16 +6467,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;
                 delay: boolean;
                 placement: string;
@@ -8529,7 +6484,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 theme: string;
                 fallbackPlacements: unknown[];
                 enabled: boolean;
-                transition: boolean;
                 externalAnchor: string;
                 externalAnchorElement: HTMLElement;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -9120,148 +7074,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;
-                    };
-                    size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: null;
-                    };
-                    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;
-                }, {
-                    getVariantClass(): string | null;
-                    getModifierClass(value: any, modifiers: any, propName: any): any;
-                    getAlignClass(): any;
-                    getToneClass(): any;
-                    getWrapClass(): any;
-                    getTextBoxTrimClass(): any;
-                    getStrengthClass(): any;
-                    getDensityClass(): 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;
-                    };
-                    size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: null;
-                    };
-                    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;
-                    wrap: string;
-                    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>;
@@ -9274,7 +7086,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        allowTyping: {
+        preventTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9396,7 +7208,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        showLinkBubbleMenu: {
+        hideLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9469,7 +7281,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         getExtension(extension: any, options: any): any;
         updateEditorAttributes(attributes: any): void;
         focusEditor(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "update:modelValue" | "selected" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click")[], "blur" | "focus" | "update:modelValue" | "selected" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click")[], "input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
             type: (ObjectConstructor | StringConstructor)[];
             default: string;
@@ -9478,7 +7290,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        allowTyping: {
+        preventTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9600,7 +7412,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        showLinkBubbleMenu: {
+        hideLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9625,6 +7437,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -9648,7 +7461,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         preserveWhitespace: string | boolean;
         variableItems: unknown[];
         editable: boolean;
-        allowTyping: boolean;
+        preventTyping: boolean;
         pasteRichText: boolean;
         allowLineBreaks: boolean;
         autoFocus: string | number | boolean;
@@ -9673,7 +7486,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         allowLineHeight: boolean;
         allowVariable: boolean;
         additionalExtensions: unknown[];
-        showLinkBubbleMenu: boolean;
+        hideLinkBubbleMenu: boolean;
         useDivTags: boolean;
         allowTables: boolean;
         allowTextAlign: boolean;
@@ -9823,14 +7636,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;
@@ -9845,42 +7650,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;
@@ -9920,10 +7697,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;
@@ -9933,7 +7706,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(): {
@@ -9966,12 +7738,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<{
@@ -10002,14 +7769,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;
@@ -10024,42 +7783,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;
@@ -10103,31 +7834,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;
         }, {}, {
@@ -10264,10 +7986,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;
@@ -10276,8 +7994,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        open: {
-            type: (BooleanConstructor | null)[];
+        show: {
+            type: BooleanConstructor;
             default: null;
         };
         transition: {
@@ -10354,7 +8072,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
-        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -10364,7 +8081,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;
@@ -10378,7 +8094,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
-            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -10407,32 +8122,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;
@@ -10471,10 +8161,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;
@@ -10483,8 +8169,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        open: {
-            type: (BooleanConstructor | null)[];
+        show: {
+            type: BooleanConstructor;
             default: null;
         };
         transition: {
@@ -10511,16 +8197,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;
         delay: boolean;
         placement: string;
@@ -10528,7 +8214,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         theme: string;
         fallbackPlacements: unknown[];
         enabled: boolean;
-        transition: boolean;
         externalAnchor: string;
         externalAnchorElement: HTMLElement;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;