npm - tuikit-atomicx-vue3 - Versions diffs - 4.4.0-beta.1 → 4.5.0 - Mend

tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

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 (727) hide show

package/dist/chat/index.d.ts CHANGED Viewed

@@ -40,13 +40,13 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -85,13 +85,13 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -475,13 +475,13 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -520,13 +520,13 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -978,13 +978,13 @@ declare const SearchBar: import('vue').DefineComponent<import('vue').ExtractProp
     onChange: {
         type: import('vue').PropType<(e: Event) => void>;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
     className: {
         type: import('vue').PropType<string>;
         default: string;
@@ -1023,13 +1023,13 @@ declare const SearchBar: import('vue').DefineComponent<import('vue').ExtractProp
     onChange: {
         type: import('vue').PropType<(e: Event) => void>;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
     value: {
         type: import('vue').PropType<string>;
         default: string;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
     className: {
         type: import('vue').PropType<string>;
         default: string;
@@ -1352,22 +1352,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
     style: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
-    children: {
-        type: import('vue').PropType<any>;
-    };
     Avatar: {
         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -1402,16 +1399,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<string>;
             };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -1455,8 +1452,8 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             shape: import('..').AvatarShape;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
-    className: {
-        type: import('vue').PropType<string>;
+    children: {
+        type: import('vue').PropType<any>;
     };
     Preview: {
         type: import('vue').PropType<import('vue').Component<import('..').ConversationPreviewUIProps>>;
@@ -1465,22 +1462,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -1515,16 +1509,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -1568,6 +1562,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -1777,9 +1774,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -1800,22 +1797,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -1850,16 +1844,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -1903,6 +1897,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -2112,7 +2109,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -2130,22 +2127,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
-            children: {
-                type: import('vue').PropType<any>;
-            };
             Avatar: {
                 type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('..').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('..').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -2180,16 +2174,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         type: import('vue').PropType<string>;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('..').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('..').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -2233,6 +2227,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     shape: import('..').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             isSelected: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -2442,9 +2439,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('..').ConversationModel) => void;
+            selectConversation: (conversation: import('..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('..').AvatarProps>;
             isSelected: boolean;
@@ -2460,6 +2457,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             };
         });
     };
+    className: {
+        type: import('vue').PropType<string>;
+    };
     enableSearch: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -2694,13 +2694,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -2739,13 +2739,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -2815,13 +2815,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -2860,13 +2860,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -3250,13 +3250,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -3295,13 +3295,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -3736,13 +3736,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -3781,13 +3781,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -3857,13 +3857,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -3902,13 +3902,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -4292,13 +4292,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -4337,13 +4337,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -4763,9 +4763,6 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('vue').CSSProperties>;
                     default: () => {};
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 left: {
                     type: import('vue').PropType<any>;
                     default: undefined;
@@ -4774,6 +4771,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<any>;
                     default: undefined;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: undefined;
@@ -4795,9 +4795,6 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('vue').CSSProperties>;
                     default: () => {};
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 left: {
                     type: import('vue').PropType<any>;
                     default: undefined;
@@ -4806,6 +4803,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<any>;
                     default: undefined;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: undefined;
@@ -4824,9 +4824,6 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('vue').CSSProperties>;
                 default: () => {};
             };
-            children: {
-                type: import('vue').PropType<any>;
-            };
             left: {
                 type: import('vue').PropType<any>;
                 default: undefined;
@@ -4835,6 +4832,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<any>;
                 default: undefined;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: undefined;
@@ -4866,13 +4866,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 children: {
                     type: import('vue').PropType<any>;
                 };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
                 loading: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
-                className: {
-                    type: import('vue').PropType<string>;
-                };
                 PlaceholderEmptyList: {
                     type: import('vue').PropType<import('vue').Component>;
                     default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -4920,13 +4920,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 children: {
                     type: import('vue').PropType<any>;
                 };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
                 loading: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
-                className: {
-                    type: import('vue').PropType<string>;
-                };
                 PlaceholderEmptyList: {
                     type: import('vue').PropType<import('vue').Component>;
                     default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -4971,13 +4971,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             children: {
                 type: import('vue').PropType<any>;
             };
+            className: {
+                type: import('vue').PropType<string>;
+            };
             loading: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            className: {
-                type: import('vue').PropType<string>;
-            };
             PlaceholderEmptyList: {
                 type: import('vue').PropType<import('vue').Component>;
                 default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -5027,22 +5027,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
     style: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
-    children: {
-        type: import('vue').PropType<any>;
-    };
     Avatar: {
         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -5077,16 +5074,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<string>;
             };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -5130,8 +5127,8 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             shape: import('..').AvatarShape;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
-    className: {
-        type: import('vue').PropType<string>;
+    children: {
+        type: import('vue').PropType<any>;
     };
     Preview: {
         type: import('vue').PropType<import('vue').Component<import('..').ConversationPreviewUIProps>>;
@@ -5140,22 +5137,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -5190,16 +5184,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -5243,6 +5237,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -5452,9 +5449,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -5475,22 +5472,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -5525,16 +5519,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -5578,6 +5572,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -5787,7 +5784,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -5805,22 +5802,19 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
-            children: {
-                type: import('vue').PropType<any>;
-            };
             Avatar: {
                 type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('..').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('..').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -5855,16 +5849,16 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         type: import('vue').PropType<string>;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('..').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('..').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -5908,6 +5902,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     shape: import('..').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             isSelected: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -6117,9 +6114,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('..').ConversationModel) => void;
+            selectConversation: (conversation: import('..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('..').AvatarProps>;
             isSelected: boolean;
@@ -6135,6 +6132,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             };
         });
     };
+    className: {
+        type: import('vue').PropType<string>;
+    };
     enableSearch: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -6369,13 +6369,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -6414,13 +6414,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -6490,13 +6490,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -6535,13 +6535,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -6925,13 +6925,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -6970,13 +6970,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -7411,13 +7411,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -7456,13 +7456,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -7532,13 +7532,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -7577,13 +7577,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -7967,13 +7967,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -8012,13 +8012,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                             onChange: {
                                 type: import('vue').PropType<(e: Event) => void>;
                             };
-                            placeholder: {
-                                type: import('vue').PropType<string>;
-                            };
                             value: {
                                 type: import('vue').PropType<string>;
                                 default: string;
                             };
+                            placeholder: {
+                                type: import('vue').PropType<string>;
+                            };
                             className: {
                                 type: import('vue').PropType<string>;
                                 default: string;
@@ -8438,9 +8438,6 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('vue').CSSProperties>;
                     default: () => {};
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 left: {
                     type: import('vue').PropType<any>;
                     default: undefined;
@@ -8449,6 +8446,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<any>;
                     default: undefined;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: undefined;
@@ -8470,9 +8470,6 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('vue').CSSProperties>;
                     default: () => {};
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 left: {
                     type: import('vue').PropType<any>;
                     default: undefined;
@@ -8481,6 +8478,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<any>;
                     default: undefined;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: undefined;
@@ -8499,9 +8499,6 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('vue').CSSProperties>;
                 default: () => {};
             };
-            children: {
-                type: import('vue').PropType<any>;
-            };
             left: {
                 type: import('vue').PropType<any>;
                 default: undefined;
@@ -8510,6 +8507,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<any>;
                 default: undefined;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: undefined;
@@ -8541,13 +8541,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 children: {
                     type: import('vue').PropType<any>;
                 };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
                 loading: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
-                className: {
-                    type: import('vue').PropType<string>;
-                };
                 PlaceholderEmptyList: {
                     type: import('vue').PropType<import('vue').Component>;
                     default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -8595,13 +8595,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 children: {
                     type: import('vue').PropType<any>;
                 };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
                 loading: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
-                className: {
-                    type: import('vue').PropType<string>;
-                };
                 PlaceholderEmptyList: {
                     type: import('vue').PropType<import('vue').Component>;
                     default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -8646,13 +8646,13 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             children: {
                 type: import('vue').PropType<any>;
             };
+            className: {
+                type: import('vue').PropType<string>;
+            };
             loading: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            className: {
-                type: import('vue').PropType<string>;
-            };
             PlaceholderEmptyList: {
                 type: import('vue').PropType<import('vue').Component>;
                 default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -8841,9 +8841,6 @@ declare const ConversationListHeader: {
             type: import('vue').PropType<import('vue').CSSProperties>;
             default: () => {};
         };
-        children: {
-            type: import('vue').PropType<any>;
-        };
         left: {
             type: import('vue').PropType<any>;
             default: undefined;
@@ -8852,6 +8849,9 @@ declare const ConversationListHeader: {
             type: import('vue').PropType<any>;
             default: undefined;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         className: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -8873,9 +8873,6 @@ declare const ConversationListHeader: {
             type: import('vue').PropType<import('vue').CSSProperties>;
             default: () => {};
         };
-        children: {
-            type: import('vue').PropType<any>;
-        };
         left: {
             type: import('vue').PropType<any>;
             default: undefined;
@@ -8884,6 +8881,9 @@ declare const ConversationListHeader: {
             type: import('vue').PropType<any>;
             default: undefined;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         className: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -8902,9 +8902,6 @@ declare const ConversationListHeader: {
         type: import('vue').PropType<import('vue').CSSProperties>;
         default: () => {};
     };
-    children: {
-        type: import('vue').PropType<any>;
-    };
     left: {
         type: import('vue').PropType<any>;
         default: undefined;
@@ -8913,6 +8910,9 @@ declare const ConversationListHeader: {
         type: import('vue').PropType<any>;
         default: undefined;
     };
+    children: {
+        type: import('vue').PropType<any>;
+    };
     className: {
         type: import('vue').PropType<string>;
         default: undefined;
@@ -8941,13 +8941,13 @@ declare const ConversationListContent: {
         children: {
             type: import('vue').PropType<any>;
         };
+        className: {
+            type: import('vue').PropType<string>;
+        };
         loading: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        className: {
-            type: import('vue').PropType<string>;
-        };
         PlaceholderEmptyList: {
             type: import('vue').PropType<import('vue').Component>;
             default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -8995,13 +8995,13 @@ declare const ConversationListContent: {
         children: {
             type: import('vue').PropType<any>;
         };
+        className: {
+            type: import('vue').PropType<string>;
+        };
         loading: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        className: {
-            type: import('vue').PropType<string>;
-        };
         PlaceholderEmptyList: {
             type: import('vue').PropType<import('vue').Component>;
             default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -9046,13 +9046,13 @@ declare const ConversationListContent: {
     children: {
         type: import('vue').PropType<any>;
     };
+    className: {
+        type: import('vue').PropType<string>;
+    };
     loading: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    className: {
-        type: import('vue').PropType<string>;
-    };
     PlaceholderEmptyList: {
         type: import('vue').PropType<import('vue').Component>;
         default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -9092,22 +9092,19 @@ declare const ConversationPreview: {
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
-        children: {
-            type: import('vue').PropType<any>;
-        };
         Avatar: {
             type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -9142,16 +9139,16 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<string>;
                 };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -9195,17 +9192,13 @@ declare const ConversationPreview: {
                 shape: import('..').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         isSelected: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        className: {
-            type: import('vue').PropType<string>;
-        };
-        conversation: {
-            type: import('vue').PropType<import('..').ConversationModel>;
-            required: true;
-        };
         Preview: {
             type: import('vue').PropType<import('vue').Component<import('..').ConversationPreviewUIProps>>;
             default: () => {
@@ -9213,22 +9206,19 @@ declare const ConversationPreview: {
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
-                    children: {
-                        type: import('vue').PropType<any>;
-                    };
                     Avatar: {
                         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9263,16 +9253,16 @@ declare const ConversationPreview: {
                                 type: import('vue').PropType<string>;
                             };
                         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9316,6 +9306,9 @@ declare const ConversationPreview: {
                             shape: import('..').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -9525,9 +9518,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('..').ConversationModel) => void;
+                    selectConversation: (conversation: import('..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -9548,22 +9541,19 @@ declare const ConversationPreview: {
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
-                    children: {
-                        type: import('vue').PropType<any>;
-                    };
                     Avatar: {
                         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9598,16 +9588,16 @@ declare const ConversationPreview: {
                                 type: import('vue').PropType<string>;
                             };
                         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9651,6 +9641,9 @@ declare const ConversationPreview: {
                             shape: import('..').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -9860,7 +9853,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -9878,22 +9871,19 @@ declare const ConversationPreview: {
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -9928,16 +9918,16 @@ declare const ConversationPreview: {
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -9981,6 +9971,9 @@ declare const ConversationPreview: {
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -10190,9 +10183,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -10208,6 +10201,13 @@ declare const ConversationPreview: {
                 };
             });
         };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        conversation: {
+            type: import('vue').PropType<import('..').ConversationModel>;
+            required: true;
+        };
         ConversationActions: {
             type: import('vue').PropType<import('vue').Component<import('..').ConversationActionsProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -10382,22 +10382,19 @@ declare const ConversationPreview: {
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
-        children: {
-            type: import('vue').PropType<any>;
-        };
         Avatar: {
             type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -10432,16 +10429,16 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<string>;
                 };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -10485,17 +10482,13 @@ declare const ConversationPreview: {
                 shape: import('..').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         isSelected: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        className: {
-            type: import('vue').PropType<string>;
-        };
-        conversation: {
-            type: import('vue').PropType<import('..').ConversationModel>;
-            required: true;
-        };
         Preview: {
             type: import('vue').PropType<import('vue').Component<import('..').ConversationPreviewUIProps>>;
             default: () => {
@@ -10503,22 +10496,19 @@ declare const ConversationPreview: {
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
-                    children: {
-                        type: import('vue').PropType<any>;
-                    };
                     Avatar: {
                         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -10553,16 +10543,16 @@ declare const ConversationPreview: {
                                 type: import('vue').PropType<string>;
                             };
                         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -10606,6 +10596,9 @@ declare const ConversationPreview: {
                             shape: import('..').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -10815,9 +10808,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('..').ConversationModel) => void;
+                    selectConversation: (conversation: import('..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -10838,22 +10831,19 @@ declare const ConversationPreview: {
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
-                    children: {
-                        type: import('vue').PropType<any>;
-                    };
                     Avatar: {
                         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -10888,16 +10878,16 @@ declare const ConversationPreview: {
                                 type: import('vue').PropType<string>;
                             };
                         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('..').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('..').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -10941,6 +10931,9 @@ declare const ConversationPreview: {
                             shape: import('..').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -11150,7 +11143,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -11168,22 +11161,19 @@ declare const ConversationPreview: {
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -11218,16 +11208,16 @@ declare const ConversationPreview: {
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -11271,6 +11261,9 @@ declare const ConversationPreview: {
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -11480,9 +11473,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -11498,6 +11491,13 @@ declare const ConversationPreview: {
                 };
             });
         };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        conversation: {
+            type: import('vue').PropType<import('..').ConversationModel>;
+            required: true;
+        };
         ConversationActions: {
             type: import('vue').PropType<import('vue').Component<import('..').ConversationActionsProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -11667,22 +11667,19 @@ declare const ConversationPreview: {
     style: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
-    children: {
-        type: import('vue').PropType<any>;
-    };
     Avatar: {
         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -11717,16 +11714,16 @@ declare const ConversationPreview: {
                 type: import('vue').PropType<string>;
             };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -11770,16 +11767,12 @@ declare const ConversationPreview: {
             shape: import('..').AvatarShape;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
+    children: {
+        type: import('vue').PropType<any>;
+    };
     isSelected: {
         type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    className: {
-        type: import('vue').PropType<string>;
-    };
-    conversation: {
-        type: import('vue').PropType<import('..').ConversationModel>;
-        required: true;
+        default: boolean;
     };
     Preview: {
         type: import('vue').PropType<import('vue').Component<import('..').ConversationPreviewUIProps>>;
@@ -11788,22 +11781,19 @@ declare const ConversationPreview: {
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -11838,16 +11828,16 @@ declare const ConversationPreview: {
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -11891,6 +11881,9 @@ declare const ConversationPreview: {
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -12100,9 +12093,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -12123,22 +12116,19 @@ declare const ConversationPreview: {
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
-                children: {
-                    type: import('vue').PropType<any>;
-                };
                 Avatar: {
                     type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -12173,16 +12163,16 @@ declare const ConversationPreview: {
                             type: import('vue').PropType<string>;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('..').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('..').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -12226,6 +12216,9 @@ declare const ConversationPreview: {
                         shape: import('..').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -12435,7 +12428,7 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -12453,22 +12446,19 @@ declare const ConversationPreview: {
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
-            children: {
-                type: import('vue').PropType<any>;
-            };
             Avatar: {
                 type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('..').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('..').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -12503,16 +12493,16 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<string>;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('..').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('..').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -12556,6 +12546,9 @@ declare const ConversationPreview: {
                     shape: import('..').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             isSelected: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -12765,9 +12758,9 @@ declare const ConversationPreview: {
                 type: import('vue').PropType<import('..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('..').ConversationModel) => void;
+            selectConversation: (conversation: import('..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('..').AvatarProps>;
             isSelected: boolean;
@@ -12783,6 +12776,13 @@ declare const ConversationPreview: {
             };
         });
     };
+    className: {
+        type: import('vue').PropType<string>;
+    };
+    conversation: {
+        type: import('vue').PropType<import('..').ConversationModel>;
+        required: true;
+    };
     ConversationActions: {
         type: import('vue').PropType<import('vue').Component<import('..').ConversationActionsProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -12956,22 +12956,19 @@ declare const ConversationPreviewUI: {
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
-        children: {
-            type: import('vue').PropType<any>;
-        };
         Avatar: {
             type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -13006,16 +13003,16 @@ declare const ConversationPreviewUI: {
                     type: import('vue').PropType<string>;
                 };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -13059,6 +13056,9 @@ declare const ConversationPreviewUI: {
                 shape: import('..').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         isSelected: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -13268,9 +13268,9 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: import('..').ConversationModel) => void;
+        selectConversation: (conversation: import('..').ConversationModel) => void;
     }, import('vue').PublicProps, {
         Avatar: import('vue').Component<import('..').AvatarProps>;
         isSelected: boolean;
@@ -13291,22 +13291,19 @@ declare const ConversationPreviewUI: {
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
-        children: {
-            type: import('vue').PropType<any>;
-        };
         Avatar: {
             type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -13341,16 +13338,16 @@ declare const ConversationPreviewUI: {
                     type: import('vue').PropType<string>;
                 };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('..').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('..').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -13394,6 +13391,9 @@ declare const ConversationPreviewUI: {
                 shape: import('..').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         isSelected: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -13603,7 +13603,7 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, {
         Avatar: import('vue').Component<import('..').AvatarProps>;
         isSelected: boolean;
@@ -13621,22 +13621,19 @@ declare const ConversationPreviewUI: {
     style: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
-    children: {
-        type: import('vue').PropType<any>;
-    };
     Avatar: {
         type: import('vue').PropType<import('vue').Component<import('..').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -13671,16 +13668,16 @@ declare const ConversationPreviewUI: {
                 type: import('vue').PropType<string>;
             };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('..').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('..').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -13724,6 +13721,9 @@ declare const ConversationPreviewUI: {
             shape: import('..').AvatarShape;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
+    children: {
+        type: import('vue').PropType<any>;
+    };
     isSelected: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -13933,9 +13933,9 @@ declare const ConversationPreviewUI: {
         type: import('vue').PropType<import('..').ConversationActionsConfig>;
     };
 }>> & Readonly<{
-    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (conversation: import('..').ConversationModel) => void;
+    selectConversation: (conversation: import('..').ConversationModel) => void;
 }, string, {
     Avatar: import('vue').Component<import('..').AvatarProps>;
     isSelected: boolean;
@@ -13983,13 +13983,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -14028,13 +14028,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -14104,13 +14104,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -14149,13 +14149,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -14539,13 +14539,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -14584,13 +14584,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -15025,13 +15025,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -15070,13 +15070,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-            };
             value: {
                 type: import('vue').PropType<string>;
                 default: string;
             };
+            placeholder: {
+                type: import('vue').PropType<string>;
+            };
             className: {
                 type: import('vue').PropType<string>;
                 default: string;
@@ -15146,13 +15146,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -15191,13 +15191,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -15581,13 +15581,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -15626,13 +15626,13 @@ declare const ConversationSearch: import('vue').DefineComponent<import('vue').Ex
                     onChange: {
                         type: import('vue').PropType<(e: Event) => void>;
                     };
-                    placeholder: {
-                        type: import('vue').PropType<string>;
-                    };
                     value: {
                         type: import('vue').PropType<string>;
                         default: string;
                     };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                    };
                     className: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -16549,7 +16549,7 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     message: {
-        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        type: import('vue').PropType<import('..').MessageModel>;
         required: true;
     };
     isLastInChunk: {
@@ -16582,7 +16582,7 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     message: {
-        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        type: import('vue').PropType<import('..').MessageModel>;
         required: true;
     };
     isLastInChunk: {
@@ -16627,18 +16627,22 @@ declare const MessageInput: {
         slots: {
             type: import('vue').PropType<import('../components/MessageInput/types').MessageInputSlots>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
         actions: {
             type: import('vue').PropType<import('../components/MessageInput/types').MessageInputActions>;
             default: () => string[];
@@ -16652,9 +16656,10 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        placeholder: string;
         disabled: boolean;
+        placeholder: string;
         autoFocus: boolean;
+        maxLength: number;
         actions: import('../components/MessageInput/types').MessageInputActions;
         attachmentPickerMode: import('../components/MessageInput/types').MessageInputAttachmentPickerMode;
         hideSendButton: boolean;
@@ -16669,18 +16674,22 @@ declare const MessageInput: {
         slots: {
             type: import('vue').PropType<import('../components/MessageInput/types').MessageInputSlots>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
         actions: {
             type: import('vue').PropType<import('../components/MessageInput/types').MessageInputActions>;
             default: () => string[];
@@ -16694,9 +16703,10 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        placeholder: string;
         disabled: boolean;
+        placeholder: string;
         autoFocus: boolean;
+        maxLength: number;
         actions: import('../components/MessageInput/types').MessageInputActions;
         attachmentPickerMode: import('../components/MessageInput/types').MessageInputAttachmentPickerMode;
         hideSendButton: boolean;
@@ -16708,18 +16718,22 @@ declare const MessageInput: {
     slots: {
         type: import('vue').PropType<import('../components/MessageInput/types').MessageInputSlots>;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    maxLength: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
     actions: {
         type: import('vue').PropType<import('../components/MessageInput/types').MessageInputActions>;
         default: () => string[];
@@ -16733,9 +16747,10 @@ declare const MessageInput: {
         default: boolean;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
+    maxLength: number;
     actions: import('../components/MessageInput/types').MessageInputActions;
     attachmentPickerMode: import('../components/MessageInput/types').MessageInputAttachmentPickerMode;
     hideSendButton: boolean;