@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

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;
@@ -693,27 +612,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         target: string;
         circle: boolean;
         active: boolean;
-        size: string | number;
-        iconClass: string | unknown[] | Record<string, any>;
-        replace: 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" | "update:modelValue" | "clear" | "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;
                 type: string;
                 hidden: boolean;
-                size: string | number;
+                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;
@@ -1022,148 +903,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validationMessages: unknown[];
                     showMessages: boolean;
                 }, {}, {}, {}, 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<{}>, {
-                    wrap: string;
-                    size: string | number;
-                    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: {};
                 B: {};
@@ -1202,7 +941,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                showLabel: {
+                labelVisible: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -1210,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: {
@@ -1227,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;
@@ -1243,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;
@@ -1318,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;
@@ -1340,7 +1056,6 @@ 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;
@@ -1348,16 +1063,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 name: string;
                 type: string;
                 hidden: boolean;
-                size: string | number;
+                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;
@@ -1450,7 +1160,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1458,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: {
@@ -1475,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;
@@ -1491,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;
@@ -1555,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;
@@ -1577,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: {
@@ -1601,7 +1286,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computed: {
             formattedMessages(): any;
         };
-    }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "update:modelValue" | "clear" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "update:modelValue" | "clear" | "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;
@@ -1623,7 +1308,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1631,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: {
@@ -1648,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;
@@ -1664,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;
@@ -1702,16 +1366,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         name: string;
         type: string;
         hidden: boolean;
-        size: string | number;
+        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;
@@ -1757,152 +1416,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validationMessages: unknown[];
             showMessages: boolean;
         }, {}, {}, {}, 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<{}>, {
-            wrap: string;
-            size: string | number;
-            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: {
@@ -1971,7 +1488,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2008,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;
@@ -2082,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(): {
@@ -2147,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: {
@@ -2243,7 +1722,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2280,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;
@@ -2335,20 +1802,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         id: string;
         offset: unknown[];
-        open: boolean | null;
+        open: boolean;
         ariaLabel: string;
-        headerClass: string | unknown[] | Record<string, any>;
-        contentClass: string | unknown[] | Record<string, any>;
         role: string;
         dialogClass: string | unknown[] | Record<string, any>;
-        padding: string;
         maxHeight: string;
+        contentClass: string | unknown[] | Record<string, any>;
+        headerClass: string | unknown[] | Record<string, any>;
         footerClass: string | unknown[] | Record<string, any>;
         elementType: string;
         transition: string;
-        anchorClass: string | unknown[] | Record<string, any>;
         maxWidth: string;
         appendTo: string | HTMLElement;
+        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
@@ -2358,13 +1824,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
     }, {}, {
@@ -2435,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;
@@ -2457,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;
@@ -2532,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;
@@ -2545,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(): {
@@ -2578,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<{
@@ -2614,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;
@@ -2636,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;
@@ -2719,27 +2101,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                size: string | number;
-                iconClass: string | unknown[] | Record<string, any>;
-                replace: 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;
             }, {}, {
@@ -2809,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;
@@ -2833,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;
@@ -2849,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<{
@@ -2880,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;
@@ -2902,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;
@@ -2977,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;
@@ -2990,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(): {
@@ -3023,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<{
@@ -3059,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;
@@ -3081,45 +2391,17 @@ 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;
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
                 kind: {
                     type: StringConstructor;
@@ -3164,27 +2446,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                size: string | number;
-                iconClass: string | unknown[] | Record<string, any>;
-                replace: 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;
             }, {}, {
@@ -3727,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;
@@ -3749,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;
@@ -3824,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;
@@ -3837,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(): {
@@ -3870,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<{
@@ -3906,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;
@@ -3928,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;
@@ -4011,27 +3202,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                size: string | number;
-                iconClass: string | unknown[] | Record<string, any>;
-                replace: 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;
             }, {}, {
@@ -4099,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;
@@ -4111,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: {
@@ -4189,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;
@@ -4240,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;
@@ -4304,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;
@@ -4316,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: {
@@ -4344,17 +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;
+                contentClass: string | unknown[] | Record<string, any>;
+                show: boolean;
                 transition: boolean;
-                anchorClass: string | unknown[] | Record<string, any>;
                 appendTo: string | HTMLElement;
                 delay: boolean;
                 placement: string;
@@ -4952,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<{}>, {
-                    wrap: string;
-                    size: string | number;
-                    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>;
@@ -5148,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: {
@@ -5217,7 +4222,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            closeOnClick: {
+            hideOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5254,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;
@@ -5328,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(): {
@@ -5393,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: {
@@ -5489,7 +4456,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            closeOnClick: {
+            hideOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5526,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;
@@ -5581,20 +4536,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             id: string;
             offset: unknown[];
-            open: boolean | null;
+            open: boolean;
             ariaLabel: string;
-            headerClass: string | unknown[] | Record<string, any>;
-            contentClass: string | unknown[] | Record<string, any>;
             role: string;
             dialogClass: string | unknown[] | Record<string, any>;
-            padding: string;
             maxHeight: string;
+            contentClass: string | unknown[] | Record<string, any>;
+            headerClass: string | unknown[] | Record<string, any>;
             footerClass: string | unknown[] | Record<string, any>;
             elementType: string;
             transition: string;
-            anchorClass: string | unknown[] | Record<string, any>;
             maxWidth: string;
             appendTo: string | HTMLElement;
+            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
@@ -5604,13 +4558,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
         }, {}, {
@@ -5681,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;
@@ -5703,42 +4647,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;
@@ -5778,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;
@@ -5791,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(): {
@@ -5824,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<{
@@ -5860,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;
@@ -5882,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;
@@ -5965,27 +4835,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     target: string;
                     circle: boolean;
                     active: boolean;
-                    size: string | number;
-                    iconClass: string | unknown[] | Record<string, any>;
-                    replace: 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;
                 }, {}, {
@@ -6055,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;
@@ -6079,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;
@@ -6095,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<{
@@ -6126,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;
@@ -6148,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;
@@ -6223,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;
@@ -6236,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(): {
@@ -6269,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<{
@@ -6305,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;
@@ -6327,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;
@@ -6410,27 +5180,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     target: string;
                     circle: boolean;
                     active: boolean;
-                    size: string | number;
-                    iconClass: string | unknown[] | Record<string, any>;
-                    replace: 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;
                 }, {}, {
@@ -6513,7 +5274,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            showLabel: {
+            labelVisible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -6521,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: {
@@ -6538,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;
@@ -6554,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;
@@ -6618,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;
@@ -6640,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: {
@@ -6664,7 +5400,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computed: {
                 formattedMessages(): any;
             };
-        }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "update:modelValue" | "clear" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "update:modelValue" | "clear" | "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;
@@ -6686,7 +5422,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            showLabel: {
+            labelVisible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -6694,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: {
@@ -6711,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;
@@ -6727,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;
@@ -6765,16 +5480,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             name: string;
             type: string;
             hidden: boolean;
-            size: string | number;
+            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;
@@ -6820,148 +5530,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validationMessages: unknown[];
                 showMessages: boolean;
             }, {}, {}, {}, 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<{}>, {
-                wrap: string;
-                size: string | number;
-                kind: string;
-                as: string;
-                tone: string;
-                align: string;
-                truncate: boolean;
-                maxLines: number;
-                numeric: boolean;
-                textBoxTrim: string;
-                strength: string;
-                density: string | number;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             circle: {
@@ -6991,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;
@@ -7013,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;
@@ -7088,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;
@@ -7101,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(): {
@@ -7134,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<{
@@ -7170,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;
@@ -7192,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;
@@ -7275,27 +5761,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            size: string | number;
-            iconClass: string | unknown[] | Record<string, any>;
-            replace: 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;
         }, {}, {
@@ -7498,14 +5975,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;
@@ -7520,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;
@@ -7595,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;
@@ -7608,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(): {
@@ -7641,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<{
@@ -7677,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;
@@ -7699,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;
@@ -7782,27 +6177,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                size: string | number;
-                iconClass: string | unknown[] | Record<string, any>;
-                replace: 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;
             }, {}, {
@@ -7870,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;
@@ -7882,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: {
@@ -7960,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;
@@ -8011,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;
@@ -8075,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;
@@ -8087,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: {
@@ -8115,17 +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;
+                contentClass: string | unknown[] | Record<string, any>;
+                show: boolean;
                 transition: boolean;
-                anchorClass: string | unknown[] | Record<string, any>;
                 appendTo: string | HTMLElement;
                 delay: boolean;
                 placement: string;
@@ -8723,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<{}>, {
-                    wrap: string;
-                    size: string | number;
-                    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>;
@@ -8877,7 +7086,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        allowTyping: {
+        preventTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -8999,7 +7208,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        showLinkBubbleMenu: {
+        hideLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9072,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;
@@ -9081,7 +7290,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        allowTyping: {
+        preventTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9203,7 +7412,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        showLinkBubbleMenu: {
+        hideLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -9228,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;
@@ -9251,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;
@@ -9276,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;
@@ -9426,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;
@@ -9448,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;
@@ -9523,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;
@@ -9536,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(): {
@@ -9569,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<{
@@ -9605,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;
@@ -9627,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;
@@ -9710,27 +7838,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            size: string | number;
-            iconClass: string | unknown[] | Record<string, any>;
-            replace: 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;
         }, {}, {
@@ -9867,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;
@@ -9879,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: {
@@ -9957,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;
@@ -10008,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;
@@ -10072,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;
@@ -10084,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: {
@@ -10112,17 +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;
+        contentClass: string | unknown[] | Record<string, any>;
+        show: boolean;
         transition: boolean;
-        anchorClass: string | unknown[] | Record<string, any>;
         appendTo: string | HTMLElement;
         delay: boolean;
         placement: string;