@liveblocks/react-ui 2.18.3 → 2.18.4-uns2

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

@@ -1,34 +1,36 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Permission } from '@liveblocks/core';
-import { useLayoutEffect, useRoomOrNull, useCreateRoomThread, useCreateRoomComment, useEditRoomComment, useResolveMentionSuggestions, useRoomPermissions } from '@liveblocks/react/_private';
-import { useCallback, useMemo, createContext, forwardRef, useRef, useSyncExternalStore } from 'react';
-import { useLiveblocksUIConfig } from '../config.mjs';
-import { FLOATING_ELEMENT_SIDE_OFFSET } from '../constants.mjs';
-import { AttachmentIcon } from '../icons/Attachment.mjs';
-import { BoldIcon } from '../icons/Bold.mjs';
-import { CodeIcon } from '../icons/Code.mjs';
-import { EmojiIcon } from '../icons/Emoji.mjs';
-import { ItalicIcon } from '../icons/Italic.mjs';
-import { MentionIcon } from '../icons/Mention.mjs';
-import { SendIcon } from '../icons/Send.mjs';
-import { StrikethroughIcon } from '../icons/Strikethrough.mjs';
-import { useOverrides } from '../overrides.mjs';
-import { AttachFiles as ComposerAttachFiles, Mention as ComposerMention$1, Suggestions as ComposerSuggestions, SuggestionsList as ComposerSuggestionsList, SuggestionsListItem as ComposerSuggestionsListItem, MarkToggle as ComposerMarkToggle, FloatingToolbar as ComposerFloatingToolbar$1, Link as ComposerLink$1, Editor as ComposerEditor, Submit as ComposerSubmit, Form as ComposerForm } from '../primitives/Composer/index.mjs';
-import { useComposer, useComposerEditorContext, useComposerAttachmentsContext } from '../primitives/Composer/contexts.mjs';
-import { useComposerAttachmentsDropArea } from '../primitives/Composer/utils.mjs';
-import { MENTION_CHARACTER } from '../slate/plugins/mentions.mjs';
-import { classNames } from '../utils/class-names.mjs';
-import { useControllableState } from '../utils/use-controllable-state.mjs';
-import { FileAttachment } from './internal/Attachment.mjs';
-import { Attribution } from './internal/Attribution.mjs';
-import { Avatar } from './internal/Avatar.mjs';
-import { Button } from './internal/Button.mjs';
-import { EmojiPicker } from './internal/EmojiPicker.mjs';
-import { Tooltip, ShortcutTooltip } from './internal/Tooltip.mjs';
-import { User } from './internal/User.mjs';
-import { PopoverTrigger } from '@radix-ui/react-popover';
-import { TooltipProvider } from '@radix-ui/react-tooltip';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@liveblocks/core');
+var _private = require('@liveblocks/react/_private');
+var react = require('react');
+var config = require('../config.cjs');
+var constants = require('../constants.cjs');
+var Attachment = require('../icons/Attachment.cjs');
+var Bold = require('../icons/Bold.cjs');
+var Code = require('../icons/Code.cjs');
+var Emoji = require('../icons/Emoji.cjs');
+var Italic = require('../icons/Italic.cjs');
+var Mention = require('../icons/Mention.cjs');
+var Send = require('../icons/Send.cjs');
+var Strikethrough = require('../icons/Strikethrough.cjs');
+var overrides = require('../overrides.cjs');
+var index = require('../primitives/Composer/index.cjs');
+var contexts = require('../primitives/Composer/contexts.cjs');
+var utils = require('../primitives/Composer/utils.cjs');
+var mentions = require('../slate/plugins/mentions.cjs');
+var classNames = require('../utils/class-names.cjs');
+var useControllableState = require('../utils/use-controllable-state.cjs');
+var Attachment$1 = require('./internal/Attachment.cjs');
+var Attribution = require('./internal/Attribution.cjs');
+var Avatar = require('./internal/Avatar.cjs');
+var Button = require('./internal/Button.cjs');
+var EmojiPicker = require('./internal/EmojiPicker.cjs');
+var Tooltip = require('./internal/Tooltip.cjs');
+var User = require('./internal/User.cjs');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
 
 
 function ComposerInsertMentionEditorAction({
@@ -38,11 +40,11 @@ function ComposerInsertMentionEditorAction({
   onClick,
   ...props
 }) {
-  const { createMention } = useComposer();
-  const preventDefault = useCallback((event) => {
+  const { createMention } = contexts.useComposer();
+  const preventDefault = react.useCallback((event) => {
     event.preventDefault();
   }, []);
-  const handleClick = useCallback(
+  const handleClick = react.useCallback(
     (event) => {
       onClick?.(event);
       if (!event.isDefaultPrevented()) {
@@ -52,14 +54,14 @@ function ComposerInsertMentionEditorAction({
     },
     [createMention, onClick]
   );
-  return /* @__PURE__ */ jsx(Tooltip, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
     content: tooltipLabel ?? label,
-    children: /* @__PURE__ */ jsx(Button, {
-      className: classNames("lb-composer-editor-action", className),
+    children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+      className: classNames.classNames("lb-composer-editor-action", className),
       onPointerDown: preventDefault,
       onClick: handleClick,
       "aria-label": label,
-      icon: /* @__PURE__ */ jsx(MentionIcon, {}),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(Mention.MentionIcon, {}),
       ...props
     })
   });
@@ -71,26 +73,26 @@ function ComposerInsertEmojiEditorAction({
   className,
   ...props
 }) {
-  const { insertText } = useComposer();
-  const preventDefault = useCallback((event) => {
+  const { insertText } = contexts.useComposer();
+  const preventDefault = react.useCallback((event) => {
     event.preventDefault();
   }, []);
-  const stopPropagation = useCallback((event) => {
+  const stopPropagation = react.useCallback((event) => {
     event.stopPropagation();
   }, []);
-  return /* @__PURE__ */ jsx(EmojiPicker, {
+  return /* @__PURE__ */ jsxRuntime.jsx(EmojiPicker.EmojiPicker, {
     onEmojiSelect: insertText,
     onOpenChange: onPickerOpenChange,
-    children: /* @__PURE__ */ jsx(Tooltip, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
       content: tooltipLabel ?? label,
-      children: /* @__PURE__ */ jsx(PopoverTrigger, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive.PopoverTrigger, {
         asChild: true,
-        children: /* @__PURE__ */ jsx(Button, {
-          className: classNames("lb-composer-editor-action", className),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+          className: classNames.classNames("lb-composer-editor-action", className),
           onPointerDown: preventDefault,
           onClick: stopPropagation,
           "aria-label": label,
-          icon: /* @__PURE__ */ jsx(EmojiIcon, {}),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Emoji.EmojiIcon, {}),
           ...props
         })
       })
@@ -103,33 +105,33 @@ function ComposerAttachFilesEditorAction({
   className,
   ...props
 }) {
-  const preventDefault = useCallback((event) => {
+  const preventDefault = react.useCallback((event) => {
     event.preventDefault();
   }, []);
-  const stopPropagation = useCallback((event) => {
+  const stopPropagation = react.useCallback((event) => {
     event.stopPropagation();
   }, []);
-  return /* @__PURE__ */ jsx(Tooltip, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
     content: tooltipLabel ?? label,
-    children: /* @__PURE__ */ jsx(ComposerAttachFiles, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(index.AttachFiles, {
       asChild: true,
-      children: /* @__PURE__ */ jsx(Button, {
-        className: classNames("lb-composer-editor-action", className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+        className: classNames.classNames("lb-composer-editor-action", className),
         onPointerDown: preventDefault,
         onClick: stopPropagation,
         "aria-label": label,
-        icon: /* @__PURE__ */ jsx(AttachmentIcon, {}),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Attachment.AttachmentIcon, {}),
         ...props
       })
     })
   });
 }
 function ComposerMention({ userId }) {
-  return /* @__PURE__ */ jsxs(ComposerMention$1, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Mention, {
     className: "lb-composer-mention",
     children: [
-      MENTION_CHARACTER,
-      /* @__PURE__ */ jsx(User, {
+      mentions.MENTION_CHARACTER,
+      /* @__PURE__ */ jsxRuntime.jsx(User.User, {
         userId
       })
     ]
@@ -138,19 +140,19 @@ function ComposerMention({ userId }) {
 function ComposerMentionSuggestions({
   userIds
 }) {
-  return userIds.length > 0 ? /* @__PURE__ */ jsx(ComposerSuggestions, {
+  return userIds.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(index.Suggestions, {
     className: "lb-root lb-portal lb-elevation lb-composer-suggestions lb-composer-mention-suggestions",
-    children: /* @__PURE__ */ jsx(ComposerSuggestionsList, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(index.SuggestionsList, {
       className: "lb-composer-suggestions-list lb-composer-mention-suggestions-list",
-      children: userIds.map((userId) => /* @__PURE__ */ jsxs(ComposerSuggestionsListItem, {
+      children: userIds.map((userId) => /* @__PURE__ */ jsxRuntime.jsxs(index.SuggestionsListItem, {
         className: "lb-composer-suggestions-list-item lb-composer-mention-suggestion",
         value: userId,
         children: [
-          /* @__PURE__ */ jsx(Avatar, {
+          /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, {
             userId,
             className: "lb-composer-mention-suggestion-avatar"
           }),
-          /* @__PURE__ */ jsx(User, {
+          /* @__PURE__ */ jsxRuntime.jsx(User.User, {
             userId,
             className: "lb-composer-mention-suggestion-user"
           })
@@ -166,19 +168,19 @@ function MarkToggle({
   children,
   ...props
 }) {
-  const $ = useOverrides();
-  const label = useMemo(() => {
+  const $ = overrides.useOverrides();
+  const label = react.useMemo(() => {
     return $.COMPOSER_TOGGLE_MARK(mark);
   }, [$, mark]);
-  return /* @__PURE__ */ jsx(ShortcutTooltip, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
     content: label,
     shortcut,
-    sideOffset: FLOATING_ELEMENT_SIDE_OFFSET + 2,
-    children: /* @__PURE__ */ jsx(ComposerMarkToggle, {
+    sideOffset: constants.FLOATING_ELEMENT_SIDE_OFFSET + 2,
+    children: /* @__PURE__ */ jsxRuntime.jsx(index.MarkToggle, {
       mark,
       asChild: true,
       ...props,
-      children: /* @__PURE__ */ jsx(Button, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
         "aria-label": label,
         variant: "toolbar",
         icon,
@@ -188,36 +190,36 @@ function MarkToggle({
   });
 }
 const markToggles = {
-  bold: () => /* @__PURE__ */ jsx(MarkToggle, {
+  bold: () => /* @__PURE__ */ jsxRuntime.jsx(MarkToggle, {
     mark: "bold",
     shortcut: "Mod-B",
-    icon: /* @__PURE__ */ jsx(BoldIcon, {})
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Bold.BoldIcon, {})
   }),
-  italic: () => /* @__PURE__ */ jsx(MarkToggle, {
+  italic: () => /* @__PURE__ */ jsxRuntime.jsx(MarkToggle, {
     mark: "italic",
     shortcut: "Mod-I",
-    icon: /* @__PURE__ */ jsx(ItalicIcon, {})
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Italic.ItalicIcon, {})
   }),
-  strikethrough: () => /* @__PURE__ */ jsx(MarkToggle, {
+  strikethrough: () => /* @__PURE__ */ jsxRuntime.jsx(MarkToggle, {
     mark: "strikethrough",
     shortcut: "Mod-Shift-S",
-    icon: /* @__PURE__ */ jsx(StrikethroughIcon, {})
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Strikethrough.StrikethroughIcon, {})
   }),
-  code: () => /* @__PURE__ */ jsx(MarkToggle, {
+  code: () => /* @__PURE__ */ jsxRuntime.jsx(MarkToggle, {
     mark: "code",
     shortcut: "Mod-E",
-    icon: /* @__PURE__ */ jsx(CodeIcon, {})
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Code.CodeIcon, {})
   })
 };
-const markTogglesList = Object.entries(markToggles).map(([mark, Toggle]) => /* @__PURE__ */ jsx(Toggle, {}, mark));
+const markTogglesList = Object.entries(markToggles).map(([mark, Toggle]) => /* @__PURE__ */ jsxRuntime.jsx(Toggle, {}, mark));
 function ComposerFloatingToolbar() {
-  return /* @__PURE__ */ jsx(ComposerFloatingToolbar$1, {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.FloatingToolbar, {
     className: "lb-root lb-portal lb-elevation lb-composer-floating-toolbar",
     children: markTogglesList
   });
 }
 function ComposerLink({ href, children }) {
-  return /* @__PURE__ */ jsx(ComposerLink$1, {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Link, {
     href,
     className: "lb-composer-link",
     children
@@ -229,13 +231,13 @@ function ComposerFileAttachment({
   overrides,
   ...props
 }) {
-  const { removeAttachment } = useComposer();
-  const { roomId } = useComposerEditorContext();
-  const handleDeleteClick = useCallback(() => {
+  const { removeAttachment } = contexts.useComposer();
+  const { roomId } = contexts.useComposerEditorContext();
+  const handleDeleteClick = react.useCallback(() => {
     removeAttachment(attachment.id);
   }, [attachment.id, removeAttachment]);
-  return /* @__PURE__ */ jsx(FileAttachment, {
-    className: classNames("lb-composer-attachment", className),
+  return /* @__PURE__ */ jsxRuntime.jsx(Attachment$1.FileAttachment, {
+    className: classNames.classNames("lb-composer-attachment", className),
     ...props,
     attachment,
     onDeleteClick: handleDeleteClick,
@@ -249,17 +251,17 @@ function ComposerAttachments({
   className,
   ...props
 }) {
-  const { attachments } = useComposer();
+  const { attachments } = contexts.useComposer();
   if (attachments.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", {
-    className: classNames("lb-composer-attachments", className),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: classNames.classNames("lb-composer-attachments", className),
     ...props,
-    children: /* @__PURE__ */ jsx("div", {
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
       className: "lb-attachments",
       children: attachments.map((attachment) => {
-        return /* @__PURE__ */ jsx(ComposerFileAttachment, {
+        return /* @__PURE__ */ jsxRuntime.jsx(ComposerFileAttachment, {
           attachment,
           overrides
         }, attachment.id);
@@ -278,7 +280,7 @@ function ComposerEditorContainer({
   showAttribution,
   defaultValue,
   isCollapsed,
-  overrides,
+  overrides: overrides$1,
   actions,
   autoFocus,
   disabled,
@@ -287,32 +289,32 @@ function ComposerEditorContainer({
   onEmptyChange,
   onEditorClick
 }) {
-  const { isEmpty } = useComposer();
-  const { hasMaxAttachments } = useComposerAttachmentsContext();
-  const $ = useOverrides(overrides);
-  const components = useMemo(() => {
+  const { isEmpty } = contexts.useComposer();
+  const { hasMaxAttachments } = contexts.useComposerAttachmentsContext();
+  const $ = overrides.useOverrides(overrides$1);
+  const components = react.useMemo(() => {
     return {
       ...editorRequiredComponents,
       FloatingToolbar: showFormattingControls ? ComposerFloatingToolbar : void 0
     };
   }, [showFormattingControls]);
-  const [isDraggingOver, dropAreaProps] = useComposerAttachmentsDropArea({
+  const [isDraggingOver, dropAreaProps] = utils.useComposerAttachmentsDropArea({
     disabled: disabled || hasMaxAttachments
   });
-  useLayoutEffect(() => {
+  _private.useLayoutEffect(() => {
     onEmptyChange(isEmpty);
   }, [isEmpty, onEmptyChange]);
-  const preventDefault = useCallback((event) => {
+  const preventDefault = react.useCallback((event) => {
     event.preventDefault();
   }, []);
-  const stopPropagation = useCallback((event) => {
+  const stopPropagation = react.useCallback((event) => {
     event.stopPropagation();
   }, []);
-  return /* @__PURE__ */ jsxs("div", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     className: "lb-composer-editor-container",
     ...dropAreaProps,
     children: [
-      /* @__PURE__ */ jsx(ComposerEditor, {
+      /* @__PURE__ */ jsxRuntime.jsx(index.Editor, {
         className: "lb-composer-editor",
         onClick: onEditorClick,
         placeholder: $.COMPOSER_PLACEHOLDER,
@@ -322,46 +324,46 @@ function ComposerEditorContainer({
         disabled,
         dir: $.dir
       }),
-      showAttachments && /* @__PURE__ */ jsx(ComposerAttachments, {
-        overrides
+      showAttachments && /* @__PURE__ */ jsxRuntime.jsx(ComposerAttachments, {
+        overrides: overrides$1
       }),
-      (!isCollapsed || isDraggingOver) && /* @__PURE__ */ jsxs("div", {
+      (!isCollapsed || isDraggingOver) && /* @__PURE__ */ jsxRuntime.jsxs("div", {
         className: "lb-composer-footer",
         children: [
-          /* @__PURE__ */ jsxs("div", {
+          /* @__PURE__ */ jsxRuntime.jsxs("div", {
             className: "lb-composer-editor-actions",
             children: [
-              hasResolveMentionSuggestions && /* @__PURE__ */ jsx(ComposerInsertMentionEditorAction, {
+              hasResolveMentionSuggestions && /* @__PURE__ */ jsxRuntime.jsx(ComposerInsertMentionEditorAction, {
                 label: $.COMPOSER_INSERT_MENTION,
                 disabled
               }),
-              /* @__PURE__ */ jsx(ComposerInsertEmojiEditorAction, {
+              /* @__PURE__ */ jsxRuntime.jsx(ComposerInsertEmojiEditorAction, {
                 label: $.COMPOSER_INSERT_EMOJI,
                 onPickerOpenChange: onEmojiPickerOpenChange,
                 disabled
               }),
-              showAttachments && /* @__PURE__ */ jsx(ComposerAttachFilesEditorAction, {
+              showAttachments && /* @__PURE__ */ jsxRuntime.jsx(ComposerAttachFilesEditorAction, {
                 label: $.COMPOSER_ATTACH_FILES,
                 disabled
               })
             ]
           }),
-          showAttribution && /* @__PURE__ */ jsx(Attribution, {}),
-          /* @__PURE__ */ jsx("div", {
+          showAttribution && /* @__PURE__ */ jsxRuntime.jsx(Attribution.Attribution, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
             className: "lb-composer-actions",
-            children: actions ?? /* @__PURE__ */ jsx(Fragment, {
-              children: /* @__PURE__ */ jsx(ShortcutTooltip, {
+            children: actions ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+              children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.ShortcutTooltip, {
                 content: $.COMPOSER_SEND,
                 shortcut: "Enter",
-                children: /* @__PURE__ */ jsx(ComposerSubmit, {
+                children: /* @__PURE__ */ jsxRuntime.jsx(index.Submit, {
                   asChild: true,
-                  children: /* @__PURE__ */ jsx(Button, {
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
                     onPointerDown: preventDefault,
                     onClick: stopPropagation,
                     className: "lb-composer-action",
                     variant: "primary",
                     "aria-label": $.COMPOSER_SEND,
-                    icon: /* @__PURE__ */ jsx(SendIcon, {})
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(Send.SendIcon, {})
                   })
                 })
               })
@@ -369,12 +371,12 @@ function ComposerEditorContainer({
           })
         ]
       }),
-      showAttachments && isDraggingOver && /* @__PURE__ */ jsx("div", {
+      showAttachments && isDraggingOver && /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: "lb-composer-attachments-drop-area",
-        children: /* @__PURE__ */ jsxs("div", {
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
           className: "lb-composer-attachments-drop-area-label",
           children: [
-            /* @__PURE__ */ jsx(AttachmentIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(Attachment.AttachmentIcon, {}),
             $.COMPOSER_ATTACH_FILES
           ]
         })
@@ -382,8 +384,8 @@ function ComposerEditorContainer({
     ]
   });
 }
-const ComposerRoomIdContext = createContext(null);
-const Composer = forwardRef(
+const ComposerRoomIdContext = react.createContext(null);
+const Composer = react.forwardRef(
   ({
     threadId,
     commentId,
@@ -394,7 +396,7 @@ const Composer = forwardRef(
     collapsed: controlledCollapsed,
     defaultCollapsed,
     onCollapsedChange: controlledOnCollapsedChange,
-    overrides,
+    overrides: overrides$1,
     actions,
     onBlur,
     className,
@@ -407,28 +409,28 @@ const Composer = forwardRef(
     roomId: _roomId,
     ...props
   }, forwardedRef) => {
-    const room = useRoomOrNull();
+    const room = _private.useRoomOrNull();
     const roomId = _roomId !== void 0 ? _roomId : room?.id;
     if (roomId === void 0) {
       throw new Error(
         "Composer must be a descendant of RoomProvider component"
       );
     }
-    const createThread = useCreateRoomThread(roomId);
-    const createComment = useCreateRoomComment(roomId);
-    const editComment = useEditRoomComment(roomId);
-    const { preventUnsavedComposerChanges } = useLiveblocksUIConfig();
-    const hasResolveMentionSuggestions = useResolveMentionSuggestions() !== void 0;
-    const isEmptyRef = useRef(true);
-    const isEmojiPickerOpenRef = useRef(false);
-    const $ = useOverrides(overrides);
-    const [isCollapsed, onCollapsedChange] = useControllableState(
+    const createThread = _private.useCreateRoomThread(roomId);
+    const createComment = _private.useCreateRoomComment(roomId);
+    const editComment = _private.useEditRoomComment(roomId);
+    const { preventUnsavedComposerChanges } = config.useLiveblocksUIConfig();
+    const hasResolveMentionSuggestions = _private.useResolveMentionSuggestions() !== void 0;
+    const isEmptyRef = react.useRef(true);
+    const isEmojiPickerOpenRef = react.useRef(false);
+    const $ = overrides.useOverrides(overrides$1);
+    const [isCollapsed, onCollapsedChange] = useControllableState.useControllableState(
       controlledCollapsed === void 0 && defaultCollapsed === void 0 ? false : controlledCollapsed,
       controlledOnCollapsedChange,
       defaultCollapsed
     );
-    const canCommentFallback = useSyncExternalStore(
-      useCallback(
+    const canCommentFallback = react.useSyncExternalStore(
+      react.useCallback(
         (callback) => {
           if (room === null)
             return () => {
@@ -437,20 +439,20 @@ const Composer = forwardRef(
         },
         [room]
       ),
-      useCallback(() => {
+      react.useCallback(() => {
         return room?.getSelf()?.canComment ?? true;
       }, [room]),
-      useCallback(() => true, [])
+      react.useCallback(() => true, [])
     );
-    const permissions = useRoomPermissions(roomId);
-    const canComment = permissions.size > 0 ? permissions.has(Permission.CommentsWrite) || permissions.has(Permission.Write) : canCommentFallback;
-    const setEmptyRef = useCallback((isEmpty) => {
+    const permissions = _private.useRoomPermissions(roomId);
+    const canComment = permissions.size > 0 ? permissions.has(core.Permission.CommentsWrite) || permissions.has(core.Permission.Write) : canCommentFallback;
+    const setEmptyRef = react.useCallback((isEmpty) => {
       isEmptyRef.current = isEmpty;
     }, []);
-    const setEmojiPickerOpenRef = useCallback((isEmojiPickerOpen) => {
+    const setEmojiPickerOpenRef = react.useCallback((isEmojiPickerOpen) => {
       isEmojiPickerOpenRef.current = isEmojiPickerOpen;
     }, []);
-    const handleFocus = useCallback(
+    const handleFocus = react.useCallback(
       (event) => {
         onFocus?.(event);
         if (event.isDefaultPrevented()) {
@@ -462,7 +464,7 @@ const Composer = forwardRef(
       },
       [onCollapsedChange, onFocus, canComment]
     );
-    const handleBlur = useCallback(
+    const handleBlur = react.useCallback(
       (event) => {
         onBlur?.(event);
         if (event.isDefaultPrevented()) {
@@ -477,7 +479,7 @@ const Composer = forwardRef(
       },
       [onBlur, onCollapsedChange]
     );
-    const handleEditorClick = useCallback(
+    const handleEditorClick = react.useCallback(
       (event) => {
         event.stopPropagation();
         if (isEmptyRef.current && canComment) {
@@ -486,7 +488,7 @@ const Composer = forwardRef(
       },
       [onCollapsedChange, canComment]
     );
-    const handleCommentSubmit = useCallback(
+    const handleCommentSubmit = react.useCallback(
       (comment, event) => {
         onComposerSubmit?.(comment, event);
         if (event.isDefaultPrevented()) {
@@ -523,10 +525,10 @@ const Composer = forwardRef(
         threadId
       ]
     );
-    return /* @__PURE__ */ jsx(TooltipProvider, {
-      children: /* @__PURE__ */ jsx(ComposerForm, {
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.Form, {
         onComposerSubmit: handleCommentSubmit,
-        className: classNames(
+        className: classNames.classNames(
           "lb-root lb-composer lb-composer-form",
           className
         ),
@@ -541,10 +543,10 @@ const Composer = forwardRef(
         pasteFilesAsAttachments: showAttachments,
         preventUnsavedChanges: preventUnsavedComposerChanges,
         roomId,
-        children: /* @__PURE__ */ jsx(ComposerEditorContainer, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(ComposerEditorContainer, {
           defaultValue,
           actions,
-          overrides,
+          overrides: overrides$1,
           isCollapsed,
           showAttachments,
           showAttribution,
@@ -561,5 +563,6 @@ const Composer = forwardRef(
   }
 );
 
-export { Composer, ComposerRoomIdContext };
-//# sourceMappingURL=Composer.mjs.map
+exports.Composer = Composer;
+exports.ComposerRoomIdContext = ComposerRoomIdContext;
+//# sourceMappingURL=Composer.cjs.map