quoin-editor 1.7.0 → 2.0.0

package/dist/comments-labels-DWqsSz8G.d.ts

@@ -0,0 +1,30 @@
+/** Every string comments show or speak. */
+type CommentsLabels = {
+    /** The toolbar button that comments on the selected text. */
+    comment: string;
+    /** The name of the list of threads beside the document, and of the sheet that holds it on a narrow canvas. */
+    comments: string;
+    /** The button that opens the sheet of threads on a narrow canvas, given how many threads are open. */
+    showComments(count: number): string;
+    /** The name of a thread, given the text it is anchored to. */
+    thread(anchorText: string): string;
+    /** The name of the list to choose from when several threads are anchored to the text clicked. */
+    threadsHere: string;
+    /** Shown for a thread whose text has all been deleted. */
+    textRemoved: string;
+    /** The field for the first comment of a thread with none. */
+    addComment: string;
+    /** The field for a reply. */
+    reply: string;
+    send: string;
+    resolve: string;
+    delete: string;
+    close: string;
+    commentCount(count: number): string;
+    /** When a comment was made, given its `createdAt`. */
+    postedAt(createdAt: string): string;
+};
+declare const englishCommentsLabels: CommentsLabels;
+
+export { englishCommentsLabels as e };
+export type { CommentsLabels as C };

package/dist/comments.cjs

@@ -1,14 +1,15 @@
 'use client';
 'use strict';
 
