@connectycube/react-ui-kit 0.0.20 → 0.1.0

package/dist/types/components/attachment.d.ts

@@ -1,20 +1,19 @@
 import type React from 'react';
 import { type LucideProps } from 'lucide-react';
 interface AttachmentProps {
+    pending?: boolean;
     uid?: string;
     url?: string;
     mimeType?: string;
-    pending?: boolean;
-    onReady?: (skipOnce?: boolean) => void;
+    onReady?: () => void;
     linkProps?: AttachmentLinkProps;
     containerProps?: React.ComponentProps<'div'>;
 }
-interface AttachmentLinkProps extends React.ComponentProps<'a'>, Omit<AttachmentProps, 'containerProps' & 'mimeType' & 'onReady'> {
-    children?: React.ReactNode;
+interface AttachmentLinkProps extends React.ComponentProps<'a'>, Omit<AttachmentProps, 'containerProps' & 'mimeType'> {
 }
 interface AttachmentImageProps extends React.ComponentProps<'img'>, Omit<AttachmentProps, 'containerProps' & 'mimeType'> {
 }
-interface AttachmentAudioProps extends React.ComponentProps<'audio'>, Omit<AttachmentProps, 'linkProps' & 'mimeType' & 'onReady'> {
+interface AttachmentAudioProps extends React.ComponentProps<'audio'>, Omit<AttachmentProps, 'linkProps' & 'mimeType'> {
 }
 interface AttachmentVideoProps extends React.ComponentProps<'video'>, Omit<AttachmentProps, 'linkProps' & 'mimeType'> {
     maxSize?: number;
@@ -39,7 +38,7 @@ declare function AttachmentFailed({ name, pending, iconElement, containerProps,
 declare namespace AttachmentFailed {
     var displayName: string;
 }
-declare function AttachmentBase({ mimeType, ...props }: AttachmentProps): import("react/jsx-runtime").JSX.Element;
+declare function AttachmentBase({ mimeType, onReady, containerProps, linkProps, ...props }: AttachmentProps): import("react/jsx-runtime").JSX.Element;
 declare const Attachment: React.MemoExoticComponent<typeof AttachmentBase>;
 export { Attachment, AttachmentLink, AttachmentImage, AttachmentAudio, AttachmentVideo, AttachmentFile, AttachmentFailed, type AttachmentLinkProps, type AttachmentImageProps, type AttachmentAudioProps, type AttachmentVideoProps, type AttachmentFileProps, type AttachmentFailedProps, type AttachmentProps, };
 //# sourceMappingURL=attachment.d.ts.map

package/dist/types/components/attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/components/attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAInE,UAAU,eAAe;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CAC9C;AAED,UAAU,mBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAC;IACnG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,oBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,CAAC;CAAG;AAE9F,UAAU,oBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;CAAG;AAEvG,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC;IACnH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,mBAAoB,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,CAAC;IACrG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,UAAU,qBAAsB,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC;IAClG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAwBD,QAAA,MAAM,cAAc,4GAAyE,CAAC;AAqB9F,QAAA,MAAM,eAAe,4GAA0E,CAAC;AAmDhG,QAAA,MAAM,eAAe,4GAA0E,CAAC;AAgChG,QAAA,MAAM,eAAe,4GAA0E,CAAC;AAIhG,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAe,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA2B5G;kBA3BQ,cAAc;;;AA+BvB,iBAAS,gBAAgB,CAAC,EACxB,IAAqB,EACrB,OAAe,EACf,WAAW,EACX,cAAc,EACd,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkBvB;kBAxBQ,gBAAgB;;;AA4BzB,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAiB9D;AAED,QAAA,MAAM,UAAU,kDAAuB,CAAC;AAIxC,OAAO,EACL,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,CAAC"}
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/components/attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAInE,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CAC9C;AAED,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,CAAC;CAAG;AAExH,UAAU,oBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,CAAC;CAAG;AAE9F,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC;CAAG;AAExH,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC;IACnH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,mBAAoB,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,UAAU,CAAC;IACrG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,UAAU,qBAAsB,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC;IAClG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAwBD,QAAA,MAAM,cAAc,4GAAyE,CAAC;AAqB9F,QAAA,MAAM,eAAe,4GAA0E,CAAC;AAmDhG,QAAA,MAAM,eAAe,4GAA0E,CAAC;AAgChG,QAAA,MAAM,eAAe,4GAA0E,CAAC;AAIhG,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAe,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA2B5G;kBA3BQ,cAAc;;;AA+BvB,iBAAS,gBAAgB,CAAC,EACxB,IAAqB,EACrB,OAAe,EACf,WAAW,EACX,cAAc,EACd,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkBvB;kBAxBQ,gBAAgB;;;AA4BzB,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,OAAkB,EAClB,cAAmB,EACnB,SAAc,EACd,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB;AAED,QAAA,MAAM,UAAU,kDAAuB,CAAC;AAIxC,OAAO,EACL,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,CAAC"}

package/dist/types/components/chat-bubble.d.ts

@@ -0,0 +1,32 @@
+import type React from 'react';
+import { type AvatarProps } from './avatar';
+import { type FormattedDateProps } from './formatted-date';
+import { type StatusSentProps } from './status-sent';
+interface ChatBubbleProps extends React.ComponentProps<'div'> {
+    onView?: () => void;
+    isLast?: boolean;
+    date?: FormattedDateProps['date'];
+    language?: FormattedDateProps['language'];
+    formattedDateProps?: FormattedDateProps;
+}
+interface ChatBubbleMessageProps extends ChatBubbleProps {
+    fromMe: boolean;
+    sameSenderAbove: boolean;
+    title?: string;
+    senderName?: string;
+    senderAvatar?: AvatarProps['src'];
+    statusSent?: StatusSentProps['status'];
+    avatarProps?: AvatarProps;
+    bubbleProps?: React.ComponentProps<'div'>;
+    titleProps?: React.ComponentProps<'span'>;
+    statusSentProps?: StatusSentProps;
+}
+interface ChatBubbleInfoProps extends ChatBubbleProps {
+    info?: string | undefined;
+    iconElement?: React.ReactNode;
+    infoProps?: React.ComponentProps<'span'>;
+}
+declare const ChatBubbleMessage: React.NamedExoticComponent<Omit<ChatBubbleMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChatBubbleInfo: React.NamedExoticComponent<Omit<ChatBubbleInfoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChatBubbleMessage, ChatBubbleInfo, type ChatBubbleMessageProps, type ChatBubbleInfoProps };
+//# sourceMappingURL=chat-bubble.d.ts.map

package/dist/types/components/chat-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-bubble.d.ts","sourceRoot":"","sources":["../../../src/components/chat-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAGjE,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED,UAAU,sBAAuB,SAAQ,eAAe;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;CAC1C;AA2GD,QAAA,MAAM,iBAAiB,uGAAkF,CAAC;AA+B1G,QAAA,MAAM,cAAc,oGAA4E,CAAC;AAIjG,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,CAAC"}

package/dist/types/components/chat-input.d.ts

@@ -0,0 +1,27 @@
+import type React from 'react';
+import { type TextareaAutosizeProps } from 'react-textarea-autosize';
+import { type LucideProps } from 'lucide-react';
+import { type LabelProps } from './label';
+interface ChatInputSendProps extends LabelProps {
+    onSend: () => void;
+    iconElement?: React.ReactNode;
+    iconProps?: LucideProps;
+}
+interface ChatInputProps extends TextareaAutosizeProps, Omit<React.ComponentProps<'textarea'>, 'style'> {
+    children?: React.ReactNode;
+    pending?: boolean;
+    draft?: string;
+    onSend?: (value?: string) => void;
+    onDraft?: (value?: string) => void;
+    onTyping?: (typing?: boolean) => void;
+    onHeightGrow?: (data: {
+        height: number;
+        shift: number;
+    }) => void;
+    hideChatInputSend?: boolean;
+    chatInputSendProps?: ChatInputSendProps;
+    containerProps?: React.ComponentProps<'div'>;
+}
+declare const ChatInput: React.ForwardRefExoticComponent<Omit<ChatInputProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { ChatInput, type ChatInputProps };
+//# sourceMappingURL=chat-input.d.ts.map

package/dist/types/components/chat-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../../src/components/chat-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAyB,EAAE,KAAK,qBAAqB,EAAiC,MAAM,yBAAyB,CAAC;AACtH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAGjD,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,UAAU,cAAe,SAAQ,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CAC9C;AA+ID,QAAA,MAAM,SAAS,yGAAiE,CAAC;AAIjF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/types/components/chat-list.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { VirtualizerProps, type VirtualizerHandle } from 'virtua';
+import { type FilePickerDropzoneProps } from './file-picker';
+import { type QuickActionsProps } from './quick-actions';
+interface ChatListProps extends VirtualizerProps {
+    key: string;
+    loading?: boolean;
+    textareaMeasurement: {
+        height: number;
+        shift: number;
+    };
+    offsetToReach?: number;
+    onScrollStartReached?: () => void;
+    onScrollEndReached?: () => void;
+    onListReset?: (prev: string | undefined, next: string | undefined) => void;
+    onListCreate?: () => void;
+    onListGrow?: () => void;
+    enableFilePickerDropzone?: boolean;
+    containerProps?: React.ComponentProps<'div'>;
+    filePickerDropzoneProps?: FilePickerDropzoneProps;
+    quickActionsProps?: QuickActionsProps;
+    quickActionsVisible?: boolean;
+    minItemsCount?: number;
+}
+interface ChatListHandle extends VirtualizerHandle {
+    scrollToBottom: (force?: boolean) => void;
+}
+declare const ChatList: React.ForwardRefExoticComponent<ChatListProps & React.RefAttributes<ChatListHandle>>;
+export { ChatList, type ChatListProps, type ChatListHandle };
+//# sourceMappingURL=chat-list.d.ts.map

package/dist/types/components/chat-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AACzG,OAAO,EAAe,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIvE,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7C,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AAoID,QAAA,MAAM,QAAQ,sFAA0D,CAAC;AAIzE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/types/components/checkbox.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { type LucideProps } from 'lucide-react';
+interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
+    iconElement?: React.ReactNode;
+    iconProps?: LucideProps;
+    indicatorProps?: CheckboxPrimitive.CheckboxIndicatorProps;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox, type CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/types/components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3D,UAAU,aAAc,SAAQ,iBAAiB,CAAC,aAAa;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,cAAc,CAAC,EAAE,iBAAiB,CAAC,sBAAsB,CAAC;CAC3D;AAyBD,QAAA,MAAM,QAAQ,yFAA6D,CAAC;AAI5E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}

package/dist/types/components/dialogs-list.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import { type VListHandle, type VListProps } from 'virtua';
+interface DialogsListProps extends VListProps {
+    pending?: boolean;
+    pendingListLength?: number;
+    offsetToReach?: number;
+    placeholderVisible?: boolean;
+    placeholderTitles?: string[];
+    onScrollStartReached?: () => void;
+    onScrollEndReached?: () => void;
+}
+declare const DialogsList: React.ForwardRefExoticComponent<DialogsListProps & React.RefAttributes<VListHandle>>;
+export { DialogsList, type DialogsListProps };
+//# sourceMappingURL=dialogs-list.d.ts.map

package/dist/types/components/dialogs-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs-list.d.ts","sourceRoot":"","sources":["../../../src/components/dialogs-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGlE,UAAU,gBAAiB,SAAQ,UAAU;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAkED,QAAA,MAAM,WAAW,sFAA6D,CAAC;AAI/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAC"}

package/dist/types/components/file-picker.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 import { LucideProps } from 'lucide-react';
 import { type LabelProps } from './label';
 interface FilePickerInputProps extends React.ComponentProps<'input'> {
-    onSelectFile: (files: File[]) => void;
+    onSelectFile?: (files: File[]) => void;
     onInvalidFile?: () => void;
     iconElement?: React.ReactNode;
     labelProps?: LabelProps;

package/dist/types/components/file-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-picker.d.ts","sourceRoot":"","sources":["../../../src/components/file-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAkB,WAAW,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAwDjD,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IAClE,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC5C,yBAAyB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;CACjD;AAoDD,QAAA,MAAM,eAAe,4GAA0E,CAAC;AA6FhG,QAAA,MAAM,kBAAkB,6GAA8E,CAAC;AAIvG,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,IAAI,KAAK,EACxB,kBAAkB,IAAI,QAAQ,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,GAC7B,CAAC"}
+{"version":3,"file":"file-picker.d.ts","sourceRoot":"","sources":["../../../src/components/file-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAkB,WAAW,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAwDjD,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC5C,yBAAyB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;CACjD;AAoDD,QAAA,MAAM,eAAe,4GAA0E,CAAC;AA6FhG,QAAA,MAAM,kBAAkB,6GAA8E,CAAC;AAIvG,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,IAAI,KAAK,EACxB,kBAAkB,IAAI,QAAQ,EAC9B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,GAC7B,CAAC"}

package/dist/types/components/placeholder-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder-text.d.ts","sourceRoot":"","sources":["../../../src/components/placeholder-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CACxC;AAuBD,QAAA,MAAM,eAAe,0GAAkC,CAAC;AAIxD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"placeholder-text.d.ts","sourceRoot":"","sources":["../../../src/components/placeholder-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CACxC;AA2BD,QAAA,MAAM,eAAe,0GAAkC,CAAC;AAIxD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/types/components/quick-actions.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+interface QuickActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    actions?: string[];
+    onAction?: (action: string) => void;
+    containerProps?: React.ComponentProps<'div'>;
+    titleProps?: React.ComponentProps<'h2'>;
+    descriptionProps?: React.ComponentProps<'span'>;
+    actionProps?: React.ComponentProps<'div'>;
+}
+declare const QuickActions: React.ForwardRefExoticComponent<QuickActionsProps & React.RefAttributes<HTMLDivElement>>;
+export { QuickActions, type QuickActionsProps };
+//# sourceMappingURL=quick-actions.d.ts.map

package/dist/types/components/quick-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-actions.d.ts","sourceRoot":"","sources":["../../../src/components/quick-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;CAC3C;AAwDD,QAAA,MAAM,YAAY,0FAAkE,CAAC;AAIrF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}

package/dist/types/components/status-call.d.ts

@@ -0,0 +1,8 @@
+import { type LucideProps } from 'lucide-react';
+interface StatusCallProps extends LucideProps {
+    fromMe?: boolean;
+    status?: 'reject' | 'notAnswer' | 'hungUp' | 'cancel' | undefined;
+}
+declare const StatusCall: React.FC<StatusCallProps>;
+export { StatusCall, type StatusCallProps };
+//# sourceMappingURL=status-call.d.ts.map

package/dist/types/components/status-call.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-call.d.ts","sourceRoot":"","sources":["../../../src/components/status-call.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGlG,UAAU,eAAgB,SAAQ,WAAW;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;CACnE;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAUzC,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAC"}

package/dist/types/index.d.ts

@@ -3,9 +3,12 @@ export { Attachment, AttachmentLink, AttachmentImage, AttachmentAudio, Attachmen
 export { Avatar, type AvatarProps } from './components/avatar';
 export { Badge, type BadgeProps } from './components/badge';
 export { Button, type ButtonProps } from './components/button';
-export { CallMessage, type CallMessageProps } from './components/call-message';
-export { ChatMessage, type ChatMessageProps } from './components/chat-message';
+export { ChatBubbleMessage, ChatBubbleInfo, type ChatBubbleMessageProps, type ChatBubbleInfoProps, } from './components/chat-bubble';
+export { ChatInput, type ChatInputProps } from './components/chat-input';
+export { ChatList, type ChatListProps, type ChatListHandle } from './components/chat-list';
+export { Checkbox, type CheckboxProps } from './components/checkbox';
 export { DialogItem, type DialogItemProps } from './components/dialog-item';
+export { DialogsList, type DialogsListProps } from './components/dialogs-list';
 export { DismissLayer, type DismissLayerProps } from './components/dismiss-layer';
 export { FilePickerInput, FilePickerDropzone, type FilePickerInputProps, type FilePickerDropzoneProps, } from './components/file-picker';
 export { FormattedDate, type FormattedDateProps } from './components/formatted-date';
@@ -15,8 +18,10 @@ export { LinkPreview, type LinkPreviewProps } from './components/link-preview';
 export { LinkifyText, type LinkifyTextProps } from './components/linkify-text';
 export { PlaceholderText, type PlaceholderTextProps } from './components/placeholder-text';
 export { Presence, PresenceBadge, type PresenceStatus, type PresenceProps, type PresenceBadgeProps, } from './components/presence';
+export { QuickActions, type QuickActionsProps } from './components/quick-actions';
 export { Search, type SearchProps } from './components/search';
 export { Spinner, type SpinnerProps } from './components/spinner';
+export { StatusCall, type StatusCallProps } from './components/status-call';
 export { StatusIndicator, type StatusName, type StatusIndicatorProps } from './components/status-indicator';
 export { StatusSent, type StatusSentProps } from './components/status-sent';
 export { StreamView, LocalStreamView, RemoteStreamView, FullscreenStreamView, type StreamViewProps, type FullscreenStreamViewProps, type FullscreenStreamViewRef, } from './components/stream-view';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EACL,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAErF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE3F,OAAO,EACL,QAAQ,EACR,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,KAAK,UAAU,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5G,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,GAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/gen/components/attachment.jsx

@@ -73,7 +73,7 @@ function AttachmentVideoBase(
     }
   };
 
-  useImperativeHandle(ref, () => playerRef.current, []);
+  useImperativeHandle(ref, () => playerRef.current || {}, []);
 
   return (
     <div
@@ -182,7 +182,7 @@ function AttachmentFailed({ name = 'Unknown file', pending = false, iconElement,
 
 AttachmentFailed.displayName = 'AttachmentFailed';
 
-function AttachmentBase({ mimeType, ...props }) {
+function AttachmentBase({ mimeType, onReady = () => {}, containerProps = {}, linkProps = {}, ...props }) {
   const [type = ''] = mimeType?.split('/') || [];
 
   if (!props.url) {
@@ -191,13 +191,13 @@ function AttachmentBase({ mimeType, ...props }) {
 
   switch (type) {
     case 'image':
-      return <AttachmentImage {...props} />;
+      return <AttachmentImage onReady={onReady} linkProps={linkProps} {...props} />;
     case 'video':
-      return <AttachmentVideo {...props} />;
+      return <AttachmentVideo onReady={onReady} containerProps={containerProps} {...props} />;
     case 'audio':
-      return <AttachmentAudio {...props} />;
+      return <AttachmentAudio containerProps={containerProps} {...props} />;
     default:
-      return <AttachmentFile name={mimeType} {...props} />;
+      return <AttachmentFile name={mimeType} containerProps={containerProps} {...props} />;
   }
 }
 

package/gen/components/button.jsx

@@ -44,7 +44,7 @@ function ButtonBase({ asChild = false, variant, size, className, ...props }, ref
           size,
           className,
         }),
-        'transition-all ease-in-out duration-300'
+        'transition-all ease-out duration-300'
       )}
     />
   );

package/gen/components/{chat-message.jsx → chat-bubble.jsx}

@@ -1,70 +1,69 @@
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import { useInView } from 'react-intersection-observer';
-import { Attachment } from './attachment';
 import { Avatar } from './avatar';
 import { FormattedDate } from './formatted-date';
-import { LinkifyText } from './linkify-text';
-import { LinkPreview } from './link-preview';
 import { StatusSent } from './status-sent';
 import { cn } from './utils';
 
-function ChatMessageBase(
+function ChatBubbleBase({ onView = () => {}, isLast, children, ...props }, ref) {
+  const [setRef, inView] = useInView();
+  const messageRef = useRef(null);
+  const setRefs = useCallback(
+    (node) => {
+      messageRef.current = node;
+      setRef(node);
+    },
+    [setRef]
+  );
+
+  useEffect(() => {
+    if (inView) {
+      onView();
+    }
+  }, [inView, onView]);
+
+  useImperativeHandle(ref, () => messageRef.current || {}, []);
+
+  return (
+    <div ref={setRefs} {...props} className={cn('mt-2', isLast && 'mb-2', inView && 'view', props?.className)}>
+      {children}
+    </div>
+  );
+}
+
+const ChatBubble = forwardRef(ChatBubbleBase);
+
+function ChatBubbleMessageBase(
   {
-    isLast,
     fromMe,
     sameSenderAbove,
     title,
     senderName,
     senderAvatar,
-    attachmentElement,
-    linkifyTextElement,
-    linkPreviewElement,
-    onView = () => {},
+    date = new Date(),
+    language = 'en',
+    statusSent,
     avatarProps,
     bubbleProps,
     titleProps,
     formattedDateProps,
     statusSentProps,
-    attachmentProps,
-    linkifyTextProps,
-    linkPreviewProps,
     children,
     ...props
   },
   ref
 ) {
-  const [setRef, inView] = useInView();
-  const messageRef = useRef(null);
-  const setRefs = useCallback(
-    (node) => {
-      messageRef.current = node;
-      setRef(node);
-    },
-    [setRef]
-  );
   const hasAvatar = Boolean((avatarProps || senderAvatar) && !sameSenderAbove);
   const hasAvatarMargin = Boolean((avatarProps || senderAvatar) && sameSenderAbove);
-  const hasThinMarginTop = hasAvatarMargin || Boolean(fromMe && sameSenderAbove);
-
-  useEffect(() => {
-    if (inView) {
-      onView();
-    }
-  }, [inView, onView]);
-
-  useImperativeHandle(ref, () => messageRef.current, []);
 
   return (
-    <div
-      ref={setRefs}
+    <ChatBubble
+      ref={ref}
       {...props}
       className={cn(
         `flex relative text-left whitespace-pre-wrap`,
         fromMe ? 'self-end flex-row-reverse ml-12' : `self-start mr-12`,
-        isLast && 'mb-2',
-        hasThinMarginTop ? 'mt-1' : 'mt-2',
-        inView && 'view',
-        props?.className
+        sameSenderAbove && 'mt-1'
       )}
     >
       {hasAvatar && (
@@ -72,10 +71,10 @@ function ChatMessageBase(
           name={senderName}
           src={senderAvatar}
           imageProps={{
-            className: 'bg-ring/30',
+            className: 'bg-blue-200',
           }}
           fallbackProps={{
-            className: 'bg-ring/30',
+            className: 'bg-blue-200',
           }}
           {...avatarProps}
           className={cn('mt-1 mr-1', avatarProps?.className)}
@@ -84,8 +83,8 @@ function ChatMessageBase(
 
       <div
         className={cn(
-          'relative flex flex-col min-w-42 max-w-120 rounded-xl px-2 pt-2 pb-6',
-          fromMe ? 'bg-blue-200' : 'bg-gray-200',
+          'relative flex flex-col min-w-42 max-w-120 rounded-xl px-2 pt-2 pb-6 shadow-sm',
+          fromMe ? 'bg-gray-200' : 'bg-blue-200',
           hasAvatarMargin && 'ml-9',
           bubbleProps?.className
         )}
@@ -103,18 +102,40 @@ function ChatMessageBase(
           </span>
         )}
         {children}
-        {attachmentElement || (attachmentProps ? <Attachment {...attachmentProps} /> : null)}
-        {linkifyTextElement || (linkifyTextProps ? <LinkifyText {...linkifyTextProps} /> : null)}
-        {linkPreviewElement || (linkPreviewProps ? <LinkPreview {...linkPreviewProps} /> : null)}
         <div className="absolute bottom-1 right-2 flex items-center gap-1 italic">
-          <FormattedDate distanceToNow {...formattedDateProps} />
-          <StatusSent {...statusSentProps} />
+          <FormattedDate date={date} language={language} distanceToNow {...formattedDateProps} />
+          <StatusSent status={statusSent} {...statusSentProps} />
         </div>
       </div>
-    </div>
+    </ChatBubble>
+  );
+}
+
+const ChatBubbleMessage = memo(forwardRef(ChatBubbleMessageBase));
+
+ChatBubbleMessage.displayName = 'ChatBubbleMessage';
+
+function ChatBubbleInfoBase(
+  { info = '', iconElement, date = new Date(), language = 'en', infoProps, formattedDateProps, ...props },
+  ref
+) {
+  return (
+    <ChatBubble
+      ref={ref}
+      {...props}
+      className={cn('flex items-center justify-center gap-2 rounded-full w-fit bg-ring/20 mx-auto px-3 py-1.5 mt-2')}
+    >
+      {iconElement}
+      <span {...infoProps} className={cn('text-sm mb-px', infoProps?.className)}>
+        {info}
+      </span>
+      <FormattedDate date={date} language={language} distanceToNow {...formattedDateProps} />
+    </ChatBubble>
   );
 }
 
-const ChatMessage = memo(forwardRef(ChatMessageBase));
+const ChatBubbleInfo = memo(forwardRef(ChatBubbleInfoBase));
+
+ChatBubbleInfo.displayName = 'ChatBubbleInfo';
 
-export { ChatMessage };
+export { ChatBubbleMessage, ChatBubbleInfo };