@liveblocks/react-ui 3.15.0-feeds2 → 3.15.0-rc1

package/dist/primitives/Comment/index.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@liveblocks/core');
-var reactSlot = require('@radix-ui/react-slot');
+var radixUi = require('radix-ui');
 var react = require('react');
 
 const COMMENT_MENTION_NAME = "CommentMention";
@@ -10,13 +10,13 @@ const COMMENT_BODY_NAME = "CommentBody";
 const COMMENT_LINK_NAME = "CommentLink";
 const CommentMention = react.forwardRef(
   ({ children, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "span";
+    const Component = asChild ? radixUi.Slot.Slot : "span";
     return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, ref: forwardedRef, children });
   }
 );
 const CommentLink = react.forwardRef(
   ({ children, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "a";
+    const Component = asChild ? radixUi.Slot.Slot : "a";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
@@ -42,7 +42,7 @@ const defaultBodyComponents = {
 };
 const CommentBody = react.forwardRef(
   ({ body, components, style, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "div";
+    const Component = asChild ? radixUi.Slot.Slot : "div";
     const { Mention, Link } = react.useMemo(
       () => ({ ...defaultBodyComponents, ...components }),
       [components]

package/dist/primitives/Comment/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/primitives/Comment/index.tsx"],"sourcesContent":["import {\n  isCommentBodyLink,\n  isCommentBodyMention,\n  MENTION_CHARACTER,\n  sanitizeUrl,\n} from \"@liveblocks/core\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport type {\n  CommentBodyComponents,\n  CommentBodyProps,\n  CommentLinkProps,\n  CommentMentionProps,\n} from \"./types\";\n\nconst COMMENT_MENTION_NAME = \"CommentMention\";\nconst COMMENT_BODY_NAME = \"CommentBody\";\nconst COMMENT_LINK_NAME = \"CommentLink\";\n\n/**\n * Displays mentions within `Comment.Body`.\n *\n * @example\n * <Comment.Mention>@{mention.id}</Comment.Mention>\n */\nconst CommentMention = forwardRef<HTMLSpanElement, CommentMentionProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"span\";\n\n    return (\n      <Component {...props} ref={forwardedRef}>\n        {children}\n      </Component>\n    );\n  }\n);\n\n/**\n * Displays links within `Comment.Body`.\n *\n * @example\n * <Comment.Link href={href}>{children}</Comment.Link>\n */\nconst CommentLink = forwardRef<HTMLAnchorElement, CommentLinkProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"a\";\n\n    return (\n      <Component\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nconst defaultBodyComponents: CommentBodyComponents = {\n  Mention: ({ mention }) => {\n    return (\n      <CommentMention>\n        {MENTION_CHARACTER}\n        {mention.id}\n      </CommentMention>\n    );\n  },\n  Link: ({ href, children }) => {\n    return <CommentLink href={href}>{children}</CommentLink>;\n  },\n};\n\n/**\n * Displays a comment body.\n *\n * @example\n * <Comment.Body body={comment.body} />\n */\nconst CommentBody = forwardRef<HTMLDivElement, CommentBodyProps>(\n  ({ body, components, style, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"div\";\n    const { Mention, Link } = useMemo(\n      () => ({ ...defaultBodyComponents, ...components }),\n      [components]\n    );\n\n    if (!body || !body?.content) {\n      return null;\n    }\n\n    return (\n      <Component\n        {...props}\n        style={{ whiteSpace: \"break-spaces\", ...style }}\n        ref={forwardedRef}\n      >\n        {body.content.map((block, index) => {\n          switch (block.type) {\n            case \"paragraph\":\n              return (\n                <p key={index} style={{ minHeight: \"1lh\" }}>\n                  {block.children.map((inline, index) => {\n                    if (isCommentBodyMention(inline)) {\n                      const { type: _, ...mention } = inline;\n\n                      return mention.id ? (\n                        <Mention mention={mention} key={index} />\n                      ) : null;\n                    }\n\n                    if (isCommentBodyLink(inline)) {\n                      const href = sanitizeUrl(inline.url);\n\n                      // If the URL is invalid, its text/URL are used as plain text.\n                      if (href === null) {\n                        return (\n                          <span key={index}>{inline.text ?? inline.url}</span>\n                        );\n                      }\n\n                      return (\n                        <Link href={href} key={index}>\n                          {inline.text ?? inline.url}\n                        </Link>\n                      );\n                    }\n\n                    // <code><s><em><strong>text</strong></s></em></code>\n                    let children: ReactNode = inline.text;\n\n                    if (inline.bold) {\n                      children = <strong key={index}>{children}</strong>;\n                    }\n\n                    if (inline.italic) {\n                      children = <em key={index}>{children}</em>;\n                    }\n\n                    if (inline.strikethrough) {\n                      children = <s key={index}>{children}</s>;\n                    }\n\n                    if (inline.code) {\n                      children = <code key={index}>{children}</code>;\n                    }\n\n                    return <span key={index}>{children}</span>;\n                  })}\n                </p>\n              );\n            default:\n              return null;\n          }\n        })}\n      </Component>\n    );\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CommentBody.displayName = COMMENT_BODY_NAME;\n  CommentMention.displayName = COMMENT_MENTION_NAME;\n  CommentLink.displayName = COMMENT_LINK_NAME;\n}\n\n// NOTE: Every export from this file will be available publicly as Comment.*\nexport { CommentBody as Body, CommentLink as Link, CommentMention as Mention };\n"],"names":["forwardRef","Slot","jsx","MENTION_CHARACTER","useMemo","index","isCommentBodyMention","isCommentBodyLink","sanitizeUrl"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/primitives/Comment/index.tsx"],"sourcesContent":["import {\n  isCommentBodyLink,\n  isCommentBodyMention,\n  MENTION_CHARACTER,\n  sanitizeUrl,\n} from \"@liveblocks/core\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport type {\n  CommentBodyComponents,\n  CommentBodyProps,\n  CommentLinkProps,\n  CommentMentionProps,\n} from \"./types\";\n\nconst COMMENT_MENTION_NAME = \"CommentMention\";\nconst COMMENT_BODY_NAME = \"CommentBody\";\nconst COMMENT_LINK_NAME = \"CommentLink\";\n\n/**\n * Displays mentions within `Comment.Body`.\n *\n * @example\n * <Comment.Mention>@{mention.id}</Comment.Mention>\n */\nconst CommentMention = forwardRef<HTMLSpanElement, CommentMentionProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? SlotPrimitive.Slot : \"span\";\n\n    return (\n      <Component {...props} ref={forwardedRef}>\n        {children}\n      </Component>\n    );\n  }\n);\n\n/**\n * Displays links within `Comment.Body`.\n *\n * @example\n * <Comment.Link href={href}>{children}</Comment.Link>\n */\nconst CommentLink = forwardRef<HTMLAnchorElement, CommentLinkProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? SlotPrimitive.Slot : \"a\";\n\n    return (\n      <Component\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nconst defaultBodyComponents: CommentBodyComponents = {\n  Mention: ({ mention }) => {\n    return (\n      <CommentMention>\n        {MENTION_CHARACTER}\n        {mention.id}\n      </CommentMention>\n    );\n  },\n  Link: ({ href, children }) => {\n    return <CommentLink href={href}>{children}</CommentLink>;\n  },\n};\n\n/**\n * Displays a comment body.\n *\n * @example\n * <Comment.Body body={comment.body} />\n */\nconst CommentBody = forwardRef<HTMLDivElement, CommentBodyProps>(\n  ({ body, components, style, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? SlotPrimitive.Slot : \"div\";\n    const { Mention, Link } = useMemo(\n      () => ({ ...defaultBodyComponents, ...components }),\n      [components]\n    );\n\n    if (!body || !body?.content) {\n      return null;\n    }\n\n    return (\n      <Component\n        {...props}\n        style={{ whiteSpace: \"break-spaces\", ...style }}\n        ref={forwardedRef}\n      >\n        {body.content.map((block, index) => {\n          switch (block.type) {\n            case \"paragraph\":\n              return (\n                <p key={index} style={{ minHeight: \"1lh\" }}>\n                  {block.children.map((inline, index) => {\n                    if (isCommentBodyMention(inline)) {\n                      const { type: _, ...mention } = inline;\n\n                      return mention.id ? (\n                        <Mention mention={mention} key={index} />\n                      ) : null;\n                    }\n\n                    if (isCommentBodyLink(inline)) {\n                      const href = sanitizeUrl(inline.url);\n\n                      // If the URL is invalid, its text/URL are used as plain text.\n                      if (href === null) {\n                        return (\n                          <span key={index}>{inline.text ?? inline.url}</span>\n                        );\n                      }\n\n                      return (\n                        <Link href={href} key={index}>\n                          {inline.text ?? inline.url}\n                        </Link>\n                      );\n                    }\n\n                    // <code><s><em><strong>text</strong></s></em></code>\n                    let children: ReactNode = inline.text;\n\n                    if (inline.bold) {\n                      children = <strong key={index}>{children}</strong>;\n                    }\n\n                    if (inline.italic) {\n                      children = <em key={index}>{children}</em>;\n                    }\n\n                    if (inline.strikethrough) {\n                      children = <s key={index}>{children}</s>;\n                    }\n\n                    if (inline.code) {\n                      children = <code key={index}>{children}</code>;\n                    }\n\n                    return <span key={index}>{children}</span>;\n                  })}\n                </p>\n              );\n            default:\n              return null;\n          }\n        })}\n      </Component>\n    );\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CommentBody.displayName = COMMENT_BODY_NAME;\n  CommentMention.displayName = COMMENT_MENTION_NAME;\n  CommentLink.displayName = COMMENT_LINK_NAME;\n}\n\n// NOTE: Every export from this file will be available publicly as Comment.*\nexport { CommentBody as Body, CommentLink as Link, CommentMention as Mention };\n"],"names":["forwardRef","SlotPrimitive","jsx","MENTION_CHARACTER","useMemo","index","isCommentBodyMention","isCommentBodyLink","sanitizeUrl"],"mappings":"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"}

package/dist/primitives/Comment/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { MENTION_CHARACTER, isCommentBodyMention, isCommentBodyLink, sanitizeUrl } from '@liveblocks/core';
-import { Slot } from '@radix-ui/react-slot';
+import { Slot } from 'radix-ui';
 import { forwardRef, useMemo } from 'react';
 
 const COMMENT_MENTION_NAME = "CommentMention";
@@ -8,13 +8,13 @@ const COMMENT_BODY_NAME = "CommentBody";
 const COMMENT_LINK_NAME = "CommentLink";
 const CommentMention = forwardRef(
   ({ children, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? Slot : "span";
+    const Component = asChild ? Slot.Slot : "span";
     return /* @__PURE__ */ jsx(Component, { ...props, ref: forwardedRef, children });
   }
 );
 const CommentLink = forwardRef(
   ({ children, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? Slot : "a";
+    const Component = asChild ? Slot.Slot : "a";
     return /* @__PURE__ */ jsx(
       Component,
       {
@@ -40,7 +40,7 @@ const defaultBodyComponents = {
 };
 const CommentBody = forwardRef(
   ({ body, components, style, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? Slot : "div";
+    const Component = asChild ? Slot.Slot : "div";
     const { Mention, Link } = useMemo(
       () => ({ ...defaultBodyComponents, ...components }),
       [components]

package/dist/primitives/Comment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/primitives/Comment/index.tsx"],"sourcesContent":["import {\n  isCommentBodyLink,\n  isCommentBodyMention,\n  MENTION_CHARACTER,\n  sanitizeUrl,\n} from \"@liveblocks/core\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport type {\n  CommentBodyComponents,\n  CommentBodyProps,\n  CommentLinkProps,\n  CommentMentionProps,\n} from \"./types\";\n\nconst COMMENT_MENTION_NAME = \"CommentMention\";\nconst COMMENT_BODY_NAME = \"CommentBody\";\nconst COMMENT_LINK_NAME = \"CommentLink\";\n\n/**\n * Displays mentions within `Comment.Body`.\n *\n * @example\n * <Comment.Mention>@{mention.id}</Comment.Mention>\n */\nconst CommentMention = forwardRef<HTMLSpanElement, CommentMentionProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"span\";\n\n    return (\n      <Component {...props} ref={forwardedRef}>\n        {children}\n      </Component>\n    );\n  }\n);\n\n/**\n * Displays links within `Comment.Body`.\n *\n * @example\n * <Comment.Link href={href}>{children}</Comment.Link>\n */\nconst CommentLink = forwardRef<HTMLAnchorElement, CommentLinkProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"a\";\n\n    return (\n      <Component\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nconst defaultBodyComponents: CommentBodyComponents = {\n  Mention: ({ mention }) => {\n    return (\n      <CommentMention>\n        {MENTION_CHARACTER}\n        {mention.id}\n      </CommentMention>\n    );\n  },\n  Link: ({ href, children }) => {\n    return <CommentLink href={href}>{children}</CommentLink>;\n  },\n};\n\n/**\n * Displays a comment body.\n *\n * @example\n * <Comment.Body body={comment.body} />\n */\nconst CommentBody = forwardRef<HTMLDivElement, CommentBodyProps>(\n  ({ body, components, style, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"div\";\n    const { Mention, Link } = useMemo(\n      () => ({ ...defaultBodyComponents, ...components }),\n      [components]\n    );\n\n    if (!body || !body?.content) {\n      return null;\n    }\n\n    return (\n      <Component\n        {...props}\n        style={{ whiteSpace: \"break-spaces\", ...style }}\n        ref={forwardedRef}\n      >\n        {body.content.map((block, index) => {\n          switch (block.type) {\n            case \"paragraph\":\n              return (\n                <p key={index} style={{ minHeight: \"1lh\" }}>\n                  {block.children.map((inline, index) => {\n                    if (isCommentBodyMention(inline)) {\n                      const { type: _, ...mention } = inline;\n\n                      return mention.id ? (\n                        <Mention mention={mention} key={index} />\n                      ) : null;\n                    }\n\n                    if (isCommentBodyLink(inline)) {\n                      const href = sanitizeUrl(inline.url);\n\n                      // If the URL is invalid, its text/URL are used as plain text.\n                      if (href === null) {\n                        return (\n                          <span key={index}>{inline.text ?? inline.url}</span>\n                        );\n                      }\n\n                      return (\n                        <Link href={href} key={index}>\n                          {inline.text ?? inline.url}\n                        </Link>\n                      );\n                    }\n\n                    // <code><s><em><strong>text</strong></s></em></code>\n                    let children: ReactNode = inline.text;\n\n                    if (inline.bold) {\n                      children = <strong key={index}>{children}</strong>;\n                    }\n\n                    if (inline.italic) {\n                      children = <em key={index}>{children}</em>;\n                    }\n\n                    if (inline.strikethrough) {\n                      children = <s key={index}>{children}</s>;\n                    }\n\n                    if (inline.code) {\n                      children = <code key={index}>{children}</code>;\n                    }\n\n                    return <span key={index}>{children}</span>;\n                  })}\n                </p>\n              );\n            default:\n              return null;\n          }\n        })}\n      </Component>\n    );\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CommentBody.displayName = COMMENT_BODY_NAME;\n  CommentMention.displayName = COMMENT_MENTION_NAME;\n  CommentLink.displayName = COMMENT_LINK_NAME;\n}\n\n// NOTE: Every export from this file will be available publicly as Comment.*\nexport { CommentBody as Body, CommentLink as Link, CommentMention as Mention };\n"],"names":["index"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/primitives/Comment/index.tsx"],"sourcesContent":["import {\n  isCommentBodyLink,\n  isCommentBodyMention,\n  MENTION_CHARACTER,\n  sanitizeUrl,\n} from \"@liveblocks/core\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport type {\n  CommentBodyComponents,\n  CommentBodyProps,\n  CommentLinkProps,\n  CommentMentionProps,\n} from \"./types\";\n\nconst COMMENT_MENTION_NAME = \"CommentMention\";\nconst COMMENT_BODY_NAME = \"CommentBody\";\nconst COMMENT_LINK_NAME = \"CommentLink\";\n\n/**\n * Displays mentions within `Comment.Body`.\n *\n * @example\n * <Comment.Mention>@{mention.id}</Comment.Mention>\n */\nconst CommentMention = forwardRef<HTMLSpanElement, CommentMentionProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? SlotPrimitive.Slot : \"span\";\n\n    return (\n      <Component {...props} ref={forwardedRef}>\n        {children}\n      </Component>\n    );\n  }\n);\n\n/**\n * Displays links within `Comment.Body`.\n *\n * @example\n * <Comment.Link href={href}>{children}</Comment.Link>\n */\nconst CommentLink = forwardRef<HTMLAnchorElement, CommentLinkProps>(\n  ({ children, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? SlotPrimitive.Slot : \"a\";\n\n    return (\n      <Component\n        target=\"_blank\"\n        rel=\"noopener noreferrer nofollow\"\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nconst defaultBodyComponents: CommentBodyComponents = {\n  Mention: ({ mention }) => {\n    return (\n      <CommentMention>\n        {MENTION_CHARACTER}\n        {mention.id}\n      </CommentMention>\n    );\n  },\n  Link: ({ href, children }) => {\n    return <CommentLink href={href}>{children}</CommentLink>;\n  },\n};\n\n/**\n * Displays a comment body.\n *\n * @example\n * <Comment.Body body={comment.body} />\n */\nconst CommentBody = forwardRef<HTMLDivElement, CommentBodyProps>(\n  ({ body, components, style, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? SlotPrimitive.Slot : \"div\";\n    const { Mention, Link } = useMemo(\n      () => ({ ...defaultBodyComponents, ...components }),\n      [components]\n    );\n\n    if (!body || !body?.content) {\n      return null;\n    }\n\n    return (\n      <Component\n        {...props}\n        style={{ whiteSpace: \"break-spaces\", ...style }}\n        ref={forwardedRef}\n      >\n        {body.content.map((block, index) => {\n          switch (block.type) {\n            case \"paragraph\":\n              return (\n                <p key={index} style={{ minHeight: \"1lh\" }}>\n                  {block.children.map((inline, index) => {\n                    if (isCommentBodyMention(inline)) {\n                      const { type: _, ...mention } = inline;\n\n                      return mention.id ? (\n                        <Mention mention={mention} key={index} />\n                      ) : null;\n                    }\n\n                    if (isCommentBodyLink(inline)) {\n                      const href = sanitizeUrl(inline.url);\n\n                      // If the URL is invalid, its text/URL are used as plain text.\n                      if (href === null) {\n                        return (\n                          <span key={index}>{inline.text ?? inline.url}</span>\n                        );\n                      }\n\n                      return (\n                        <Link href={href} key={index}>\n                          {inline.text ?? inline.url}\n                        </Link>\n                      );\n                    }\n\n                    // <code><s><em><strong>text</strong></s></em></code>\n                    let children: ReactNode = inline.text;\n\n                    if (inline.bold) {\n                      children = <strong key={index}>{children}</strong>;\n                    }\n\n                    if (inline.italic) {\n                      children = <em key={index}>{children}</em>;\n                    }\n\n                    if (inline.strikethrough) {\n                      children = <s key={index}>{children}</s>;\n                    }\n\n                    if (inline.code) {\n                      children = <code key={index}>{children}</code>;\n                    }\n\n                    return <span key={index}>{children}</span>;\n                  })}\n                </p>\n              );\n            default:\n              return null;\n          }\n        })}\n      </Component>\n    );\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CommentBody.displayName = COMMENT_BODY_NAME;\n  CommentMention.displayName = COMMENT_MENTION_NAME;\n  CommentLink.displayName = COMMENT_LINK_NAME;\n}\n\n// NOTE: Every export from this file will be available publicly as Comment.*\nexport { CommentBody as Body, CommentLink as Link, CommentMention as Mention };\n"],"names":["SlotPrimitive","index"],"mappings":"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"}

package/dist/primitives/Composer/index.cjs

@@ -5,12 +5,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@liveblocks/core');
 var react$1 = require('@liveblocks/react');
 var _private = require('@liveblocks/react/_private');
-var reactSlot = require('@radix-ui/react-slot');
-var TogglePrimitive = require('@radix-ui/react-toggle');
+var radixUi = require('radix-ui');
 var react = require('react');
 var slate = require('slate');
 var slateHistory = require('slate-history');
 var slateReact = require('slate-react');
+var shared = require('../../shared.cjs');
 var isKey = require('../../utils/is-key.cjs');
 var Persist = require('../../utils/Persist.cjs');
 var Portal = require('../../utils/Portal.cjs');
@@ -18,6 +18,7 @@ var requestSubmit = require('../../utils/request-submit.cjs');
 var useIndex = require('../../utils/use-index.cjs');
 var useInitial = require('../../utils/use-initial.cjs');
 var useObservable = require('../../utils/use-observable.cjs');
+var usePreResolveUser = require('../../utils/use-pre-resolve-user.cjs');
 var useRefs = require('../../utils/use-refs.cjs');
 var emptyClearFormatting = require('../slate/plugins/empty-clear-formatting.cjs');
 var normalize = require('../slate/plugins/normalize.cjs');
@@ -32,25 +33,6 @@ var mentions = require('./slate/plugins/mentions.cjs');
 var paste = require('./slate/plugins/paste.cjs');
 var utils = require('./utils.cjs');
 
-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 MENTION_SUGGESTIONS_POSITION = "top";
 const FLOATING_TOOLBAR_POSITION = "top";
@@ -308,7 +290,7 @@ const ComposerFloatingToolbar = react.forwardRef(({ children, onPointerDown, sty
     () => utils.getSideAndAlignFromFloatingPlacement(placement),
     [placement]
   );
-  const Component = asChild ? reactSlot.Slot : "div";
+  const Component = asChild ? radixUi.Slot.Slot : "div";
   Persist.useAnimationPersist(ref);
   const handlePointerDown = react.useCallback(
     (event) => {
@@ -400,7 +382,7 @@ function ComposerEditorPlaceholder({
 }
 const ComposerMention = react.forwardRef(
   ({ children, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "span";
+    const Component = asChild ? radixUi.Slot.Slot : "span";
     const isSelected = slateReact.useSelected();
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
@@ -415,7 +397,7 @@ const ComposerMention = react.forwardRef(
 );
 const ComposerLink = react.forwardRef(
   ({ children, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "a";
+    const Component = asChild ? radixUi.Slot.Slot : "a";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
@@ -441,7 +423,7 @@ const ComposerSuggestions = react.forwardRef(({ children, style, asChild, ...pro
     () => utils.getSideAndAlignFromFloatingPlacement(placement),
     [placement]
   );
-  const Component = asChild ? reactSlot.Slot : "div";
+  const Component = asChild ? radixUi.Slot.Slot : "div";
   Persist.useAnimationPersist(ref);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
@@ -465,7 +447,7 @@ const ComposerSuggestions = react.forwardRef(({ children, style, asChild, ...pro
 });
 const ComposerSuggestionsList = react.forwardRef(({ children, asChild, ...props }, forwardedRef) => {
   const { id } = contexts.useComposerSuggestionsContext(COMPOSER_SUGGESTIONS_LIST_NAME);
-  const Component = asChild ? reactSlot.Slot : "ul";
+  const Component = asChild ? radixUi.Slot.Slot : "ul";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
@@ -491,7 +473,7 @@ const ComposerSuggestionsListItem = react.forwardRef(
     const ref = react.useRef(null);
     const mergedRefs = useRefs.useRefs(forwardedRef, ref);
     const { selectedValue, setSelectedValue, itemId, onItemSelect } = contexts.useComposerSuggestionsContext(COMPOSER_SUGGESTIONS_LIST_ITEM_NAME);
-    const Component = asChild ? reactSlot.Slot : "li";
+    const Component = asChild ? radixUi.Slot.Slot : "li";
     const isSelected = react.useMemo(
       () => selectedValue === value,
       [selectedValue, value]
@@ -585,6 +567,8 @@ const ComposerEditor = react.forwardRef(
       isDisabled: isComposerDisabled,
       isFocused
     } = contexts.useComposer();
+    const currentUserId = shared.useCurrentUserId();
+    const preResolveUser = usePreResolveUser.usePreResolveUser();
     const isDisabled = isComposerDisabled || disabled;
     const initialBody = useInitial.useInitial(defaultValue ?? emptyCommentBody);
     const initialEditorValue = react.useMemo(() => {
@@ -730,9 +714,12 @@ const ComposerEditor = react.forwardRef(
         onFocus?.(event);
         if (!event.isDefaultPrevented()) {
           setFocused(true);
+          if (currentUserId) {
+            preResolveUser(currentUserId);
+          }
         }
       },
-      [onFocus, setFocused]
+      [onFocus, setFocused, currentUserId, preResolveUser]
     );
     const handleBlur = react.useCallback(
       (event) => {
@@ -811,6 +798,7 @@ const ComposerEditor = react.forwardRef(
             slateReact.Editable,
             {
               dir,
+              tabIndex: isDisabled ? -1 : 0,
               enterKeyHint: mentionDraft ? "enter" : "send",
               autoCapitalize: "sentences",
               "aria-label": "Composer editor",
@@ -885,7 +873,7 @@ const ComposerForm = react.forwardRef(
     roomId: _roomId,
     ...props
   }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "form";
+    const Component = asChild ? radixUi.Slot.Slot : "form";
     const [isEmpty$1, setEmpty] = react.useState(true);
     const [isSubmitting, setSubmitting] = react.useState(false);
     const [isFocused, setFocused] = react.useState(false);
@@ -1165,7 +1153,7 @@ const ComposerForm = react.forwardRef(
                       style: { display: "none" }
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
+                  /* @__PURE__ */ jsxRuntime.jsx(radixUi.Slot.Slottable, { children })
                 ] })
               }
             )
@@ -1177,7 +1165,7 @@ const ComposerForm = react.forwardRef(
 );
 const ComposerSubmit = react.forwardRef(
   ({ children, disabled, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "button";
+    const Component = asChild ? radixUi.Slot.Slot : "button";
     const { canSubmit, isDisabled: isComposerDisabled } = contexts.useComposer();
     const isDisabled = isComposerDisabled || disabled || !canSubmit;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1193,7 +1181,7 @@ const ComposerSubmit = react.forwardRef(
   }
 );
 const ComposerAttachFiles = react.forwardRef(({ children, onClick, disabled, asChild, ...props }, forwardedRef) => {
-  const Component = asChild ? reactSlot.Slot : "button";
+  const Component = asChild ? radixUi.Slot.Slot : "button";
   const { hasMaxAttachments } = contexts.useComposerAttachmentsContext();
   const { isDisabled: isComposerDisabled, attachFiles } = contexts.useComposer();
   const isDisabled = isComposerDisabled || hasMaxAttachments || disabled;
@@ -1228,7 +1216,7 @@ const ComposerAttachmentsDropArea = react.forwardRef(
     asChild,
     ...props
   }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "div";
+    const Component = asChild ? radixUi.Slot.Slot : "div";
     const { isDisabled: isComposerDisabled } = contexts.useComposer();
     const isDisabled = isComposerDisabled || disabled;
     const [, dropAreaProps] = utils.useComposerAttachmentsDropArea({
@@ -1259,7 +1247,7 @@ const ComposerMarkToggle = react.forwardRef(
     asChild,
     ...props
   }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "button";
+    const Component = asChild ? radixUi.Slot.Slot : "button";
     const { marks, toggleMark } = contexts.useComposer();
     const handlePointerDown = react.useCallback(
       (event) => {
@@ -1282,7 +1270,7 @@ const ComposerMarkToggle = react.forwardRef(
       [mark, onClick, onValueChange, toggleMark]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      TogglePrimitive__namespace.Root,
+      radixUi.Toggle.Root,
       {
         asChild: true,
         pressed: marks[mark],