quoin-editor 1.5.0 → 1.7.0

package/dist/{chunk-XFR7QGSN.cjs → chunk-YEFPH27F.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkH3C3MJW5_cjs = require('./chunk-H3C3MJW5.cjs');
-var chunkUUSZGUXJ_cjs = require('./chunk-UUSZGUXJ.cjs');
+var chunk6T5YGCZ5_cjs = require('./chunk-6T5YGCZ5.cjs');
 var chunkQJ34MOFV_cjs = require('./chunk-QJ34MOFV.cjs');
 var chunkA6PGQVTR_cjs = require('./chunk-A6PGQVTR.cjs');
 var chunkVZZPCYA3_cjs = require('./chunk-VZZPCYA3.cjs');
@@ -16,7 +16,7 @@ function LinkCard({ controller, blockId, url, title, description, image, readOnl
   const domain = chunkH3C3MJW5_cjs.domainOf(url);
   const picture = chunkH3C3MJW5_cjs.webAddress(image);
   const name = title || url;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: card, className: "quoin-link-card", ...readOnly ? void 0 : chunkUUSZGUXJ_cjs.selectHandlers(controller, blockId, card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: card, className: "quoin-link-card", ...readOnly ? void 0 : chunk6T5YGCZ5_cjs.selectHandlers(controller, blockId, card), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-link-card-text", children: [
       href === null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-link-card-title", children: name }) : /* @__PURE__ */ jsxRuntime.jsx(
         "a",
@@ -51,7 +51,7 @@ function useLinkCardKeys(controller, blockId, url, editable) {
   const root = react.useRef(null);
   const link = react.useRef(null);
   const keys = react.useMemo(() => ({ enter: () => link.current?.focus() }), []);
-  chunkUUSZGUXJ_cjs.useNodeKeys(controller, blockId, editable, chunkWZA5S5EJ_cjs.sanitizeHref(url) !== null, root, keys);
+  chunk6T5YGCZ5_cjs.useNodeKeys(controller, blockId, editable, chunkWZA5S5EJ_cjs.sanitizeHref(url) !== null, root, keys);
   return { root, link };
 }
 
@@ -93,7 +93,7 @@ async function unfurlInto(controller, blockId, url, unfurl, onError) {
   try {
     found = await unfurl(url);
   } catch (cause) {
-    if (bookmarkAt(controller, blockId, url) && drawn.get(blockId)) onError(chunkUUSZGUXJ_cjs.toError(cause));
+    if (bookmarkAt(controller, blockId, url) && drawn.get(blockId)) onError(chunk6T5YGCZ5_cjs.toError(cause));
     return;
   }
   const patch = unfurledPatch(found);
@@ -108,7 +108,7 @@ async function unfurlInto(controller, blockId, url, unfurl, onError) {
   editor.dispatch(editor.createTransaction().step(chunkVZZPCYA3_cjs.setAttrsStep(blockId, patch)).setMeta("addToHistory", false));
 }
 function useUnfurl(controller, blockId, url, unfurl) {
-  const { onError } = chunkUUSZGUXJ_cjs.useQuoin();
+  const { onError } = chunk6T5YGCZ5_cjs.useQuoin();
   react.useEffect(() => {
     const { drawn } = asksOf(controller);
     drawn.set(blockId, (drawn.get(blockId) ?? 0) + 1);
@@ -187,7 +187,7 @@ function EmbedFrame({ blockId, controller, match, title, readOnly }) {
   );
   const cover = useCoverPress(controller);
   const keys = react.useMemo(() => ({ enter: () => void setTimeout(() => frame.current?.focus()) }), []);
-  chunkUUSZGUXJ_cjs.useNodeKeys(controller, blockId, !readOnly, true, root, keys);
+  chunk6T5YGCZ5_cjs.useNodeKeys(controller, blockId, !readOnly, true, root, keys);
   const height = playerHeight(match.provider);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -215,7 +215,7 @@ function EmbedFrame({ blockId, controller, match, title, readOnly }) {
             className: "quoin-embed-cover",
             onPointerDownCapture: cover.onPress,
             onMouseDown: (event) => event.preventDefault(),
-            onClick: () => chunkUUSZGUXJ_cjs.focusNode(controller, blockId)
+            onClick: () => chunk6T5YGCZ5_cjs.focusNode(controller, blockId)
           }
         )
       ]
@@ -320,7 +320,7 @@ var embedSlashItems = (labels) => [
     title: labels.embed,
     description: labels.embedDescription,
     group: "embeds",
-    icon: chunkUUSZGUXJ_cjs.AppWindow,
+    icon: chunk6T5YGCZ5_cjs.AppWindow,
     keywords: ["iframe", "video", "youtube", "vimeo", "loom", "figma", "codepen", "spotify", "soundcloud"],
     run: ({ controller, range }) => requestLink(controller, { kind: "embed", at: range })
   },
@@ -329,7 +329,7 @@ var embedSlashItems = (labels) => [
     title: labels.bookmark,
     description: labels.bookmarkDescription,
     group: "embeds",
-    icon: chunkUUSZGUXJ_cjs.Bookmark,
+    icon: chunk6T5YGCZ5_cjs.Bookmark,
     keywords: ["link", "url", "card", "preview", "web"],
     run: ({ controller, range }) => requestLink(controller, { kind: "bookmark", at: range })
   }
@@ -381,7 +381,7 @@ function emptyParagraph(blockId) {
 }
 function replaceLink(blockId, block) {
   return (state, dispatch) => {
-    const { ok, tr } = chunkVZZPCYA3_cjs.runCommands(state, [emptyParagraph(blockId), chunkUUSZGUXJ_cjs.insertBlocks([block], "line", blockId)]);
+    const { ok, tr } = chunkVZZPCYA3_cjs.runCommands(state, [emptyParagraph(blockId), chunk6T5YGCZ5_cjs.insertBlocks([block], "line", blockId)]);
     if (!ok || tr === null) return false;
     dispatch?.(tr);
     return true;
@@ -395,7 +395,7 @@ function embedOf(href, providers) {
 }
 var bookmarkOf = (href) => ({ type: "BOOKMARK", attrs: { url: href } });
 function typedLink(kind, typed, providers) {
-  const href = chunkH3C3MJW5_cjs.webAddress(chunkUUSZGUXJ_cjs.linkAddress(typed));
+  const href = chunkH3C3MJW5_cjs.webAddress(chunk6T5YGCZ5_cjs.linkAddress(typed));
   if (href === null) return { href, block: null, problem: "notALink" };
   const block = kind === "embed" ? embedOf(href, providers) : bookmarkOf(href);
   return { href, block, problem: block === null ? "cannotEmbed" : null };
@@ -423,18 +423,18 @@ function useEscapeInText(controller, onEscape) {
       onEscape();
       return true;
     };
-    return chunkUUSZGUXJ_cjs.interceptKeys(controller, intercept);
+    return chunk6T5YGCZ5_cjs.interceptKeys(controller, intercept);
   }, [controller, onEscape]);
 }
 function LinkChoiceToolbar({ controller, feature: { labels, providers }, choice, onDismiss }) {
   const embed = react.useMemo(() => embedOf(choice.href, providers), [choice.href, providers]);
   const range = react.useMemo(() => linkEnd(controller.editor.state, choice.block), [controller, choice.block]);
-  const { anchor } = chunkUUSZGUXJ_cjs.useRangeAnchor(controller, range);
+  const { anchor } = chunk6T5YGCZ5_cjs.useRangeAnchor(controller, range);
   const after = react.useMemo(() => {
     const host = range && controller.registry.get(range.block, range.region);
-    return host && chunkUUSZGUXJ_cjs.inlineDirection(host) === "rtl" ? "left" : "right";
+    return host && chunk6T5YGCZ5_cjs.inlineDirection(host) === "rtl" ? "left" : "right";
   }, [controller, range]);
-  const roving = chunkUUSZGUXJ_cjs.useRovingFocus();
+  const roving = chunk6T5YGCZ5_cjs.useRovingFocus();
   const rovingRef = roving.ref;
   const content = react.useRef(null);
   const ref = react.useCallback(
@@ -445,9 +445,9 @@ function LinkChoiceToolbar({ controller, feature: { labels, providers }, choice,
     [rovingRef]
   );
   const ownerDocument = react.useCallback(() => controller.root?.ownerDocument ?? document, [controller]);
-  chunkUUSZGUXJ_cjs.useFocusKey(controller, roving.focusCurrent);
+  chunk6T5YGCZ5_cjs.useFocusKey(controller, roving.focusCurrent);
   useEscapeInText(controller, onDismiss);
-  chunkUUSZGUXJ_cjs.useOutsidePress(content, ownerDocument, onDismiss);
+  chunk6T5YGCZ5_cjs.useOutsidePress(content, ownerDocument, onDismiss);
   const choose = (block) => {
     if (block === null) onDismiss();
     else controller.run(replaceLink(choice.block, block));
@@ -461,11 +461,11 @@ function LinkChoiceToolbar({ controller, feature: { labels, providers }, choice,
       controller.focus();
     } else roving.onKeyDown(event);
   };
-  const button = (label, block) => /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.Button, { type: "button", variant: "ghost", size: "sm", onClick: () => choose(block), children: label });
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUUSZGUXJ_cjs.Popover, { open: true, modal: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.PopoverAnchor, { virtualRef: anchor }),
+  const button = (label, block) => /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.Button, { type: "button", variant: "ghost", size: "sm", onClick: () => choose(block), children: label });
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk6T5YGCZ5_cjs.Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.PopoverAnchor, { virtualRef: anchor }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkUUSZGUXJ_cjs.PopoverContent,
+      chunk6T5YGCZ5_cjs.PopoverContent,
       {
         ref,
         role: "toolbar",
@@ -473,14 +473,14 @@ function LinkChoiceToolbar({ controller, feature: { labels, providers }, choice,
         side: after,
         align: "end",
         sideOffset: 8,
-        className: chunkUUSZGUXJ_cjs.FLOATING_TOOLBAR,
-        onOpenAutoFocus: chunkUUSZGUXJ_cjs.preventDefault,
-        onCloseAutoFocus: chunkUUSZGUXJ_cjs.preventDefault,
-        onPointerDown: chunkUUSZGUXJ_cjs.keepFocus,
-        onMouseDown: chunkUUSZGUXJ_cjs.keepFocus,
+        className: chunk6T5YGCZ5_cjs.FLOATING_TOOLBAR,
+        onOpenAutoFocus: chunk6T5YGCZ5_cjs.preventDefault,
+        onCloseAutoFocus: chunk6T5YGCZ5_cjs.preventDefault,
+        onPointerDown: chunk6T5YGCZ5_cjs.keepFocus,
+        onMouseDown: chunk6T5YGCZ5_cjs.keepFocus,
         onFocus: roving.onFocus,
         onKeyDown,
-        ...chunkUUSZGUXJ_cjs.bubblePart(controller),
+        ...chunk6T5YGCZ5_cjs.bubblePart(controller),
         children: [
           embed !== null && button(labels.embed, embed),
           button(labels.bookmark, bookmarkOf(choice.href)),
@@ -498,7 +498,7 @@ function storeAfterPress(controller, request, block) {
   controller.readSelectionFromDom();
   const line = request.at.block;
   const onLine = chunkVZZPCYA3_cjs.headBlockId(editor.state.selection) === line;
-  const place = onLine ? chunkUUSZGUXJ_cjs.insertBlockToWrite(block, false, line) : chunkUUSZGUXJ_cjs.insertBlocks([block], "stay", line);
+  const place = onLine ? chunk6T5YGCZ5_cjs.insertBlockToWrite(block, false, line) : chunk6T5YGCZ5_cjs.insertBlocks([block], "stay", line);
   place(editor.state, (tr) => editor.dispatch(tr));
 }
 function LinkInputOverlay({ controller, feature }) {
@@ -516,12 +516,12 @@ function LinkInputPopover({ controller, feature: { labels, providers }, request,
   const [problem, setProblem] = react.useState(null);
   const messageId = react.useId();
   const content = react.useRef(null);
-  const { anchor, side } = chunkUUSZGUXJ_cjs.useRangeAnchor(controller, request.at);
+  const { anchor, side } = chunk6T5YGCZ5_cjs.useRangeAnchor(controller, request.at);
   const name = request.kind === "embed" ? labels.embedLink : labels.bookmarkLink;
   const typed = () => typedLink(request.kind, address, providers);
   const finish = (block) => {
     onClose();
-    if (block !== null && !controller.readOnly) controller.run(chunkUUSZGUXJ_cjs.insertBlockToWrite(block, false, request.at.block));
+    if (block !== null && !controller.readOnly) controller.run(chunk6T5YGCZ5_cjs.insertBlockToWrite(block, false, request.at.block));
     controller.focus();
   };
   const submit = (event) => {
@@ -532,7 +532,7 @@ function LinkInputPopover({ controller, feature: { labels, providers }, request,
   };
   const bookmarkInstead = () => finish(typedLink("bookmark", address, providers).block);
   const ownerDocument = react.useCallback(() => controller.root?.ownerDocument ?? document, [controller]);
-  chunkUUSZGUXJ_cjs.useOutsidePress(content, ownerDocument, () => {
+  chunk6T5YGCZ5_cjs.useOutsidePress(content, ownerDocument, () => {
     onClose();
     const { block } = typed();
     if (block !== null) setTimeout(() => storeAfterPress(controller, request, block));
@@ -546,25 +546,25 @@ function LinkInputPopover({ controller, feature: { labels, providers }, request,
     if (next >= 0 && next < controls.length) controls[next].focus();
     else finish(typed().block);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUUSZGUXJ_cjs.Popover, { open: true, modal: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.PopoverAnchor, { virtualRef: anchor }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk6T5YGCZ5_cjs.Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.PopoverAnchor, { virtualRef: anchor }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUUSZGUXJ_cjs.PopoverContent,
+      chunk6T5YGCZ5_cjs.PopoverContent,
       {
         ref: content,
         "aria-label": name,
         side,
         align: "start",
         className: "w-80 p-2 shadow-md",
-        onCloseAutoFocus: chunkUUSZGUXJ_cjs.preventDefault,
+        onCloseAutoFocus: chunk6T5YGCZ5_cjs.preventDefault,
         onEscapeKeyDown: (event) => {
           event.preventDefault();
           if (!chunkQJ34MOFV_cjs.isComposingKey(controller, event)) finish(null);
         },
-        ...chunkUUSZGUXJ_cjs.bubblePart(controller),
+        ...chunk6T5YGCZ5_cjs.bubblePart(controller),
         children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "quoin-embed-ask", onSubmit: submit, onKeyDown, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkUUSZGUXJ_cjs.Input,
+            chunk6T5YGCZ5_cjs.Input,
             {
               type: "url",
               className: "h-8",
@@ -578,9 +578,9 @@ function LinkInputPopover({ controller, feature: { labels, providers }, request,
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.Button, { type: "submit", size: "sm", children: request.kind === "embed" ? labels.embed : labels.bookmark }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.Button, { type: "submit", size: "sm", children: request.kind === "embed" ? labels.embed : labels.bookmark }),
           problem !== null && /* @__PURE__ */ jsxRuntime.jsx("p", { id: messageId, role: "alert", className: "quoin-embed-ask-message", children: labels[problem] }),
-          problem === "cannotEmbed" && /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: bookmarkInstead, children: labels.bookmarkInstead })
+          problem === "cannotEmbed" && /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: bookmarkInstead, children: labels.bookmarkInstead })
         ] })
       }
     )
@@ -607,5 +607,3 @@ function embedExtension(options = {}) {
 
 exports.embedExtension = embedExtension;
 exports.englishEmbedLabels = englishEmbedLabels;
-//# sourceMappingURL=chunk-XFR7QGSN.cjs.map
-//# sourceMappingURL=chunk-XFR7QGSN.cjs.map

package/dist/comments.cjs

@@ -3,7 +3,7 @@
 
 var chunkH3C3MJW5_cjs = require('./chunk-H3C3MJW5.cjs');
 var chunkQR2NIDUK_cjs = require('./chunk-QR2NIDUK.cjs');
-var chunkUUSZGUXJ_cjs = require('./chunk-UUSZGUXJ.cjs');
+var chunk6T5YGCZ5_cjs = require('./chunk-6T5YGCZ5.cjs');
 var chunkQJ34MOFV_cjs = require('./chunk-QJ34MOFV.cjs');
 require('./chunk-A6PGQVTR.cjs');
 var chunkVZZPCYA3_cjs = require('./chunk-VZZPCYA3.cjs');
@@ -185,7 +185,7 @@ function create(editor, pending, onCreate, link) {
     if (link.mounts === 0) return;
     const tr = settledTransaction(editor, pending.key, id);
     editor.dispatch(tr);
-    if (id === null) link.report(chunkUUSZGUXJ_cjs.toError(error));
+    if (id === null) link.report(chunk6T5YGCZ5_cjs.toError(error));
     else if (!tr.docChanged) link.report(new Error(`Comment thread ${id} has no text: it was deleted meanwhile`));
   };
   new Promise((resolve) => resolve(onCreate(input))).then(
@@ -336,10 +336,10 @@ function CommentMarkers({ env, box, entries, onOpen }) {
       "data-rail-item": "",
       "data-block": block,
       "aria-label": env.labels.showComments(ids.length),
-      className: chunkUUSZGUXJ_cjs.cn("quoin-comments-marker", chunkUUSZGUXJ_cjs.FOCUS_RING),
+      className: chunk6T5YGCZ5_cjs.cn("quoin-comments-marker", chunk6T5YGCZ5_cjs.FOCUS_RING),
       onClick: (event) => onOpen(ids[0], event.currentTarget),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.MessageSquare, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.MessageSquare, { "aria-hidden": "true" }),
         ids.length
       ]
     },
@@ -353,7 +353,7 @@ async function called(link, call) {
     await call();
     return true;
   } catch (error) {
-    link.report(chunkUUSZGUXJ_cjs.toError(error));
+    link.report(chunk6T5YGCZ5_cjs.toError(error));
     return false;
   }
 }
@@ -446,14 +446,14 @@ function ReplyBox({ env, threadId, first }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUUSZGUXJ_cjs.Button,
+      chunk6T5YGCZ5_cjs.Button,
       {
         type: "submit",
         variant: "ghost",
         size: "icon-sm",
         "aria-label": labels.send,
         "aria-disabled": text === "" || sending || void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.SendHorizontal, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.SendHorizontal, {})
       }
     )
   ] });
@@ -485,7 +485,7 @@ function ThreadView({ env, id, thread, onEnded }) {
     /* @__PURE__ */ jsxRuntime.jsx(ReplyBox, { env, threadId: id, first: comments.length === 0 }),
     !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkUUSZGUXJ_cjs.Button,
+        chunk6T5YGCZ5_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -496,7 +496,7 @@ function ThreadView({ env, id, thread, onEnded }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkUUSZGUXJ_cjs.Button,
+        chunk6T5YGCZ5_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -533,7 +533,7 @@ function ThreadCard({ env, entry, active, expanded, onToggle }) {
         ref: header,
         type: "button",
         "aria-expanded": expanded,
-        className: chunkUUSZGUXJ_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunkUUSZGUXJ_cjs.FOCUS_RING),
+        className: chunk6T5YGCZ5_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunk6T5YGCZ5_cjs.FOCUS_RING),
         onClick: () => onToggle(expanded ? null : thread.id),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: removed ? "text-xs text-muted-foreground italic" : "quoin-comments-quote", children: removed ? labels.textRemoved : anchorText2 }),
@@ -599,7 +599,7 @@ function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus })
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "text-sm font-semibold", children: labels.comments }),
-              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.X, {}) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.X, {}) }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": labels.comments, className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               ThreadCard,
@@ -660,8 +660,8 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   });
   const anchor = react.useMemo(
     () => ({
-      current: chunkUUSZGUXJ_cjs.virtualAnchor(
-        () => latest.current ? chunkUUSZGUXJ_cjs.rangeRect(controller, latest.current) : null,
+      current: chunk6T5YGCZ5_cjs.virtualAnchor(
+        () => latest.current ? chunk6T5YGCZ5_cjs.rangeRect(controller, latest.current) : null,
         () => latest.current && controller.registry.get(latest.current.block, latest.current.region)
       )
     }),
@@ -695,7 +695,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   };
   const choices = ids.map((id) => ({ id, anchorText: textOf(id), preview: threads.find(id)?.comments[0]?.body ?? "" }));
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkUUSZGUXJ_cjs.Popover,
+    chunk6T5YGCZ5_cjs.Popover,
     {
       open: true,
       modal: false,
@@ -703,9 +703,9 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
         if (!next) onClose();
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkUUSZGUXJ_cjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkUUSZGUXJ_cjs.PopoverContent,
+          chunk6T5YGCZ5_cjs.PopoverContent,
           {
             ref: content,
             "aria-label": gone ? labels.textRemoved : single ? labels.thread(textOf(ids[0])) : labels.threadsHere,
@@ -770,7 +770,7 @@ function useThreads(threads) {
 var commentsOf = (state) => chunkVZZPCYA3_cjs.getPluginState(state, commentsKey);
 var docOf2 = (state) => state.doc;
 function CommentsOverlay({ controller, host, labels }) {
-  const { onError } = chunkUUSZGUXJ_cjs.useQuoin();
+  const { onError } = chunk6T5YGCZ5_cjs.useQuoin();
   const link = linkOf(controller.editor);
   chunkQJ34MOFV_cjs.useIsomorphicLayoutEffect(() => {
     link.report = onError;
@@ -858,7 +858,7 @@ function watchEnded(editor, threads) {
 var commentItem = (labels) => ({
   id: "comment",
   title: labels.comment,
-  icon: chunkUUSZGUXJ_cjs.MessageSquarePlus,
+  icon: chunk6T5YGCZ5_cjs.MessageSquarePlus,
   shortcut: "Mod-Alt-m",
   available: (state) => hasCommentableText(state) && chunkVZZPCYA3_cjs.getPluginState(state, commentsKey).pending.length === 0,
   // Focus goes back to the text first: the button leaves the toolbar while the thread is being asked for.
@@ -924,5 +924,3 @@ function createCommentThreads(initial = NO_THREADS) {
 exports.commentsExtension = commentsExtension;
 exports.createCommentThreads = createCommentThreads;
 exports.englishCommentsLabels = englishCommentsLabels;
-//# sourceMappingURL=comments.cjs.map
-//# sourceMappingURL=comments.cjs.map

package/dist/comments.js

@@ -1,7 +1,7 @@
 'use client';
 import { webAddress } from './chunk-GHNQKJMD.js';
 import { ownsNode } from './chunk-R7MYG522.js';
-import { MessageSquarePlus, useQuoin, MessageSquare, cn, FOCUS_RING, Button, X, virtualAnchor, rangeRect, Popover, PopoverAnchor, PopoverContent, toError, SendHorizontal } from './chunk-32OZ2WM2.js';
+import { MessageSquarePlus, useQuoin, MessageSquare, cn, FOCUS_RING, Button, X, virtualAnchor, rangeRect, Popover, PopoverAnchor, PopoverContent, toError, SendHorizontal } from './chunk-HSLOPJVT.js';
 import { useIsomorphicLayoutEffect, useEditorState, useReadOnly } from './chunk-XFEDJEJF.js';
 import './chunk-HDJ653LM.js';
 import { createPluginKey, defineExtension, getPluginState, isCollapsed, markRanges, Transaction, comparePos, textSelection, addMarkStep, sameSelection, removeMarkStep } from './chunk-OS2O6IKX.js';

package/dist/diagram-extension-D573COJv.d.cts

@@ -0,0 +1,38 @@
+import { E as Extension } from './types-DXF9p4qV.cjs';
+
+/** Every string the diagram blocks show or speak. */
+type DiagramLabels = {
+    /** Names the block holding a diagram and its source, by the language that draws it. */
+    diagram(language: string): string;
+    /** What is shown in place of a diagram the host's renderer could not draw. */
+    notDrawn: string;
+};
+declare const englishDiagramLabels: DiagramLabels;
+
+/**
+ * Draws a diagram from the source of a code block and gives the markup to insert, at once or through a promise, as
+ * Mermaid's `render` does, which parses and lays out asynchronously. The
+ * markup is trusted: the canvas inserts it as it is, so a host that draws from text it did not write sanitises first.
+ */
+type RenderDiagram = (code: string, language: string) => string | Promise<string>;
+
+type DiagramOptions = {
+    /**
+     * Draws a diagram from the source of a code block and gives the markup to insert, as Mermaid's `render` does. The
+     * markup is inserted as it is, so a host drawing from text it did not write sanitises first. Without one the blocks
+     * stay code blocks.
+     */
+    render?: RenderDiagram;
+    /** The code languages drawn as diagrams rather than highlighted. `['mermaid']` by default. */
+    languages?: readonly string[];
+    /** Every string the feature shows or speaks, English by default. A key left out stays English. */
+    labels?: Partial<DiagramLabels>;
+};
+/**
+ * Draws a code block whose language names a diagram through the host's renderer, with its source below it. The
+ * document is unchanged: a diagram is a fenced code block, and opens as one anywhere else.
+ */
+declare function diagramExtension(options?: DiagramOptions): Extension;
+
+export { diagramExtension as d, englishDiagramLabels as e };
+export type { DiagramLabels as D, RenderDiagram as R, DiagramOptions as a };

package/dist/diagram-extension-Da7hp-tv.d.ts

@@ -0,0 +1,38 @@
+import { E as Extension } from './types-BjLcmV00.js';
+
+/** Every string the diagram blocks show or speak. */
+type DiagramLabels = {
+    /** Names the block holding a diagram and its source, by the language that draws it. */
+    diagram(language: string): string;
+    /** What is shown in place of a diagram the host's renderer could not draw. */
+    notDrawn: string;
+};
+declare const englishDiagramLabels: DiagramLabels;
+
+/**
+ * Draws a diagram from the source of a code block and gives the markup to insert, at once or through a promise, as
+ * Mermaid's `render` does, which parses and lays out asynchronously. The
+ * markup is trusted: the canvas inserts it as it is, so a host that draws from text it did not write sanitises first.
+ */
+type RenderDiagram = (code: string, language: string) => string | Promise<string>;
+
+type DiagramOptions = {
+    /**
+     * Draws a diagram from the source of a code block and gives the markup to insert, as Mermaid's `render` does. The
+     * markup is inserted as it is, so a host drawing from text it did not write sanitises first. Without one the blocks
+     * stay code blocks.
+     */
+    render?: RenderDiagram;
+    /** The code languages drawn as diagrams rather than highlighted. `['mermaid']` by default. */
+    languages?: readonly string[];
+    /** Every string the feature shows or speaks, English by default. A key left out stays English. */
+    labels?: Partial<DiagramLabels>;
+};
+/**
+ * Draws a code block whose language names a diagram through the host's renderer, with its source below it. The
+ * document is unchanged: a diagram is a fenced code block, and opens as one anywhere else.
+ */
+declare function diagramExtension(options?: DiagramOptions): Extension;
+
+export { diagramExtension as d, englishDiagramLabels as e };
+export type { DiagramLabels as D, RenderDiagram as R, DiagramOptions as a };

package/dist/diagram.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var chunkLKZJ2TDU_cjs = require('./chunk-LKZJ2TDU.cjs');
+require('./chunk-6T5YGCZ5.cjs');
+require('./chunk-QJ34MOFV.cjs');
+require('./chunk-A6PGQVTR.cjs');
+require('./chunk-VZZPCYA3.cjs');
+require('./chunk-BM2GRZNM.cjs');
+require('./chunk-WZA5S5EJ.cjs');
+
+
+
+Object.defineProperty(exports, "DEFAULT_DIAGRAM_LANGUAGES", {
+  enumerable: true,
+  get: function () { return chunkLKZJ2TDU_cjs.DEFAULT_DIAGRAM_LANGUAGES; }
+});
+Object.defineProperty(exports, "diagramExtension", {
+  enumerable: true,
+  get: function () { return chunkLKZJ2TDU_cjs.diagramExtension; }
+});
+Object.defineProperty(exports, "englishDiagramLabels", {
+  enumerable: true,
+  get: function () { return chunkLKZJ2TDU_cjs.englishDiagramLabels; }
+});

package/dist/diagram.d.cts

@@ -0,0 +1,8 @@
+export { D as DiagramLabels, a as DiagramOptions, R as RenderDiagram, d as diagramExtension, e as englishDiagramLabels } from './diagram-extension-D573COJv.cjs';
+import './types-DXF9p4qV.cjs';
+import './types-CQ8Vw_7N.cjs';
+
+/** The language a code fence names when it holds a diagram, unless the host configures its own. */
+declare const DEFAULT_DIAGRAM_LANGUAGES: readonly string[];
+
+export { DEFAULT_DIAGRAM_LANGUAGES };

package/dist/diagram.d.ts

@@ -0,0 +1,8 @@
+export { D as DiagramLabels, a as DiagramOptions, R as RenderDiagram, d as diagramExtension, e as englishDiagramLabels } from './diagram-extension-Da7hp-tv.js';
+import './types-BjLcmV00.js';
+import './types-CQ8Vw_7N.js';
+
+/** The language a code fence names when it holds a diagram, unless the host configures its own. */
+declare const DEFAULT_DIAGRAM_LANGUAGES: readonly string[];
+
+export { DEFAULT_DIAGRAM_LANGUAGES };

package/dist/diagram.js

@@ -0,0 +1,10 @@
+'use client';
+export { DEFAULT_DIAGRAM_LANGUAGES, diagramExtension, englishDiagramLabels } from './chunk-RQXJKJ5S.js';
+import './chunk-HSLOPJVT.js';
+import './chunk-XFEDJEJF.js';
+import './chunk-HDJ653LM.js';
+import './chunk-OS2O6IKX.js';
+import './chunk-CSKKSXCE.js';
+import './chunk-BJTOLCRR.js';
+//# sourceMappingURL=diagram.js.map
+//# sourceMappingURL=diagram.js.map

package/dist/diagram.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":";","file":"diagram.js"}

package/dist/diff.cjs

@@ -323,5 +323,3 @@ Object.defineProperty(exports, "defineBlock", {
 });
 exports.QuoinDiff = QuoinDiff;
 exports.englishDiffLabels = englishDiffLabels;
-//# sourceMappingURL=diff.cjs.map
-//# sourceMappingURL=diff.cjs.map

package/dist/docx.cjs

@@ -857,5 +857,3 @@ async function toDocx(blocks, options = {}) {
 }
 
 exports.toDocx = toDocx;
-//# sourceMappingURL=docx.cjs.map
-//# sourceMappingURL=docx.cjs.map

package/dist/embed.cjs

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkXFR7QGSN_cjs = require('./chunk-XFR7QGSN.cjs');
+var chunkYEFPH27F_cjs = require('./chunk-YEFPH27F.cjs');
 require('./chunk-H3C3MJW5.cjs');
-require('./chunk-UUSZGUXJ.cjs');
+require('./chunk-6T5YGCZ5.cjs');
 require('./chunk-QJ34MOFV.cjs');
 require('./chunk-A6PGQVTR.cjs');
 require('./chunk-VZZPCYA3.cjs');
@@ -14,11 +14,9 @@ require('./chunk-WZA5S5EJ.cjs');
 
 Object.defineProperty(exports, "embedExtension", {
   enumerable: true,
-  get: function () { return chunkXFR7QGSN_cjs.embedExtension; }
+  get: function () { return chunkYEFPH27F_cjs.embedExtension; }
 });
 Object.defineProperty(exports, "englishEmbedLabels", {
   enumerable: true,
-  get: function () { return chunkXFR7QGSN_cjs.englishEmbedLabels; }
+  get: function () { return chunkYEFPH27F_cjs.englishEmbedLabels; }
 });
-//# sourceMappingURL=embed.cjs.map
-//# sourceMappingURL=embed.cjs.map

package/dist/embed.js

@@ -1,7 +1,7 @@
 'use client';
-export { embedExtension, englishEmbedLabels } from './chunk-O7XZFXPE.js';
+export { embedExtension, englishEmbedLabels } from './chunk-UZS3TW75.js';
 import './chunk-GHNQKJMD.js';
-import './chunk-32OZ2WM2.js';
+import './chunk-HSLOPJVT.js';
 import './chunk-XFEDJEJF.js';
 import './chunk-HDJ653LM.js';
 import './chunk-OS2O6IKX.js';

package/dist/emoji-data.cjs

@@ -1975,5 +1975,3 @@ var skinTones = ["\u{1F3FB}", "\u{1F3FC}", "\u{1F3FD}", "\u{1F3FE}", "\u{1F3FF}"
 exports.emojiByShortcode = emojiByShortcode;
 exports.searchEmoji = searchEmoji;
 exports.skinTones = skinTones;
-//# sourceMappingURL=emoji-data.cjs.map
-//# sourceMappingURL=emoji-data.cjs.map

package/dist/emoji.cjs

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkL6RB43YM_cjs = require('./chunk-L6RB43YM.cjs');
+var chunkI722LBD3_cjs = require('./chunk-I722LBD3.cjs');
 require('./chunk-2SWLD6R5.cjs');
-require('./chunk-UUSZGUXJ.cjs');
+require('./chunk-6T5YGCZ5.cjs');
 require('./chunk-QJ34MOFV.cjs');
 require('./chunk-A6PGQVTR.cjs');
 require('./chunk-VZZPCYA3.cjs');
@@ -14,15 +14,13 @@ require('./chunk-WZA5S5EJ.cjs');
 
 Object.defineProperty(exports, "emojiExtension", {
   enumerable: true,
-  get: function () { return chunkL6RB43YM_cjs.emojiExtension; }
+  get: function () { return chunkI722LBD3_cjs.emojiExtension; }
 });
 Object.defineProperty(exports, "englishEmojiLabels", {
   enumerable: true,
-  get: function () { return chunkL6RB43YM_cjs.englishEmojiLabels; }
+  get: function () { return chunkI722LBD3_cjs.englishEmojiLabels; }
 });
 Object.defineProperty(exports, "loadEmojiData", {
   enumerable: true,
-  get: function () { return chunkL6RB43YM_cjs.loadEmojiData; }
+  get: function () { return chunkI722LBD3_cjs.loadEmojiData; }
 });
-//# sourceMappingURL=emoji.cjs.map
-//# sourceMappingURL=emoji.cjs.map

package/dist/emoji.js

@@ -1,7 +1,7 @@
 'use client';
-export { emojiExtension, englishEmojiLabels, loadEmojiData } from './chunk-2AVGGPLT.js';
+export { emojiExtension, englishEmojiLabels, loadEmojiData } from './chunk-5JEQZIRI.js';
 import './chunk-KTUOPDVO.js';
-import './chunk-32OZ2WM2.js';
+import './chunk-HSLOPJVT.js';
 import './chunk-XFEDJEJF.js';
 import './chunk-HDJ653LM.js';
 import './chunk-OS2O6IKX.js';