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/components/ConversationList/index.d.ts CHANGED Viewed

@@ -8,22 +8,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('../Avatar').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -58,16 +55,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('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -111,8 +108,8 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             shape: import('../Avatar').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>>;
@@ -121,22 +118,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -171,16 +165,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -224,6 +218,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -433,9 +430,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -456,22 +453,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -506,16 +500,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -559,6 +553,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -768,7 +765,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -786,22 +783,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('../Avatar').AvatarProps>>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -836,16 +830,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('../Avatar').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -889,6 +883,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     shape: import('../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             isSelected: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -1098,9 +1095,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('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -1116,6 +1113,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             };
         });
     };
+    className: {
+        type: import('vue').PropType<string>;
+    };
     enableSearch: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -1350,13 +1350,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;
@@ -1395,13 +1395,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;
@@ -1471,13 +1471,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;
@@ -1516,13 +1516,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;
@@ -1906,13 +1906,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;
@@ -1951,13 +1951,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;
@@ -2392,13 +2392,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;
@@ -2437,13 +2437,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;
@@ -2513,13 +2513,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;
@@ -2558,13 +2558,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;
@@ -2948,13 +2948,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;
@@ -2993,13 +2993,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;
@@ -3419,9 +3419,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;
@@ -3430,6 +3427,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;
@@ -3451,9 +3451,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;
@@ -3462,6 +3459,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;
@@ -3480,9 +3480,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;
@@ -3491,6 +3488,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;
@@ -3522,13 +3522,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, {
@@ -3576,13 +3576,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, {
@@ -3627,13 +3627,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, {
@@ -3683,22 +3683,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('../Avatar').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -3733,16 +3730,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('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -3786,8 +3783,8 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             shape: import('../Avatar').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>>;
@@ -3796,22 +3793,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -3846,16 +3840,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -3899,6 +3893,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -4108,9 +4105,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -4131,22 +4128,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -4181,16 +4175,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -4234,6 +4228,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -4443,7 +4440,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -4461,22 +4458,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('../Avatar').AvatarProps>>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -4511,16 +4505,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('../Avatar').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -4564,6 +4558,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     shape: import('../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             isSelected: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -4773,9 +4770,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('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -4791,6 +4788,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
             };
         });
     };
+    className: {
+        type: import('vue').PropType<string>;
+    };
     enableSearch: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -5025,13 +5025,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;
@@ -5070,13 +5070,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;
@@ -5146,13 +5146,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;
@@ -5191,13 +5191,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;
@@ -5581,13 +5581,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;
@@ -5626,13 +5626,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;
@@ -6067,13 +6067,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;
@@ -6112,13 +6112,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;
@@ -6188,13 +6188,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;
@@ -6233,13 +6233,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;
@@ -6623,13 +6623,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;
@@ -6668,13 +6668,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;
@@ -7094,9 +7094,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;
@@ -7105,6 +7102,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;
@@ -7126,9 +7126,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;
@@ -7137,6 +7134,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;
@@ -7155,9 +7155,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;
@@ -7166,6 +7163,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;
@@ -7197,13 +7197,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, {
@@ -7251,13 +7251,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, {
@@ -7302,13 +7302,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, {
@@ -7530,9 +7530,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;
@@ -7541,6 +7538,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;
@@ -7562,9 +7562,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;
@@ -7573,6 +7570,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;
@@ -7591,9 +7591,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;
@@ -7602,6 +7599,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;
@@ -7630,13 +7630,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, {
@@ -7684,13 +7684,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, {
@@ -7735,13 +7735,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, {
@@ -7832,22 +7832,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('../Avatar').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -7882,16 +7879,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('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -7935,17 +7932,13 @@ declare const ConversationPreview: {
                 shape: import('../Avatar').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: () => {
@@ -7953,22 +7946,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('../Avatar').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -8003,16 +7993,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('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -8056,6 +8046,9 @@ declare const ConversationPreview: {
                             shape: import('../Avatar').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -8265,9 +8258,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('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -8288,22 +8281,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('../Avatar').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -8338,16 +8328,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('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -8391,6 +8381,9 @@ declare const ConversationPreview: {
                             shape: import('../Avatar').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -8600,7 +8593,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('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -8618,22 +8611,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -8668,16 +8658,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -8721,6 +8711,9 @@ declare const ConversationPreview: {
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -8930,9 +8923,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -8948,6 +8941,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<{
@@ -9122,22 +9122,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('../Avatar').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -9172,16 +9169,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('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -9225,17 +9222,13 @@ declare const ConversationPreview: {
                 shape: import('../Avatar').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: () => {
@@ -9243,22 +9236,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('../Avatar').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9293,16 +9283,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('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9346,6 +9336,9 @@ declare const ConversationPreview: {
                             shape: import('../Avatar').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -9555,9 +9548,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('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -9578,22 +9571,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('../Avatar').AvatarProps>>;
                         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                            size: {
-                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9628,16 +9618,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('../Avatar').AvatarSize>;
-                                default: string;
-                            };
                             style: {
                                 type: import('vue').PropType<import('vue').CSSProperties>;
                             };
                             onClick: {
                                 type: import('vue').PropType<() => void>;
                             };
+                            size: {
+                                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                                default: string;
+                            };
                             src: {
                                 type: import('vue').PropType<string>;
                             };
@@ -9681,6 +9671,9 @@ declare const ConversationPreview: {
                             shape: import('../Avatar').AvatarShape;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     };
+                    children: {
+                        type: import('vue').PropType<any>;
+                    };
                     isSelected: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -9890,7 +9883,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('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -9908,22 +9901,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -9958,16 +9948,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -10011,6 +10001,9 @@ declare const ConversationPreview: {
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -10220,9 +10213,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -10238,6 +10231,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<{
@@ -10407,22 +10407,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('../Avatar').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -10457,16 +10454,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('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -10510,17 +10507,13 @@ declare const ConversationPreview: {
             shape: import('../Avatar').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: () => {
@@ -10528,22 +10521,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -10578,16 +10568,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -10631,6 +10621,9 @@ declare const ConversationPreview: {
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -10840,9 +10833,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -10863,22 +10856,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('../Avatar').AvatarProps>>;
                     default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        size: {
-                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -10913,16 +10903,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('../Avatar').AvatarSize>;
-                            default: string;
-                        };
                         style: {
                             type: import('vue').PropType<import('vue').CSSProperties>;
                         };
                         onClick: {
                             type: import('vue').PropType<() => void>;
                         };
+                        size: {
+                            type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                            default: string;
+                        };
                         src: {
                             type: import('vue').PropType<string>;
                         };
@@ -10966,6 +10956,9 @@ declare const ConversationPreview: {
                         shape: import('../Avatar').AvatarShape;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 };
+                children: {
+                    type: import('vue').PropType<any>;
+                };
                 isSelected: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -11175,7 +11168,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('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -11193,22 +11186,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('../Avatar').AvatarProps>>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -11243,16 +11233,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('../Avatar').AvatarSize>;
-                        default: string;
-                    };
                     style: {
                         type: import('vue').PropType<import('vue').CSSProperties>;
                     };
                     onClick: {
                         type: import('vue').PropType<() => void>;
                     };
+                    size: {
+                        type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                        default: string;
+                    };
                     src: {
                         type: import('vue').PropType<string>;
                     };
@@ -11296,6 +11286,9 @@ declare const ConversationPreview: {
                     shape: import('../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
+            children: {
+                type: import('vue').PropType<any>;
+            };
             isSelected: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -11505,9 +11498,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('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -11523,6 +11516,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<{
@@ -11696,22 +11696,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('../Avatar').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -11746,16 +11743,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('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -11799,6 +11796,9 @@ declare const ConversationPreviewUI: {
                 shape: import('../Avatar').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         isSelected: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -12008,9 +12008,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('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -12031,22 +12031,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('../Avatar').AvatarProps>>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -12081,16 +12078,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('../Avatar').AvatarSize>;
-                    default: string;
-                };
                 style: {
                     type: import('vue').PropType<import('vue').CSSProperties>;
                 };
                 onClick: {
                     type: import('vue').PropType<() => void>;
                 };
+                size: {
+                    type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                    default: string;
+                };
                 src: {
                     type: import('vue').PropType<string>;
                 };
@@ -12134,6 +12131,9 @@ declare const ConversationPreviewUI: {
                 shape: import('../Avatar').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
+        children: {
+            type: import('vue').PropType<any>;
+        };
         isSelected: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -12343,7 +12343,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('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -12361,22 +12361,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('../Avatar').AvatarProps>>;
         default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<import('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -12411,16 +12408,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('../Avatar').AvatarSize>;
-                default: string;
-            };
             style: {
                 type: import('vue').PropType<import('vue').CSSProperties>;
             };
             onClick: {
                 type: import('vue').PropType<() => void>;
             };
+            size: {
+                type: import('vue').PropType<import('../Avatar').AvatarSize>;
+                default: string;
+            };
             src: {
                 type: import('vue').PropType<string>;
             };
@@ -12464,6 +12461,9 @@ declare const ConversationPreviewUI: {
             shape: import('../Avatar').AvatarShape;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
+    children: {
+        type: import('vue').PropType<any>;
+    };
     isSelected: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -12673,9 +12673,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('../Avatar').AvatarProps>;
     isSelected: boolean;
@@ -12723,13 +12723,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;
@@ -12768,13 +12768,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;
@@ -12844,13 +12844,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;
@@ -12889,13 +12889,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;
@@ -13279,13 +13279,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;
@@ -13324,13 +13324,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;
@@ -13765,13 +13765,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;
@@ -13810,13 +13810,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;
@@ -13886,13 +13886,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;
@@ -13931,13 +13931,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;
@@ -14321,13 +14321,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;
@@ -14366,13 +14366,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;