npm - @dialpad/dialtone-vue - Versions diffs - 3.210.0 → 3.211.0-next.1 - Mend

@dialpad/dialtone-vue 3.210.0 → 3.211.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (437) hide show

package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts CHANGED Viewed

@@ -225,9 +225,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onEscape?: ((...args: any[]) => any) | undefined;
     onHighlight?: ((...args: any[]) => any) | undefined;
 }>, {
-    loading: boolean;
     size: string;
     description: string;
+    loading: boolean;
     maxHeight: string;
     transition: string;
     maxWidth: string;
@@ -450,9 +450,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onEscape?: ((...args: any[]) => any) | undefined;
         onHighlight?: ((...args: any[]) => any) | undefined;
     }>, {
-        loading: boolean;
         size: string;
         description: string;
+        loading: boolean;
         labelVisible: boolean;
         listId: string;
         onBeginningOfList: Function;
@@ -503,6 +503,7 @@ 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;
@@ -514,7 +515,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -547,6 +548,7 @@ 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;
@@ -568,10 +570,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -584,19 +590,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string;
+                    resolvedEndClass(): string;
+                    resolvedBlockEndClass(): string;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -608,10 +626,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -624,13 +646,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
@@ -640,10 +670,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     unstyled: boolean;
                     contentClass: string;
                     as: string;
+                    startClass: string;
                     leftClass: string;
                     titleClass: string;
                     subtitleClass: string;
+                    blockEndClass: string;
                     bottomClass: string;
+                    endClass: string;
                     rightClass: string;
                     selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1540,6 +1573,7 @@ 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;
@@ -1551,7 +1585,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -1584,6 +1618,7 @@ 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;
@@ -1605,10 +1640,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -1621,19 +1660,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string;
+                    resolvedEndClass(): string;
+                    resolvedBlockEndClass(): string;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1645,10 +1696,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -1661,13 +1716,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
@@ -1677,10 +1740,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     unstyled: boolean;
                     contentClass: string;
                     as: string;
+                    startClass: string;
                     leftClass: string;
                     titleClass: string;
                     subtitleClass: string;
+                    blockEndClass: string;
                     bottomClass: string;
+                    endClass: string;
                     rightClass: string;
                     selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2184,6 +2250,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                underline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2206,6 +2276,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2245,6 +2323,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -2285,7 +2367,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2316,6 +2403,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                underline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2338,6 +2429,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2385,9 +2484,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
                 size: string;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -2397,6 +2497,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 linkKind: string;
                 linkInverted: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2503,6 +2605,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                underline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2525,6 +2631,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2564,6 +2678,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -2604,7 +2722,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2635,6 +2758,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                underline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2657,6 +2784,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2704,9 +2839,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
                 size: string;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -2716,6 +2852,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 linkKind: string;
                 linkInverted: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2790,6 +2928,7 @@ 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;
@@ -2801,7 +2940,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick(e: any): void;
             onMouseHover(): void;
             onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -2834,6 +2973,7 @@ 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;
@@ -2855,10 +2995,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -2871,19 +3015,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
                     default: string;
                 };
-            }>, {}, {}, {}, {
+            }>, {}, {}, {
+                resolvedStartClass(): string;
+                resolvedEndClass(): string;
+                resolvedBlockEndClass(): string;
+            }, {
                 dynamicGridTemplateColumns(): string;
                 hasSlotContent: typeof hasSlotContent;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2895,10 +3051,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -2911,13 +3071,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
@@ -2927,10 +3095,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 unstyled: boolean;
                 contentClass: string;
                 as: string;
+                startClass: string;
                 leftClass: string;
                 titleClass: string;
                 subtitleClass: string;
+                blockEndClass: string;
                 bottomClass: string;
+                endClass: string;
                 rightClass: string;
                 selectedClass: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3827,6 +3998,7 @@ 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;
@@ -3838,7 +4010,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick(e: any): void;
             onMouseHover(): void;
             onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -3871,6 +4043,7 @@ 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;
@@ -3892,10 +4065,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -3908,19 +4085,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
                     default: string;
                 };
-            }>, {}, {}, {}, {
+            }>, {}, {}, {
+                resolvedStartClass(): string;
+                resolvedEndClass(): string;
+                resolvedBlockEndClass(): string;
+            }, {
                 dynamicGridTemplateColumns(): string;
                 hasSlotContent: typeof hasSlotContent;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3932,10 +4121,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -3948,13 +4141,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
@@ -3964,10 +4165,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 unstyled: boolean;
                 contentClass: string;
                 as: string;
+                startClass: string;
                 leftClass: string;
                 titleClass: string;
                 subtitleClass: string;
+                blockEndClass: string;
                 bottomClass: string;
+                endClass: string;
                 rightClass: string;
                 selectedClass: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;