-var chunkH3C3MJW5_cjs = require('./chunk-H3C3MJW5.cjs');
-var chunkQR2NIDUK_cjs = require('./chunk-QR2NIDUK.cjs');
-var chunk6T5YGCZ5_cjs = require('./chunk-6T5YGCZ5.cjs');
-var chunkQJ34MOFV_cjs = require('./chunk-QJ34MOFV.cjs');
+var chunkLM3DHROX_cjs = require('./chunk-LM3DHROX.cjs');
+var chunkBYYCD54G_cjs = require('./chunk-BYYCD54G.cjs');
+var chunkCJVJNMOB_cjs = require('./chunk-CJVJNMOB.cjs');
+var chunkZ6LAARPB_cjs = require('./chunk-Z6LAARPB.cjs');
+var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 require('./chunk-A6PGQVTR.cjs');
-var chunkVZZPCYA3_cjs = require('./chunk-VZZPCYA3.cjs');
-require('./chunk-BM2GRZNM.cjs');
-var chunkWZA5S5EJ_cjs = require('./chunk-WZA5S5EJ.cjs');
+var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
+require('./chunk-DJU25PFC.cjs');
+var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var DialogPrimitive = require('@radix-ui/react-dialog');
@@ -39,7 +40,7 @@ function addRegion(anchors, block, region, inline2) {
   let position = 0;
   for (const node of inline2) {
     const from = position;
-    position += chunkWZA5S5EJ_cjs.nodeLength(node);
+    position += chunkI7X7B3WD_cjs.nodeLength(node);
     for (const id of idsOf(node)) {
       const ranges = anchors.get(id) ?? [];
       const last = ranges[ranges.length - 1];
@@ -66,25 +67,25 @@ function commentAnchors(doc) {
 var atomLabel = (node) => node.kind === "atom" ? node.attrs.label ?? "" : "";
 function anchorText(doc, ranges) {
   return ranges.map(({ block, region, from, to }) => {
-    const inline2 = chunkWZA5S5EJ_cjs.blockById(doc, block)?.regions[region] ?? [];
-    return chunkWZA5S5EJ_cjs.inlineText(chunkWZA5S5EJ_cjs.sliceInline(inline2, from, to), atomLabel);
+    const inline2 = chunkI7X7B3WD_cjs.blockById(doc, block)?.regions[region] ?? [];
+    return chunkI7X7B3WD_cjs.inlineText(chunkI7X7B3WD_cjs.sliceInline(inline2, from, to), atomLabel);
   }).join(" ");
 }
 function commentIdsAt(doc, { block, region, offset }) {
-  const inline2 = chunkWZA5S5EJ_cjs.blockById(doc, block)?.regions[region] ?? [];
+  const inline2 = chunkI7X7B3WD_cjs.blockById(doc, block)?.regions[region] ?? [];
   const ids = /* @__PURE__ */ new Set();
   let position = 0;
   for (const node of inline2) {
-    const end = position + chunkWZA5S5EJ_cjs.nodeLength(node);
+    const end = position + chunkI7X7B3WD_cjs.nodeLength(node);
     if (position <= offset && offset <= end && end > position) idsOf(node).forEach((id) => ids.add(id));
     position = end;
   }
   return [...ids].sort();
 }
 function threadRemoval(state, id) {
-  const tr = new chunkVZZPCYA3_cjs.Transaction(state).setOrigin("command");
+  const tr = new chunkFK7EBZPX_cjs.Transaction(state).setOrigin("command");
   for (const { block, region, from, to } of commentAnchors(state.doc).get(id) ?? []) {
-    tr.step(chunkVZZPCYA3_cjs.removeMarkStep(block, region, from, to, { type: "comment", attrs: { id } }));
+    tr.step(chunkFK7EBZPX_cjs.removeMarkStep(block, region, from, to, { type: "comment", attrs: { id } }));
   }
   return tr;
 }
@@ -95,14 +96,14 @@ function mapPendingRanges(tr, ranges, state) {
     const from = tr.mapPos({ block: range.block, region: range.region, offset: range.from }, 1);
     const to = tr.mapPos({ block: range.block, region: range.region, offset: range.to }, -1);
     const { index } = state.doc;
-    if (!index.has(from.block) || !index.has(to.block) || chunkVZZPCYA3_cjs.comparePos(state.doc, from, to) >= 0) return [];
-    return chunkVZZPCYA3_cjs.markRanges({ ...state, selection: chunkVZZPCYA3_cjs.textSelection(from, to) });
+    if (!index.has(from.block) || !index.has(to.block) || chunkFK7EBZPX_cjs.comparePos(state.doc, from, to) >= 0) return [];
+    return chunkFK7EBZPX_cjs.markRanges({ ...state, selection: chunkFK7EBZPX_cjs.textSelection(from, to) });
   });
 }
 
 // src/extensions/comments/comments-plugin.ts
 var isEnded = (ended, id, current) => ended.some((thread) => thread.id === id && thread.seen?.resolved === current?.resolved);
-var commentsKey = chunkVZZPCYA3_cjs.createPluginKey("comments");
+var commentsKey = chunkFK7EBZPX_cjs.createPluginKey("comments");
 var COMMENTS = "comments";
 var IDLE = { pending: [], active: null, open: null, ended: [] };
 function act(value, action) {
@@ -155,26 +156,26 @@ var commentsPlugin = {
 
 // src/extensions/comments/comment-create.ts
 var nextKey = 0;
-var hasCommentableText = (state) => state.selection?.kind === "text" && chunkVZZPCYA3_cjs.markRanges(state).length > 0;
+var hasCommentableText = (state) => state.selection?.kind === "text" && chunkFK7EBZPX_cjs.markRanges(state).length > 0;
 var requestComment = (state, dispatch) => {
   const { selection } = state;
-  if (selection?.kind !== "text" || chunkVZZPCYA3_cjs.getPluginState(state, commentsKey).pending.length > 0) return false;
-  const ranges = chunkVZZPCYA3_cjs.markRanges(state);
+  if (selection?.kind !== "text" || chunkFK7EBZPX_cjs.getPluginState(state, commentsKey).pending.length > 0) return false;
+  const ranges = chunkFK7EBZPX_cjs.markRanges(state);
   if (ranges.length === 0) return false;
   if (dispatch === void 0) return true;
   const pending = { key: ++nextKey, ranges, selection };
   const action = { type: "pending", pending };
-  dispatch(new chunkVZZPCYA3_cjs.Transaction(state).setMeta(COMMENTS, action).setMeta("addToHistory", false));
+  dispatch(new chunkFK7EBZPX_cjs.Transaction(state).setMeta(COMMENTS, action).setMeta("addToHistory", false));
   return true;
 };
 function settledTransaction(editor, key, id) {
-  const pending = chunkVZZPCYA3_cjs.getPluginState(editor.state, commentsKey).pending.find((anchor) => anchor.key === key);
+  const pending = chunkFK7EBZPX_cjs.getPluginState(editor.state, commentsKey).pending.find((anchor) => anchor.key === key);
   const tr = editor.createTransaction().setOrigin("command");
   const ranges = id === null ? [] : pending?.ranges ?? [];
   for (const { block, region, from, to } of ranges) {
-    tr.step(chunkVZZPCYA3_cjs.addMarkStep(block, region, from, to, { type: "comment", attrs: { id } }));
+    tr.step(chunkFK7EBZPX_cjs.addMarkStep(block, region, from, to, { type: "comment", attrs: { id } }));
   }
-  const untouched = pending !== void 0 && chunkVZZPCYA3_cjs.sameSelection(editor.state.selection, pending.selection);
+  const untouched = pending !== void 0 && chunkFK7EBZPX_cjs.sameSelection(editor.state.selection, pending.selection);
   const open = id !== null && ranges.length > 0 && untouched ? { ids: [id], focus: true } : void 0;
   const action = { type: "settled", key, open };
   return tr.setMeta(COMMENTS, action);
@@ -185,7 +186,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(chunk6T5YGCZ5_cjs.toError(error));
+    if (id === null) link.report(chunkCJVJNMOB_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(
@@ -202,20 +203,20 @@ function watchCreates(editor, onCreate, link) {
 
 // src/extensions/comments/comment-open.ts
 function openIds(state, threads, ids) {
-  const { ended } = chunkVZZPCYA3_cjs.getPluginState(state, commentsKey);
+  const { ended } = chunkFK7EBZPX_cjs.getPluginState(state, commentsKey);
   return ids.filter((id) => {
     const thread = threads.find(id);
     return thread?.resolved === false && !isEnded(ended, id, thread);
   });
 }
 function commentsTransaction(state, action) {
-  return new chunkVZZPCYA3_cjs.Transaction(state).setMeta(COMMENTS, action).setMeta("addToHistory", false);
+  return new chunkFK7EBZPX_cjs.Transaction(state).setMeta(COMMENTS, action).setMeta("addToHistory", false);
 }
 function commentCommand(threads) {
   return (state, dispatch) => {
     if (requestComment(state, dispatch)) return true;
     const { selection } = state;
-    if (selection?.kind !== "text" || !chunkVZZPCYA3_cjs.isCollapsed(selection)) return false;
+    if (selection?.kind !== "text" || !chunkFK7EBZPX_cjs.isCollapsed(selection)) return false;
     const ids = openIds(state, threads, commentIdsAt(state.doc, selection.head));
     if (ids.length === 0) return false;
     dispatch?.(commentsTransaction(state, { type: "open", open: { ids, focus: true } }));
@@ -246,10 +247,7 @@ var englishCommentsLabels = {
   commentCount: counted,
   postedAt: englishDate
 };
-function resolveCommentsLabels(overrides) {
-  const given = Object.entries(overrides ?? {}).filter(([, value]) => value !== void 0);
-  return given.length === 0 ? englishCommentsLabels : { ...englishCommentsLabels, ...Object.fromEntries(given) };
-}
+var resolveCommentsLabels = (overrides) => chunkZWTIRGY5_cjs.mergeLabels(englishCommentsLabels, overrides);
 
 // src/extensions/comments/comments-link.ts
 var links = /* @__PURE__ */ new WeakMap();
@@ -292,7 +290,7 @@ function place(controller, box, gap) {
   root.style.setProperty(HEIGHT, `${bottom}px`);
 }
 function useBlockAligned(controller, box, gap, key) {
-  chunkQJ34MOFV_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const element = box.current;
     const view = element?.ownerDocument.defaultView;
     if (!element || !view) return void 0;
@@ -336,10 +334,10 @@ function CommentMarkers({ env, box, entries, onOpen }) {
       "data-rail-item": "",
       "data-block": block,
       "aria-label": env.labels.showComments(ids.length),
-      className: chunk6T5YGCZ5_cjs.cn("quoin-comments-marker", chunk6T5YGCZ5_cjs.FOCUS_RING),
+      className: chunkCJVJNMOB_cjs.cn("quoin-comments-marker", chunkCJVJNMOB_cjs.FOCUS_RING),
       onClick: (event) => onOpen(ids[0], event.currentTarget),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.MessageSquare, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.MessageSquare, { "aria-hidden": "true" }),
         ids.length
       ]
     },
@@ -353,7 +351,7 @@ async function called(link, call) {
     await call();
     return true;
   } catch (error) {
-    link.report(chunk6T5YGCZ5_cjs.toError(error));
+    link.report(chunkCJVJNMOB_cjs.toError(error));
     return false;
   }
 }
@@ -368,7 +366,7 @@ function sendReply(link, call, id, body) {
 }
 var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((word) => Array.from(word)[0]?.toUpperCase() ?? "").join("");
 function CommentAvatar({ author }) {
-  const picture = chunkH3C3MJW5_cjs.webAddress(author.avatarUrl);
+  const picture = chunkLM3DHROX_cjs.webAddress(author.avatarUrl);
   const [failed, setFailed] = react.useState(null);
   if (picture !== null && picture !== failed) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -446,21 +444,21 @@ function ReplyBox({ env, threadId, first }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6T5YGCZ5_cjs.Button,
+      chunkCJVJNMOB_cjs.Button,
       {
         type: "submit",
         variant: "ghost",
         size: "icon-sm",
         "aria-label": labels.send,
         "aria-disabled": text === "" || sending || void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.SendHorizontal, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.SendHorizontal, {})
       }
     )
   ] });
 }
 function ThreadView({ env, id, thread, onEnded }) {
   const { controller, host, labels, link } = env;
-  const readOnly = chunkQJ34MOFV_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const [busy, setBusy] = react.useState(false);
   const alive = react.useRef(true);
   const root = react.useRef(null);
@@ -485,7 +483,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(
-        chunk6T5YGCZ5_cjs.Button,
+        chunkCJVJNMOB_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -496,7 +494,7 @@ function ThreadView({ env, id, thread, onEnded }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6T5YGCZ5_cjs.Button,
+        chunkCJVJNMOB_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -533,7 +531,7 @@ function ThreadCard({ env, entry, active, expanded, onToggle }) {
         ref: header,
         type: "button",
         "aria-expanded": expanded,
-        className: chunk6T5YGCZ5_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunk6T5YGCZ5_cjs.FOCUS_RING),
+        className: chunkCJVJNMOB_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunkCJVJNMOB_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 +597,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(chunk6T5YGCZ5_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.X, {}) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_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,
@@ -626,7 +624,7 @@ function railEntries(doc, threads, ended = []) {
     const ranges = anchors.get(thread.id) ?? NONE;
     return { thread, ranges, anchorText: anchorText(doc, ranges) };
   });
-  const place2 = ({ ranges: [first] }) => first === void 0 ? [Infinity, 0] : [chunkWZA5S5EJ_cjs.indexOfBlock(doc, first.block), first.from];
+  const place2 = ({ ranges: [first] }) => first === void 0 ? [Infinity, 0] : [chunkI7X7B3WD_cjs.indexOfBlock(doc, first.block), first.from];
   return entries.map((entry, order) => ({ entry, order, at: place2(entry) })).sort((a, b) => a.at[0] - b.at[0] || a.at[1] - b.at[1] || a.order - b.order).map(({ entry }) => entry);
 }
 function ThreadChooser({ env, choices, onChoose }) {
@@ -646,22 +644,22 @@ function ThreadChooser({ env, choices, onChoose }) {
 var docOf = (state) => state.doc;
 function focusIsOurs(controller, content) {
   const active = content?.ownerDocument.activeElement ?? null;
-  return active === null || active === active.ownerDocument.body || chunkQR2NIDUK_cjs.ownsNode(controller, active);
+  return active === null || active === active.ownerDocument.body || chunkBYYCD54G_cjs.ownsNode(controller, active);
 }
 function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   const { controller, labels } = env;
-  const doc = chunkQJ34MOFV_cjs.useEditorState(controller, docOf);
+  const doc = chunkZ6LAARPB_cjs.useEditorState(controller, docOf);
   const anchors = commentAnchors(doc);
   const { ids } = open;
   const first = ids.map((id) => anchors.get(id)?.[0]).find(Boolean);
   const latest = react.useRef(first);
-  chunkQJ34MOFV_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     if (first) latest.current = first;
   });
   const anchor = react.useMemo(
     () => ({
-      current: chunk6T5YGCZ5_cjs.virtualAnchor(
-        () => latest.current ? chunk6T5YGCZ5_cjs.rangeRect(controller, latest.current) : null,
+      current: chunkCJVJNMOB_cjs.virtualAnchor(
+        () => latest.current ? chunkCJVJNMOB_cjs.rangeRect(controller, latest.current) : null,
         () => latest.current && controller.registry.get(latest.current.block, latest.current.region)
       )
     }),
@@ -674,7 +672,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
       target?.focus();
     }
   };
-  chunkQJ34MOFV_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     if (open.focus) focusField();
   }, [open]);
   if (first === void 0 && latest.current === void 0) return null;
@@ -695,7 +693,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(
-    chunk6T5YGCZ5_cjs.Popover,
+    chunkCJVJNMOB_cjs.Popover,
     {
       open: true,
       modal: false,
@@ -703,9 +701,9 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
         if (!next) onClose();
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk6T5YGCZ5_cjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk6T5YGCZ5_cjs.PopoverContent,
+          chunkCJVJNMOB_cjs.PopoverContent,
           {
             ref: content,
             "aria-label": gone ? labels.textRemoved : single ? labels.thread(textOf(ids[0])) : labels.threadsHere,
@@ -753,7 +751,7 @@ function useAnchorClicks(controller, threads) {
 var WIDE_CANVAS = 800;
 function useCanvasWide(box, initial) {
   const [wide, setWide] = react.useState(initial);
-  chunkQJ34MOFV_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const canvas = box.current?.parentElement;
     if (!canvas) return void 0;
     const measure = () => setWide(canvas.offsetWidth >= WIDE_CANVAS);
@@ -767,18 +765,18 @@ function useCanvasWide(box, initial) {
 function useThreads(threads) {
   return react.useSyncExternalStore(threads.subscribe, threads.get, threads.get);
 }
-var commentsOf = (state) => chunkVZZPCYA3_cjs.getPluginState(state, commentsKey);
+var commentsOf = (state) => chunkFK7EBZPX_cjs.getPluginState(state, commentsKey);
 var docOf2 = (state) => state.doc;
 function CommentsOverlay({ controller, host, labels }) {
-  const { onError } = chunk6T5YGCZ5_cjs.useQuoin();
+  const { onError } = chunkCJVJNMOB_cjs.useQuoin();
   const link = linkOf(controller.editor);
-  chunkQJ34MOFV_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     link.report = onError;
   }, [link, onError]);
   useAnchorClicks(controller, host.threads);
   const threads = useThreads(host.threads);
-  const value = chunkQJ34MOFV_cjs.useEditorState(controller, commentsOf);
-  const doc = chunkQJ34MOFV_cjs.useEditorState(controller, docOf2);
+  const value = chunkZ6LAARPB_cjs.useEditorState(controller, commentsOf);
+  const doc = chunkZ6LAARPB_cjs.useEditorState(controller, docOf2);
   const entries = react.useMemo(() => railEntries(doc, threads, value.ended), [doc, threads, value.ended]);
   const box = react.useRef(null);
   const wide = useCanvasWide(box, host.initialLayout === "wide");
@@ -838,7 +836,7 @@ var ACTIVE = { class: "quoin-comment-active" };
 var inline = (ranges, attrs) => ranges.map((range) => ({ kind: "inline", ...range, attrs }));
 var drawn = /* @__PURE__ */ new WeakMap();
 function commentsDecorations(state) {
-  const value = chunkVZZPCYA3_cjs.getPluginState(state, commentsKey);
+  const value = chunkFK7EBZPX_cjs.getPluginState(state, commentsKey);
   const last = drawn.get(value);
   if (last?.doc === state.doc) return last.decorations;
   const active = value.active === null ? [] : commentAnchors(state.doc).get(value.active) ?? [];
@@ -850,7 +848,7 @@ function commentsDecorations(state) {
 // src/extensions/comments/watch-ended.ts
 function watchEnded(editor, threads) {
   return threads.subscribe(() => {
-    const { ended } = chunkVZZPCYA3_cjs.getPluginState(editor.state, commentsKey);
+    const { ended } = chunkFK7EBZPX_cjs.getPluginState(editor.state, commentsKey);
     const kept = ended.filter(({ id }) => isEnded(ended, id, threads.find(id)));
     if (kept.length < ended.length) editor.dispatch(commentsTransaction(editor.state, { type: "caught", kept }));
   });
@@ -858,9 +856,9 @@ function watchEnded(editor, threads) {
 var commentItem = (labels) => ({
   id: "comment",
   title: labels.comment,
-  icon: chunk6T5YGCZ5_cjs.MessageSquarePlus,
+  icon: chunkCJVJNMOB_cjs.MessageSquarePlus,
   shortcut: "Mod-Alt-m",
-  available: (state) => hasCommentableText(state) && chunkVZZPCYA3_cjs.getPluginState(state, commentsKey).pending.length === 0,
+  available: (state) => hasCommentableText(state) && chunkFK7EBZPX_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.
   run: (controller) => {
     controller.focus();
@@ -874,7 +872,7 @@ function commentsExtension(options) {
     return /* @__PURE__ */ jsxRuntime.jsx(CommentsOverlay, { controller, host, labels });
   }
   const ui = { bubbleItems: [commentItem(labels)], overlays: [Overlay] };
-  return chunkVZZPCYA3_cjs.defineExtension({
+  return chunkFK7EBZPX_cjs.defineExtension({
     name: "comments",
     plugins: [commentsPlugin],
     decorations: commentsDecorations,

package/dist/comments.d.cts

@@ -1,4 +1,6 @@
 import { Extension } from './engine.cjs';
+import { C as CommentsLabels } from './comments-labels-DWqsSz8G.cjs';
+export { e as englishCommentsLabels } from './comments-labels-DWqsSz8G.cjs';
 import './types-CQ8Vw_7N.cjs';
 
 type CreateThread = (input: {
@@ -37,34 +39,6 @@ type CommentThreads = {
 };
 declare function createCommentThreads(initial?: readonly CommentThread[]): CommentThreads;
 
-/** Every string comments show or speak. */
-type CommentsLabels = {
-    /** The toolbar button that comments on the selected text. */
-    comment: string;
-    /** The name of the list of threads beside the document, and of the sheet that holds it on a narrow canvas. */
-    comments: string;
-    /** The button that opens the sheet of threads on a narrow canvas, given how many threads are open. */
-    showComments(count: number): string;
-    /** The name of a thread, given the text it is anchored to. */
-    thread(anchorText: string): string;
-    /** The name of the list to choose from when several threads are anchored to the text clicked. */
-    threadsHere: string;
-    /** Shown for a thread whose text has all been deleted. */
-    textRemoved: string;
-    /** The field for the first comment of a thread with none. */
-    addComment: string;
-    /** The field for a reply. */
-    reply: string;
-    send: string;
-    resolve: string;
-    delete: string;
-    close: string;
-    commentCount(count: number): string;
-    /** When a comment was made, given its `createdAt`. */
-    postedAt(createdAt: string): string;
-};
-declare const englishCommentsLabels: CommentsLabels;
-
 type CommentsOptions = {
     /** The host's threads, from `createCommentThreads`, which the host sets again as they change. */
     threads: CommentThreads;
@@ -90,5 +64,5 @@ type CommentsOptions = {
  */
 declare function commentsExtension(options: CommentsOptions): Extension;
 
-export { commentsExtension, createCommentThreads, englishCommentsLabels };
-export type { CommentAuthor, CommentThread, CommentThreads, CommentUser, CommentsLabels, CommentsOptions, ThreadComment };
+export { CommentsLabels, commentsExtension, createCommentThreads };
+export type { CommentAuthor, CommentThread, CommentThreads, CommentUser, CommentsOptions, ThreadComment };

package/dist/comments.d.ts

@@ -1,4 +1,6 @@
 import { Extension } from './engine.js';
+import { C as CommentsLabels } from './comments-labels-DWqsSz8G.js';
+export { e as englishCommentsLabels } from './comments-labels-DWqsSz8G.js';
 import './types-CQ8Vw_7N.js';
 
 type CreateThread = (input: {
@@ -37,34 +39,6 @@ type CommentThreads = {
 };
 declare function createCommentThreads(initial?: readonly CommentThread[]): CommentThreads;
 
-/** Every string comments show or speak. */
-type CommentsLabels = {
-    /** The toolbar button that comments on the selected text. */
-    comment: string;
-    /** The name of the list of threads beside the document, and of the sheet that holds it on a narrow canvas. */
-    comments: string;
-    /** The button that opens the sheet of threads on a narrow canvas, given how many threads are open. */
-    showComments(count: number): string;
-    /** The name of a thread, given the text it is anchored to. */
-    thread(anchorText: string): string;
-    /** The name of the list to choose from when several threads are anchored to the text clicked. */
-    threadsHere: string;
-    /** Shown for a thread whose text has all been deleted. */
-    textRemoved: string;
-    /** The field for the first comment of a thread with none. */
-    addComment: string;
-    /** The field for a reply. */
-    reply: string;
-    send: string;
-    resolve: string;
-    delete: string;
-    close: string;
-    commentCount(count: number): string;
-    /** When a comment was made, given its `createdAt`. */
-    postedAt(createdAt: string): string;
-};
-declare const englishCommentsLabels: CommentsLabels;
-
 type CommentsOptions = {
     /** The host's threads, from `createCommentThreads`, which the host sets again as they change. */
     threads: CommentThreads;
@@ -90,5 +64,5 @@ type CommentsOptions = {
  */
 declare function commentsExtension(options: CommentsOptions): Extension;
 
-export { commentsExtension, createCommentThreads, englishCommentsLabels };
-export type { CommentAuthor, CommentThread, CommentThreads, CommentUser, CommentsLabels, CommentsOptions, ThreadComment };
+export { CommentsLabels, commentsExtension, createCommentThreads };
+export type { CommentAuthor, CommentThread, CommentThreads, CommentUser, CommentsOptions, ThreadComment };

package/dist/comments.js

@@ -1,12 +1,13 @@
 '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-HSLOPJVT.js';
-import { useIsomorphicLayoutEffect, useEditorState, useReadOnly } from './chunk-XFEDJEJF.js';
+import { webAddress } from './chunk-DBOZFNWU.js';
+import { ownsNode } from './chunk-IW4TMECB.js';
+import { MessageSquarePlus, useQuoin, MessageSquare, cn, FOCUS_RING, Button, X, virtualAnchor, rangeRect, Popover, PopoverAnchor, PopoverContent, toError, SendHorizontal } from './chunk-ZN5DHNSL.js';
+import { useIsomorphicLayoutEffect, useEditorState, useReadOnly } from './chunk-NL5J77VD.js';
+import { mergeLabels } from './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
-import { createPluginKey, defineExtension, getPluginState, isCollapsed, markRanges, Transaction, comparePos, textSelection, addMarkStep, sameSelection, removeMarkStep } from './chunk-OS2O6IKX.js';
-import './chunk-CSKKSXCE.js';
-import { blockById, nodeLength, inlineText, sliceInline, indexOfBlock } from './chunk-BJTOLCRR.js';
+import { createPluginKey, defineExtension, getPluginState, isCollapsed, markRanges, Transaction, comparePos, textSelection, addMarkStep, sameSelection, removeMarkStep } from './chunk-5RBMZGKV.js';
+import './chunk-CSPCDVCT.js';
+import { blockById, nodeLength, inlineText, sliceInline, indexOfBlock } from './chunk-7Y4B7NHO.js';
 import { useMemo, useRef, useState, useEffect, useCallback, useSyncExternalStore } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -224,10 +225,7 @@ var englishCommentsLabels = {
   commentCount: counted,
   postedAt: englishDate
 };
-function resolveCommentsLabels(overrides) {
-  const given = Object.entries(overrides ?? {}).filter(([, value]) => value !== void 0);
-  return given.length === 0 ? englishCommentsLabels : { ...englishCommentsLabels, ...Object.fromEntries(given) };
-}
+var resolveCommentsLabels = (overrides) => mergeLabels(englishCommentsLabels, overrides);
 
 // src/extensions/comments/comments-link.ts
 var links = /* @__PURE__ */ new WeakMap();