@liveblocks/react-ui 2.18.3 → 2.18.4-uns2

package/dist/components/{Comment.mjs → Comment.cjs}

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