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

package/dist/components/combobox_with_popover/combobox_with_popover.vue.d.ts

@@ -1,20 +1,15 @@
 import { hasSlotContent } from '../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    contentMode: {
-        type: StringConstructor;
-        default: null;
-        validator: (v: any) => boolean;
-    };
     label: {
         type: StringConstructor;
         required: true;
     };
-    showLabel: {
+    labelVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
         default: null;
         validator: (t: unknown) => boolean;
     };
@@ -34,11 +29,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
-    headerClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    footerClass: {
+    dialogClass: {
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
@@ -139,21 +130,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFocusOut(e: any): void;
     openOnArrowKeyPress(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], "select" | "opened" | "escape" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    contentMode: {
-        type: StringConstructor;
-        default: null;
-        validator: (v: any) => boolean;
-    };
     label: {
         type: StringConstructor;
         required: true;
     };
-    showLabel: {
+    labelVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
         default: null;
         validator: (t: unknown) => boolean;
     };
@@ -173,11 +159,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
-    headerClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    footerClass: {
+    dialogClass: {
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
@@ -253,18 +235,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onEscape?: ((...args: any[]) => any) | undefined;
     onHighlight?: ((...args: any[]) => any) | undefined;
 }>, {
-    contentMode: string;
-    size: string | number;
-    description: string;
     loading: boolean;
-    headerClass: string | unknown[] | Record<string, any>;
-    padding: string;
-    listClass: string | unknown[] | Record<string, any>;
+    size: string;
+    description: string;
+    dialogClass: string | unknown[] | Record<string, any>;
     maxHeight: string;
-    footerClass: string | unknown[] | Record<string, any>;
-    showLabel: boolean;
     transition: string;
     maxWidth: string;
+    labelVisible: boolean;
     listId: string;
     onBeginningOfList: Function;
     onEndOfList: Function;
@@ -272,8 +250,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     emptyList: boolean;
     emptyStateMessage: string;
     appendTo: string | HTMLElement;
+    padding: string;
     contentWidth: string;
     openWithArrowKeys: boolean;
+    listClass: string | unknown[] | Record<string, any>;
     popoverOffset: unknown[];
     popoverSticky: string | boolean;
     hasSuggestionList: boolean;
@@ -283,12 +263,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: StringConstructor;
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -342,8 +322,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         inputProps(): {
             label: string;
-            showLabel: boolean;
-            size: string | number;
+            labelVisible: boolean;
+            size: string;
             description: string;
             role: string;
             'aria-label': string;
@@ -422,12 +402,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        showLabel: {
+        labelVisible: {
             type: BooleanConstructor;
             default: boolean;
         };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: StringConstructor;
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -481,10 +461,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onEscape?: ((...args: any[]) => any) | undefined;
         onHighlight?: ((...args: any[]) => any) | undefined;
     }>, {
-        size: string | number;
-        description: string;
         loading: boolean;
-        showLabel: boolean;
+        size: string;
+        description: string;
+        labelVisible: boolean;
         listId: string;
         onBeginningOfList: Function;
         onEndOfList: Function;
@@ -534,7 +514,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 isDefaultType(): boolean;
                 listItemListeners(): {
-                    click: (event: any) => void;
                     keydown: (event: any) => void;
                     mousemove: (event: any) => void;
                     mouseleave: (event: any) => void;
@@ -546,7 +525,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -579,7 +558,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 onMouseleave?: ((...args: any[]) => any) | undefined;
                 onMousemove?: ((...args: any[]) => any) | undefined;
@@ -601,51 +579,35 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    startClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     leftClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     titleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     subtitleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     bottomClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
-                    };
-                    endClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     selectedClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {
-                    resolvedStartClass(): string | unknown[] | Record<string, any>;
-                    resolvedEndClass(): string | unknown[] | Record<string, any>;
-                    resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
-                }, {
+                }>, {}, {}, {}, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -657,59 +619,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    startClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     leftClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     titleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     subtitleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     bottomClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
-                    };
-                    endClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     selectedClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                 }>> & Readonly<{}>, {
-                    as: string;
-                    contentClass: string | unknown[] | Record<string, any>;
                     unstyled: boolean;
-                    startClass: string | unknown[] | Record<string, any>;
-                    leftClass: string | unknown[] | Record<string, any>;
-                    titleClass: string | unknown[] | Record<string, any>;
-                    subtitleClass: string | unknown[] | Record<string, any>;
-                    blockEndClass: string | unknown[] | Record<string, any>;
-                    bottomClass: string | unknown[] | Record<string, any>;
-                    endClass: string | unknown[] | Record<string, any>;
-                    rightClass: string | unknown[] | Record<string, any>;
-                    selectedClass: string | unknown[] | Record<string, any>;
+                    contentClass: string;
+                    as: string;
+                    leftClass: string;
+                    titleClass: string;
+                    subtitleClass: string;
+                    bottomClass: string;
+                    rightClass: string;
+                    selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
@@ -860,9 +807,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
-                        200: string;
-                        300: string;
-                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -910,8 +854,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: string;
                     offset: number;
                     animationDuration: number;
-                    contentClass: string;
                     width: string;
+                    contentClass: string;
                     animate: boolean;
                     headingHeight: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -922,8 +866,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -970,8 +914,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -992,7 +936,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    size: string | number;
+                    size: string;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
                     animate: boolean;
@@ -1004,8 +948,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -1041,8 +985,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -1077,7 +1021,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     contentClass: string;
                     shape: string;
                     animate: boolean;
-                    shapeSize: string | number;
+                    shapeSize: string;
                     paragraphs: Record<string, any>;
                     shapeClass: string;
                 }, {}, {
@@ -1088,8 +1032,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
+                            type: StringConstructor;
+                            default: string;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -1136,8 +1080,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: number;
+                            type: StringConstructor;
+                            default: string;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -1158,7 +1102,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        size: string | number;
+                        size: string;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
                         animate: boolean;
@@ -1259,8 +1203,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        contentClass: string;
                         width: string | unknown[];
+                        contentClass: string;
                         maxWidth: string | number;
                         animate: boolean;
                         rows: string | number;
@@ -1301,9 +1245,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
-                                200: string;
-                                300: string;
-                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -1351,8 +1292,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: string;
                             offset: number;
                             animationDuration: number;
-                            contentClass: string;
                             width: string;
+                            contentClass: string;
                             animate: boolean;
                             headingHeight: string;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1454,8 +1395,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    contentClass: string;
                     width: string | unknown[];
+                    contentClass: string;
                     maxWidth: string | number;
                     animate: boolean;
                     rows: string | number;
@@ -1496,9 +1437,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
-                            200: string;
-                            300: string;
-                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -1546,8 +1484,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        contentClass: string;
                         width: string;
+                        contentClass: string;
                         animate: boolean;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1613,7 +1551,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 isDefaultType(): boolean;
                 listItemListeners(): {
-                    click: (event: any) => void;
                     keydown: (event: any) => void;
                     mousemove: (event: any) => void;
                     mouseleave: (event: any) => void;
@@ -1625,7 +1562,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -1658,7 +1595,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 onMouseleave?: ((...args: any[]) => any) | undefined;
                 onMousemove?: ((...args: any[]) => any) | undefined;
@@ -1680,51 +1616,35 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    startClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     leftClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     titleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     subtitleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     bottomClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
-                    };
-                    endClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     selectedClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {
-                    resolvedStartClass(): string | unknown[] | Record<string, any>;
-                    resolvedEndClass(): string | unknown[] | Record<string, any>;
-                    resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
-                }, {
+                }>, {}, {}, {}, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1736,59 +1656,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    startClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
                     leftClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     contentClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     titleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     subtitleClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: string;
-                    };
-                    blockEndClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     bottomClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
-                    };
-                    endClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                        default: undefined;
+                        type: StringConstructor;
+                        default: string;
                     };
                     selectedClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: StringConstructor;
                         default: string;
                     };
                 }>> & Readonly<{}>, {
-                    as: string;
-                    contentClass: string | unknown[] | Record<string, any>;
                     unstyled: boolean;
-                    startClass: string | unknown[] | Record<string, any>;
-                    leftClass: string | unknown[] | Record<string, any>;
-                    titleClass: string | unknown[] | Record<string, any>;
-                    subtitleClass: string | unknown[] | Record<string, any>;
-                    blockEndClass: string | unknown[] | Record<string, any>;
-                    bottomClass: string | unknown[] | Record<string, any>;
-                    endClass: string | unknown[] | Record<string, any>;
-                    rightClass: string | unknown[] | Record<string, any>;
-                    selectedClass: string | unknown[] | Record<string, any>;
+                    contentClass: string;
+                    as: string;
+                    leftClass: string;
+                    titleClass: string;
+                    subtitleClass: string;
+                    bottomClass: string;
+                    rightClass: string;
+                    selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
@@ -1825,7 +1730,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
-            type: (BooleanConstructor | null)[];
+            type: BooleanConstructor;
             default: null;
         };
         openOnContext: {
@@ -1894,7 +1799,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1931,22 +1836,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;
@@ -2005,7 +1898,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
-        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -2070,34 +1962,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: {
@@ -2166,7 +2033,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2203,22 +2070,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;
@@ -2258,20 +2113,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[];
@@ -2281,13 +2135,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;
     }, {}, {
@@ -2358,14 +2210,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;
@@ -2380,42 +2224,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;
@@ -2455,10 +2271,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;
@@ -2468,7 +2280,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof hasSlotContent;
                 i18n: any;
             }, {
-                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -2501,12 +2312,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<{
@@ -2537,14 +2343,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;
@@ -2559,42 +2357,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;
@@ -2642,27 +2412,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;
             }, {}, {
@@ -2732,10 +2493,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;
@@ -2756,10 +2513,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;
@@ -2772,7 +2525,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<{
@@ -2803,14 +2555,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;
@@ -2825,42 +2569,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;
@@ -2900,10 +2616,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;
@@ -2913,7 +2625,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof hasSlotContent;
                 i18n: any;
             }, {
-                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -2946,12 +2657,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<{
@@ -2982,14 +2688,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;
@@ -3004,42 +2702,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;
@@ -3087,27 +2757,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;
             }, {}, {
@@ -3207,7 +2868,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             isDefaultType(): boolean;
             listItemListeners(): {
-                click: (event: any) => void;
                 keydown: (event: any) => void;
                 mousemove: (event: any) => void;
                 mouseleave: (event: any) => void;
@@ -3219,7 +2879,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick(e: any): void;
             onMouseHover(): void;
             onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -3252,7 +2912,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
         }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onMouseleave?: ((...args: any[]) => any) | undefined;
             onMousemove?: ((...args: any[]) => any) | undefined;
@@ -3274,51 +2933,35 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                startClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 leftClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 titleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 subtitleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 bottomClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
-                };
-                endClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 selectedClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
-            }>, {}, {}, {
-                resolvedStartClass(): string | unknown[] | Record<string, any>;
-                resolvedEndClass(): string | unknown[] | Record<string, any>;
-                resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
-            }, {
+            }>, {}, {}, {}, {
                 dynamicGridTemplateColumns(): string;
                 hasSlotContent: typeof hasSlotContent;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3330,59 +2973,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                startClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 leftClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 titleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 subtitleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 bottomClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
-                };
-                endClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 selectedClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
             }>> & Readonly<{}>, {
-                as: string;
-                contentClass: string | unknown[] | Record<string, any>;
                 unstyled: boolean;
-                startClass: string | unknown[] | Record<string, any>;
-                leftClass: string | unknown[] | Record<string, any>;
-                titleClass: string | unknown[] | Record<string, any>;
-                subtitleClass: string | unknown[] | Record<string, any>;
-                blockEndClass: string | unknown[] | Record<string, any>;
-                bottomClass: string | unknown[] | Record<string, any>;
-                endClass: string | unknown[] | Record<string, any>;
-                rightClass: string | unknown[] | Record<string, any>;
-                selectedClass: string | unknown[] | Record<string, any>;
+                contentClass: string;
+                as: string;
+                leftClass: string;
+                titleClass: string;
+                subtitleClass: string;
+                bottomClass: string;
+                rightClass: string;
+                selectedClass: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
@@ -3533,9 +3161,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 SKELETON_HEADING_HEIGHTS: {
-                    200: string;
-                    300: string;
-                    400: string;
                     sm: string;
                     md: string;
                     lg: string;
@@ -3583,8 +3208,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: string;
                 offset: number;
                 animationDuration: number;
-                contentClass: string;
                 width: string;
+                contentClass: string;
                 animate: boolean;
                 headingHeight: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3595,8 +3220,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                 };
                 animationDuration: {
                     type: NumberConstructor;
@@ -3643,8 +3268,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                 };
                 animationDuration: {
                     type: NumberConstructor;
@@ -3665,7 +3290,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 offset: number;
                 animationDuration: number;
-                size: string | number;
+                size: string;
                 contentClass: string | unknown[] | Record<string, any>;
                 shape: string;
                 animate: boolean;
@@ -3677,8 +3302,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 shapeSize: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                 };
                 paragraphs: {
                     type: ObjectConstructor;
@@ -3714,8 +3339,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 shapeSize: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                 };
                 paragraphs: {
                     type: ObjectConstructor;
@@ -3750,7 +3375,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 contentClass: string;
                 shape: string;
                 animate: boolean;
-                shapeSize: string | number;
+                shapeSize: string;
                 paragraphs: Record<string, any>;
                 shapeClass: string;
             }, {}, {
@@ -3761,8 +3386,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -3809,8 +3434,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: number;
+                        type: StringConstructor;
+                        default: string;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -3831,7 +3456,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    size: string | number;
+                    size: string;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
                     animate: boolean;
@@ -3932,8 +3557,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    contentClass: string;
                     width: string | unknown[];
+                    contentClass: string;
                     maxWidth: string | number;
                     animate: boolean;
                     rows: string | number;
@@ -3974,9 +3599,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
-                            200: string;
-                            300: string;
-                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -4024,8 +3646,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        contentClass: string;
                         width: string;
+                        contentClass: string;
                         animate: boolean;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4127,8 +3749,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 offset: number;
                 animationDuration: number;
-                contentClass: string;
                 width: string | unknown[];
+                contentClass: string;
                 maxWidth: string | number;
                 animate: boolean;
                 rows: string | number;
@@ -4169,9 +3791,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
-                        200: string;
-                        300: string;
-                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -4219,8 +3838,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: string;
                     offset: number;
                     animationDuration: number;
-                    contentClass: string;
                     width: string;
+                    contentClass: string;
                     animate: boolean;
                     headingHeight: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4286,7 +3905,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             isDefaultType(): boolean;
             listItemListeners(): {
-                click: (event: any) => void;
                 keydown: (event: any) => void;
                 mousemove: (event: any) => void;
                 mouseleave: (event: any) => void;
@@ -4298,7 +3916,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick(e: any): void;
             onMouseHover(): void;
             onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -4331,7 +3949,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
         }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onMouseleave?: ((...args: any[]) => any) | undefined;
             onMousemove?: ((...args: any[]) => any) | undefined;
@@ -4353,51 +3970,35 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                startClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 leftClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 titleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 subtitleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 bottomClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
-                };
-                endClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 selectedClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
-            }>, {}, {}, {
-                resolvedStartClass(): string | unknown[] | Record<string, any>;
-                resolvedEndClass(): string | unknown[] | Record<string, any>;
-                resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
-            }, {
+            }>, {}, {}, {}, {
                 dynamicGridTemplateColumns(): string;
                 hasSlotContent: typeof hasSlotContent;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -4409,59 +4010,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                startClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
                 leftClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 titleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 subtitleClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                blockEndClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 bottomClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
-                };
-                endClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: undefined;
+                    type: StringConstructor;
+                    default: string;
                 };
                 selectedClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: StringConstructor;
                     default: string;
                 };
             }>> & Readonly<{}>, {
-                as: string;
-                contentClass: string | unknown[] | Record<string, any>;
                 unstyled: boolean;
-                startClass: string | unknown[] | Record<string, any>;
-                leftClass: string | unknown[] | Record<string, any>;
-                titleClass: string | unknown[] | Record<string, any>;
-                subtitleClass: string | unknown[] | Record<string, any>;
-                blockEndClass: string | unknown[] | Record<string, any>;
-                bottomClass: string | unknown[] | Record<string, any>;
-                endClass: string | unknown[] | Record<string, any>;
-                rightClass: string | unknown[] | Record<string, any>;
-                selectedClass: string | unknown[] | Record<string, any>;
+                contentClass: string;
+                as: string;
+                leftClass: string;
+                titleClass: string;
+                subtitleClass: string;
+                bottomClass: string;
+                rightClass: string;
+                selectedClass: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {