@liveblocks/react-ui 2.18.3 → 2.18.4-uns2

package/dist/components/Comment.js

@@ -1,59 +1,38 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var _private = require('@liveblocks/react/_private');
-var TogglePrimitive = require('@radix-ui/react-toggle');
-var react = require('react');
-var Check = require('../icons/Check.js');
-var Cross = require('../icons/Cross.js');
-var Delete = require('../icons/Delete.js');
-var Edit = require('../icons/Edit.js');
-var Ellipsis = require('../icons/Ellipsis.js');
-var EmojiAdd = require('../icons/EmojiAdd.js');
-var overrides = require('../overrides.js');
-var index = require('../primitives/Comment/index.js');
-var index$1 = require('../primitives/Composer/index.js');
-var Timestamp = require('../primitives/Timestamp.js');
-var shared = require('../shared.js');
-var mentions = require('../slate/plugins/mentions.js');
-var classNames = require('../utils/class-names.js');
-var download = require('../utils/download.js');
-var useRefs = require('../utils/use-refs.js');
-var useVisible = require('../utils/use-visible.js');
-var useWindowFocus = require('../utils/use-window-focus.js');
-var Composer = require('./Composer.js');
-var Attachment = require('./internal/Attachment.js');
-var Avatar = require('./internal/Avatar.js');
-var Button = require('./internal/Button.js');
-var Dropdown = require('./internal/Dropdown.js');
-var Emoji = require('./internal/Emoji.js');
-var EmojiPicker = require('./internal/EmojiPicker.js');
-var List = require('./internal/List.js');
-var Tooltip = require('./internal/Tooltip.js');
-var User = require('./internal/User.js');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var PopoverPrimitive = require('@radix-ui/react-popover');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TogglePrimitive);
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useAddRoomCommentReaction, useRemoveRoomCommentReaction, useRoomAttachmentUrl, useMarkRoomThreadAsRead, useDeleteRoomComment, useEditRoomComment } from '@liveblocks/react/_private';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { forwardRef, useMemo, useCallback, useRef, useState, useEffect } from 'react';
+import { CheckIcon } from '../icons/Check.js';
+import { CrossIcon } from '../icons/Cross.js';
+import { DeleteIcon } from '../icons/Delete.js';
+import { EditIcon } from '../icons/Edit.js';
+import { EllipsisIcon } from '../icons/Ellipsis.js';
+import { EmojiAddIcon } from '../icons/EmojiAdd.js';
+import { useOverrides } from '../overrides.js';
+import { Mention as CommentMention$1, Link as CommentLink$1, Body as CommentBody } from '../primitives/Comment/index.js';
+import { Submit as ComposerSubmit } from '../primitives/Composer/index.js';
+import { Timestamp } from '../primitives/Timestamp.js';
+import { useCurrentUserId } from '../shared.js';
+import { MENTION_CHARACTER } from '../slate/plugins/mentions.js';
+import { classNames } from '../utils/class-names.js';
+import { download } from '../utils/download.js';
+import { useRefs } from '../utils/use-refs.js';
+import { useVisibleCallback } from '../utils/use-visible.js';
+import { useWindowFocus } from '../utils/use-window-focus.js';
+import { Composer } from './Composer.js';
+import { MediaAttachment, FileAttachment, separateMediaAttachments } from './internal/Attachment.js';
+import { Avatar } from './internal/Avatar.js';
+import { CustomButton, Button } from './internal/Button.js';
+import { Dropdown, DropdownItem } from './internal/Dropdown.js';
+import { Emoji } from './internal/Emoji.js';
+import { EmojiPicker } from './internal/EmojiPicker.js';
+import { List } from './internal/List.js';
+import { Tooltip, ShortcutTooltip } from './internal/Tooltip.js';
+import { User } from './internal/User.js';
+import { TooltipProvider } from '@radix-ui/react-tooltip';
+import { PopoverTrigger } from '@radix-ui/react-popover';
+import { DropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
 
 
 const REACTIONS_TRUNCATE = 5;
@@ -62,14 +41,14 @@ function CommentMention({
   className,
   ...props
 }) {
-  const currentId = shared.useCurrentUserId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Mention, {
-    className: classNames.classNames("lb-comment-mention", className),
+  const currentId = useCurrentUserId();
+  return /* @__PURE__ */ jsxs(CommentMention$1, {
+    className: classNames("lb-comment-mention", className),
     "data-self": userId === currentId ? "" : void 0,
     ...props,
     children: [
-      mentions.MENTION_CHARACTER,
-      /* @__PURE__ */ jsxRuntime.jsx(User.User, {
+      MENTION_CHARACTER,
+      /* @__PURE__ */ jsx(User, {
         userId
       })
     ]
@@ -81,8 +60,8 @@ function CommentLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Link, {
-    className: classNames.classNames("lb-comment-link", className),
+  return /* @__PURE__ */ jsx(CommentLink$1, {
+    className: classNames("lb-comment-link", className),
     href,
     ...props,
     children
@@ -94,16 +73,16 @@ function CommentNonInteractiveLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    className: classNames.classNames("lb-comment-link", className),
+  return /* @__PURE__ */ jsx("span", {
+    className: classNames("lb-comment-link", className),
     ...props,
     children
   });
 }
-const CommentReactionButton = react.forwardRef(({ reaction, overrides: overrides$1, className, ...props }, forwardedRef) => {
-  const $ = overrides.useOverrides(overrides$1);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Button.CustomButton, {
-    className: classNames.classNames("lb-comment-reaction", className),
+const CommentReactionButton = forwardRef(({ reaction, overrides, className, ...props }, forwardedRef) => {
+  const $ = useOverrides(overrides);
+  return /* @__PURE__ */ jsxs(CustomButton, {
+    className: classNames("lb-comment-reaction", className),
     variant: "outline",
     "aria-label": $.COMMENT_REACTION_DESCRIPTION(
       reaction.emoji,
@@ -112,30 +91,30 @@ const CommentReactionButton = react.forwardRef(({ reaction, overrides: overrides
     ...props,
     ref: forwardedRef,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Emoji.Emoji, {
+      /* @__PURE__ */ jsx(Emoji, {
         className: "lb-comment-reaction-emoji",
         emoji: reaction.emoji
       }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", {
+      /* @__PURE__ */ jsx("span", {
         className: "lb-comment-reaction-count",
         children: reaction.users.length
       })
     ]
   });
 });
-const CommentReaction = react.forwardRef(({ comment, reaction, overrides: overrides$1, disabled, ...props }, forwardedRef) => {
-  const addReaction = _private.useAddRoomCommentReaction(comment.roomId);
-  const removeReaction = _private.useRemoveRoomCommentReaction(comment.roomId);
-  const currentId = shared.useCurrentUserId();
-  const isActive = react.useMemo(() => {
+const CommentReaction = forwardRef(({ comment, reaction, overrides, disabled, ...props }, forwardedRef) => {
+  const addReaction = useAddRoomCommentReaction(comment.roomId);
+  const removeReaction = useRemoveRoomCommentReaction(comment.roomId);
+  const currentId = useCurrentUserId();
+  const isActive = useMemo(() => {
     return reaction.users.some((users) => users.id === currentId);
   }, [currentId, reaction]);
-  const $ = overrides.useOverrides(overrides$1);
-  const tooltipContent = react.useMemo(
-    () => /* @__PURE__ */ jsxRuntime.jsx("span", {
+  const $ = useOverrides(overrides);
+  const tooltipContent = useMemo(
+    () => /* @__PURE__ */ jsx("span", {
       children: $.COMMENT_REACTION_LIST(
-        /* @__PURE__ */ jsxRuntime.jsx(List.List, {
-          values: reaction.users.map((users) => /* @__PURE__ */ jsxRuntime.jsx(User.User, {
+        /* @__PURE__ */ jsx(List, {
+          values: reaction.users.map((users) => /* @__PURE__ */ jsx(User, {
             userId: users.id,
             replaceSelf: true
           }, users.id)),
@@ -149,10 +128,10 @@ const CommentReaction = react.forwardRef(({ comment, reaction, overrides: overri
     }),
     [$, reaction]
   );
-  const stopPropagation = react.useCallback((event) => {
+  const stopPropagation = useCallback((event) => {
     event.stopPropagation();
   }, []);
-  const handlePressedChange = react.useCallback(
+  const handlePressedChange = useCallback(
     (isPressed) => {
       if (isPressed) {
         addReaction({
@@ -170,32 +149,32 @@ const CommentReaction = react.forwardRef(({ comment, reaction, overrides: overri
     },
     [addReaction, comment.threadId, comment.id, reaction.emoji, removeReaction]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+  return /* @__PURE__ */ jsx(Tooltip, {
     content: tooltipContent,
     multiline: true,
     className: "lb-comment-reaction-tooltip",
-    children: /* @__PURE__ */ jsxRuntime.jsx(TogglePrimitive__namespace.Root, {
+    children: /* @__PURE__ */ jsx(TogglePrimitive.Root, {
       asChild: true,
       pressed: isActive,
       onPressedChange: handlePressedChange,
       onClick: stopPropagation,
       disabled,
       ref: forwardedRef,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CommentReactionButton, {
+      children: /* @__PURE__ */ jsx(CommentReactionButton, {
         "data-self": isActive ? "" : void 0,
         reaction,
-        overrides: overrides$1,
+        overrides,
         ...props
       })
     })
   });
 });
-const CommentNonInteractiveReaction = react.forwardRef(({ reaction, overrides, ...props }, forwardedRef) => {
-  const currentId = shared.useCurrentUserId();
-  const isActive = react.useMemo(() => {
+const CommentNonInteractiveReaction = forwardRef(({ reaction, overrides, ...props }, forwardedRef) => {
+  const currentId = useCurrentUserId();
+  const isActive = useMemo(() => {
     return reaction.users.some((users) => users.id === currentId);
   }, [currentId, reaction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(CommentReactionButton, {
+  return /* @__PURE__ */ jsx(CommentReactionButton, {
     disableable: false,
     "data-self": isActive ? "" : void 0,
     reaction,
@@ -208,7 +187,7 @@ function openAttachment({ attachment, url }) {
   if (attachment.mimeType === "application/pdf" || attachment.mimeType.startsWith("image/") || attachment.mimeType.startsWith("video/") || attachment.mimeType.startsWith("audio/")) {
     window.open(url, "_blank");
   } else {
-    download.download(url, attachment.name);
+    download(url, attachment.name);
   }
 }
 function CommentMediaAttachment({
@@ -219,8 +198,8 @@ function CommentMediaAttachment({
   overrides,
   ...props
 }) {
-  const { url } = _private.useRoomAttachmentUrl(attachment.id, roomId);
-  const handleClick = react.useCallback(
+  const { url } = useRoomAttachmentUrl(attachment.id, roomId);
+  const handleClick = useCallback(
     (event) => {
       if (!url) {
         return;
@@ -234,8 +213,8 @@ function CommentMediaAttachment({
     },
     [attachment, onAttachmentClick, url]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Attachment.MediaAttachment, {
-    className: classNames.classNames("lb-comment-attachment", className),
+  return /* @__PURE__ */ jsx(MediaAttachment, {
+    className: classNames("lb-comment-attachment", className),
     ...props,
     attachment,
     overrides,
@@ -251,8 +230,8 @@ function CommentFileAttachment({
   overrides,
   ...props
 }) {
-  const { url } = _private.useRoomAttachmentUrl(attachment.id, roomId);
-  const handleClick = react.useCallback(
+  const { url } = useRoomAttachmentUrl(attachment.id, roomId);
+  const handleClick = useCallback(
     (event) => {
       if (!url) {
         return;
@@ -266,8 +245,8 @@ function CommentFileAttachment({
     },
     [attachment, onAttachmentClick, url]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Attachment.FileAttachment, {
-    className: classNames.classNames("lb-comment-attachment", className),
+  return /* @__PURE__ */ jsx(FileAttachment, {
+    className: classNames("lb-comment-attachment", className),
     ...props,
     attachment,
     overrides,
@@ -279,8 +258,8 @@ function CommentNonInteractiveFileAttachment({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Attachment.FileAttachment, {
-    className: classNames.classNames("lb-comment-attachment", className),
+  return /* @__PURE__ */ jsx(FileAttachment, {
+    className: classNames("lb-comment-attachment", className),
     allowMediaPreview: false,
     ...props
   });
@@ -290,9 +269,9 @@ function AutoMarkReadThreadIdHandler({
   roomId,
   commentRef
 }) {
-  const markThreadAsRead = _private.useMarkRoomThreadAsRead(roomId);
-  const isWindowFocused = useWindowFocus.useWindowFocus();
-  useVisible.useVisibleCallback(
+  const markThreadAsRead = useMarkRoomThreadAsRead(roomId);
+  const isWindowFocused = useWindowFocus();
+  useVisibleCallback(
     commentRef,
     () => {
       markThreadAsRead(threadId);
@@ -303,7 +282,7 @@ function AutoMarkReadThreadIdHandler({
   );
   return null;
 }
-const Comment = react.forwardRef(
+const Comment = forwardRef(
   ({
     comment,
     indentContent = true,
@@ -317,42 +296,42 @@ const Comment = react.forwardRef(
     onAttachmentClick,
     onCommentEdit,
     onCommentDelete,
-    overrides: overrides$1,
+    overrides,
     className,
     additionalActions,
     additionalActionsClassName,
     autoMarkReadThreadId,
     ...props
   }, forwardedRef) => {
-    const ref = react.useRef(null);
-    const mergedRefs = useRefs.useRefs(forwardedRef, ref);
-    const currentUserId = shared.useCurrentUserId();
-    const deleteComment = _private.useDeleteRoomComment(comment.roomId);
-    const editComment = _private.useEditRoomComment(comment.roomId);
-    const addReaction = _private.useAddRoomCommentReaction(comment.roomId);
-    const removeReaction = _private.useRemoveRoomCommentReaction(comment.roomId);
-    const $ = overrides.useOverrides(overrides$1);
-    const [isEditing, setEditing] = react.useState(false);
-    const [isTarget, setTarget] = react.useState(false);
-    const [isMoreActionOpen, setMoreActionOpen] = react.useState(false);
-    const [isReactionActionOpen, setReactionActionOpen] = react.useState(false);
-    const { mediaAttachments, fileAttachments } = react.useMemo(() => {
-      return Attachment.separateMediaAttachments(comment.attachments);
+    const ref = useRef(null);
+    const mergedRefs = useRefs(forwardedRef, ref);
+    const currentUserId = useCurrentUserId();
+    const deleteComment = useDeleteRoomComment(comment.roomId);
+    const editComment = useEditRoomComment(comment.roomId);
+    const addReaction = useAddRoomCommentReaction(comment.roomId);
+    const removeReaction = useRemoveRoomCommentReaction(comment.roomId);
+    const $ = useOverrides(overrides);
+    const [isEditing, setEditing] = useState(false);
+    const [isTarget, setTarget] = useState(false);
+    const [isMoreActionOpen, setMoreActionOpen] = useState(false);
+    const [isReactionActionOpen, setReactionActionOpen] = useState(false);
+    const { mediaAttachments, fileAttachments } = useMemo(() => {
+      return separateMediaAttachments(comment.attachments);
     }, [comment.attachments]);
-    const stopPropagation = react.useCallback((event) => {
+    const stopPropagation = useCallback((event) => {
       event.stopPropagation();
     }, []);
-    const handleEdit = react.useCallback(() => {
+    const handleEdit = useCallback(() => {
       setEditing(true);
     }, []);
-    const handleEditCancel = react.useCallback(
+    const handleEditCancel = useCallback(
       (event) => {
         event.stopPropagation();
         setEditing(false);
       },
       []
     );
-    const handleEditSubmit = react.useCallback(
+    const handleEditSubmit = useCallback(
       ({ body, attachments }, event) => {
         onCommentEdit?.(comment);
         event.preventDefault();
@@ -366,20 +345,20 @@ const Comment = react.forwardRef(
       },
       [comment, editComment, onCommentEdit]
     );
-    const handleDelete = react.useCallback(() => {
+    const handleDelete = useCallback(() => {
       onCommentDelete?.(comment);
       deleteComment({
         commentId: comment.id,
         threadId: comment.threadId
       });
     }, [comment, deleteComment, onCommentDelete]);
-    const handleAuthorClick = react.useCallback(
+    const handleAuthorClick = useCallback(
       (event) => {
         onAuthorClick?.(comment.userId, event);
       },
       [comment.userId, onAuthorClick]
     );
-    const handleReactionSelect = react.useCallback(
+    const handleReactionSelect = useCallback(
       (emoji) => {
         const reactionIndex = comment.reactions.findIndex(
           (reaction) => reaction.emoji === emoji
@@ -409,7 +388,7 @@ const Comment = react.forwardRef(
         currentUserId
       ]
     );
-    react.useEffect(() => {
+    useEffect(() => {
       const isWindowDefined = typeof window !== "undefined";
       if (!isWindowDefined)
         return;
@@ -422,16 +401,16 @@ const Comment = react.forwardRef(
     if (!showDeleted && !comment.body) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive.TooltipProvider, {
+    return /* @__PURE__ */ jsxs(TooltipProvider, {
       children: [
-        autoMarkReadThreadId && /* @__PURE__ */ jsxRuntime.jsx(AutoMarkReadThreadIdHandler, {
+        autoMarkReadThreadId && /* @__PURE__ */ jsx(AutoMarkReadThreadIdHandler, {
           commentRef: ref,
           threadId: autoMarkReadThreadId,
           roomId: comment.roomId
         }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        /* @__PURE__ */ jsxs("div", {
           id: comment.id,
-          className: classNames.classNames(
+          className: classNames(
             "lb-root lb-comment",
             indentContent && "lb-comment:indent-content",
             showActions === "hover" && "lb-comment:show-actions-hover",
@@ -445,37 +424,37 @@ const Comment = react.forwardRef(
           ...props,
           ref: mergedRefs,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", {
+            /* @__PURE__ */ jsxs("div", {
               className: "lb-comment-header",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", {
+                /* @__PURE__ */ jsxs("div", {
                   className: "lb-comment-details",
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, {
+                    /* @__PURE__ */ jsx(Avatar, {
                       className: "lb-comment-avatar",
                       userId: comment.userId,
                       onClick: handleAuthorClick
                     }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", {
+                    /* @__PURE__ */ jsxs("span", {
                       className: "lb-comment-details-labels",
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(User.User, {
+                        /* @__PURE__ */ jsx(User, {
                           className: "lb-comment-author",
                           userId: comment.userId,
                           onClick: handleAuthorClick
                         }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("span", {
+                        /* @__PURE__ */ jsxs("span", {
                           className: "lb-comment-date",
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(Timestamp.Timestamp, {
+                            /* @__PURE__ */ jsx(Timestamp, {
                               locale: $.locale,
                               date: comment.createdAt,
                               className: "lb-date lb-comment-date-created"
                             }),
-                            comment.editedAt && comment.body && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                            comment.editedAt && comment.body && /* @__PURE__ */ jsxs(Fragment, {
                               children: [
                                 " ",
-                                /* @__PURE__ */ jsxRuntime.jsx("span", {
+                                /* @__PURE__ */ jsx("span", {
                                   className: "lb-comment-date-edited",
                                   children: $.COMMENT_EDITED
                                 })
@@ -487,59 +466,59 @@ const Comment = react.forwardRef(
                     })
                   ]
                 }),
-                showActions && !isEditing && /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                  className: classNames.classNames(
+                showActions && !isEditing && /* @__PURE__ */ jsxs("div", {
+                  className: classNames(
                     "lb-comment-actions",
                     additionalActionsClassName
                   ),
                   children: [
                     additionalActions ?? null,
-                    showReactions && /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker.EmojiPicker, {
+                    showReactions && /* @__PURE__ */ jsx(EmojiPicker, {
                       onEmojiSelect: handleReactionSelect,
                       onOpenChange: setReactionActionOpen,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+                      children: /* @__PURE__ */ jsx(Tooltip, {
                         content: $.COMMENT_ADD_REACTION,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive.PopoverTrigger, {
+                        children: /* @__PURE__ */ jsx(PopoverTrigger, {
                           asChild: true,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+                          children: /* @__PURE__ */ jsx(Button, {
                             className: "lb-comment-action",
                             onClick: stopPropagation,
                             "aria-label": $.COMMENT_ADD_REACTION,
-                            icon: /* @__PURE__ */ jsxRuntime.jsx(EmojiAdd.EmojiAddIcon, {})
+                            icon: /* @__PURE__ */ jsx(EmojiAddIcon, {})
                           })
                         })
                       })
                     }),
-                    comment.userId === currentUserId && /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown, {
+                    comment.userId === currentUserId && /* @__PURE__ */ jsx(Dropdown, {
                       open: isMoreActionOpen,
                       onOpenChange: setMoreActionOpen,
                       align: "end",
-                      content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                      content: /* @__PURE__ */ jsxs(Fragment, {
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(Dropdown.DropdownItem, {
+                          /* @__PURE__ */ jsx(DropdownItem, {
                             onSelect: handleEdit,
                             onClick: stopPropagation,
-                            icon: /* @__PURE__ */ jsxRuntime.jsx(Edit.EditIcon, {}),
+                            icon: /* @__PURE__ */ jsx(EditIcon, {}),
                             children: $.COMMENT_EDIT
                           }),
-                          /* @__PURE__ */ jsxRuntime.jsx(Dropdown.DropdownItem, {
+                          /* @__PURE__ */ jsx(DropdownItem, {
                             onSelect: handleDelete,
                             onClick: stopPropagation,
-                            icon: /* @__PURE__ */ jsxRuntime.jsx(Delete.DeleteIcon, {}),
+                            icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
                             children: $.COMMENT_DELETE
                           })
                         ]
                       }),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+                      children: /* @__PURE__ */ jsx(Tooltip, {
                         content: $.COMMENT_MORE,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive.DropdownMenuTrigger, {
+                        children: /* @__PURE__ */ jsx(DropdownMenuTrigger, {
                           asChild: true,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+                          children: /* @__PURE__ */ jsx(Button, {
                             className: "lb-comment-action",
                             disabled: !comment.body,
                             onClick: stopPropagation,
                             "aria-label": $.COMMENT_MORE,
-                            icon: /* @__PURE__ */ jsxRuntime.jsx(Ellipsis.EllipsisIcon, {})
+                            icon: /* @__PURE__ */ jsx(EllipsisIcon, {})
                           })
                         })
                       })
@@ -548,9 +527,9 @@ const Comment = react.forwardRef(
                 })
               ]
             }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
+            /* @__PURE__ */ jsx("div", {
               className: "lb-comment-content",
-              children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(Composer.Composer, {
+              children: isEditing ? /* @__PURE__ */ jsx(Composer, {
                 className: "lb-comment-composer",
                 onComposerSubmit: handleEditSubmit,
                 defaultValue: comment.body,
@@ -559,28 +538,28 @@ const Comment = react.forwardRef(
                 showAttribution: false,
                 showAttachments,
                 showFormattingControls: showComposerFormattingControls,
-                actions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                actions: /* @__PURE__ */ jsxs(Fragment, {
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+                    /* @__PURE__ */ jsx(Tooltip, {
                       content: $.COMMENT_EDIT_COMPOSER_CANCEL,
                       "aria-label": $.COMMENT_EDIT_COMPOSER_CANCEL,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+                      children: /* @__PURE__ */ jsx(Button, {
                         className: "lb-composer-action",
                         onClick: handleEditCancel,
-                        icon: /* @__PURE__ */ jsxRuntime.jsx(Cross.CrossIcon, {})
+                        icon: /* @__PURE__ */ jsx(CrossIcon, {})
                       })
                     }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
+                    /* @__PURE__ */ jsx(ShortcutTooltip, {
                       content: $.COMMENT_EDIT_COMPOSER_SAVE,
                       shortcut: "Enter",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Submit, {
+                      children: /* @__PURE__ */ jsx(ComposerSubmit, {
                         asChild: true,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+                        children: /* @__PURE__ */ jsx(Button, {
                           variant: "primary",
                           className: "lb-composer-action",
                           onClick: stopPropagation,
                           "aria-label": $.COMMENT_EDIT_COMPOSER_SAVE,
-                          icon: /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {})
+                          icon: /* @__PURE__ */ jsx(CheckIcon, {})
                         })
                       })
                     })
@@ -590,62 +569,62 @@ const Comment = react.forwardRef(
                   COMPOSER_PLACEHOLDER: $.COMMENT_EDIT_COMPOSER_PLACEHOLDER
                 },
                 roomId: comment.roomId
-              }) : comment.body ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              }) : comment.body ? /* @__PURE__ */ jsxs(Fragment, {
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(index.Body, {
+                  /* @__PURE__ */ jsx(CommentBody, {
                     className: "lb-comment-body",
                     body: comment.body,
                     components: {
-                      Mention: ({ userId }) => /* @__PURE__ */ jsxRuntime.jsx(CommentMention, {
+                      Mention: ({ userId }) => /* @__PURE__ */ jsx(CommentMention, {
                         userId,
                         onClick: (event) => onMentionClick?.(userId, event)
                       }),
                       Link: CommentLink
                     }
                   }),
-                  showAttachments && (mediaAttachments.length > 0 || fileAttachments.length > 0) ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
+                  showAttachments && (mediaAttachments.length > 0 || fileAttachments.length > 0) ? /* @__PURE__ */ jsxs("div", {
                     className: "lb-comment-attachments",
                     children: [
-                      mediaAttachments.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+                      mediaAttachments.length > 0 ? /* @__PURE__ */ jsx("div", {
                         className: "lb-attachments",
-                        children: mediaAttachments.map((attachment) => /* @__PURE__ */ jsxRuntime.jsx(CommentMediaAttachment, {
+                        children: mediaAttachments.map((attachment) => /* @__PURE__ */ jsx(CommentMediaAttachment, {
                           attachment,
-                          overrides: overrides$1,
+                          overrides,
                           onAttachmentClick,
                           roomId: comment.roomId
                         }, attachment.id))
                       }) : null,
-                      fileAttachments.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+                      fileAttachments.length > 0 ? /* @__PURE__ */ jsx("div", {
                         className: "lb-attachments",
-                        children: fileAttachments.map((attachment) => /* @__PURE__ */ jsxRuntime.jsx(CommentFileAttachment, {
+                        children: fileAttachments.map((attachment) => /* @__PURE__ */ jsx(CommentFileAttachment, {
                           attachment,
-                          overrides: overrides$1,
+                          overrides,
                           onAttachmentClick,
                           roomId: comment.roomId
                         }, attachment.id))
                       }) : null
                     ]
                   }) : null,
-                  showReactions && comment.reactions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", {
+                  showReactions && comment.reactions.length > 0 && /* @__PURE__ */ jsxs("div", {
                     className: "lb-comment-reactions",
                     children: [
-                      comment.reactions.map((reaction) => /* @__PURE__ */ jsxRuntime.jsx(CommentReaction, {
+                      comment.reactions.map((reaction) => /* @__PURE__ */ jsx(CommentReaction, {
                         comment,
                         reaction,
-                        overrides: overrides$1
+                        overrides
                       }, reaction.emoji)),
-                      /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker.EmojiPicker, {
+                      /* @__PURE__ */ jsx(EmojiPicker, {
                         onEmojiSelect: handleReactionSelect,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+                        children: /* @__PURE__ */ jsx(Tooltip, {
                           content: $.COMMENT_ADD_REACTION,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive.PopoverTrigger, {
+                          children: /* @__PURE__ */ jsx(PopoverTrigger, {
                             asChild: true,
-                            children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+                            children: /* @__PURE__ */ jsx(Button, {
                               className: "lb-comment-reaction lb-comment-reaction-add",
                               variant: "outline",
                               onClick: stopPropagation,
                               "aria-label": $.COMMENT_ADD_REACTION,
-                              icon: /* @__PURE__ */ jsxRuntime.jsx(EmojiAdd.EmojiAddIcon, {})
+                              icon: /* @__PURE__ */ jsx(EmojiAddIcon, {})
                             })
                           })
                         })
@@ -653,9 +632,9 @@ const Comment = react.forwardRef(
                     ]
                   })
                 ]
-              }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
+              }) : /* @__PURE__ */ jsx("div", {
                 className: "lb-comment-body",
-                children: /* @__PURE__ */ jsxRuntime.jsx("p", {
+                children: /* @__PURE__ */ jsx("p", {
                   className: "lb-comment-deleted",
                   children: $.COMMENT_DELETED
                 })
@@ -668,11 +647,5 @@ const Comment = react.forwardRef(
   }
 );
 
-exports.Comment = Comment;
-exports.CommentLink = CommentLink;
-exports.CommentMention = CommentMention;
-exports.CommentNonInteractiveFileAttachment = CommentNonInteractiveFileAttachment;
-exports.CommentNonInteractiveLink = CommentNonInteractiveLink;
-exports.CommentNonInteractiveReaction = CommentNonInteractiveReaction;
-exports.CommentReaction = CommentReaction;
+export { Comment, CommentLink, CommentMention, CommentNonInteractiveFileAttachment, CommentNonInteractiveLink, CommentNonInteractiveReaction, CommentReaction };
 //# sourceMappingURL=Comment.js.map