quoin-editor 2.0.2 → 2.0.3

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 Every release of `quoin-editor` is listed here, newest first, in the spirit of [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). From 1.0.0 the package follows [semantic versioning](https://semver.org/): a breaking change waits for the next major version. Until then, Quoin was 0.x and a minor version could contain breaking changes; those known at release were marked "Breaking". The 0.x sections are kept as they were released, "Docs" headings included. Moving from 0.4 to 1.0, and from 1.x to 2.0, is covered step by step in [MIGRATION.md](MIGRATION.md). Review finding ids such as F-17 are those of the 0.4.0 review in [#73](https://github.com/AmineSeboui/quoin-editor/issues/73).
 
+## 2.0.3 (2026-11-09)
+
+### Fixed
+- A closed toggle points the way the text runs on, so on a right to left page its chevron points left rather than right. Open points down whichever way the page runs, as it did. The badge on an image with no alt text moves to the inline start with it.
+- The horizontal arrows walk the text the way it runs on a right to left page. A caret at the edge of a block left it towards the wrong neighbour, so the left arrow at the end of an Arabic or Hebrew line went back to the block before rather than on to the next, and Shift with an arrow beside a formula or a mention took the atom on the wrong side. The arrows in the bubble toolbar and in the emoji picker's grid moved against the page too. An arrow names a side of the screen rather than a movement, so the view now reads one as it would be written on a left to right page, once, and the moves and the keymaps behind it are unchanged. The arrows that resize an image or a table column stay as they are, since a handle should move the way the key under the finger points.
+- The table's column menu puts a column where it says on a right to left page. `Insert column left` added it before this one in the document, which the page then drew on the right, and `Move column left` moved it right; the two move items were also disabled at the wrong ends, so the column a reader saw at the left edge could still be moved further left. The wording stays physical, since that is what the writer is looking at, and the indices turn round behind it.
+- Every menu, toolbar and popover opens on the correct side of a canvas whose page runs right to left. The twenty places that open one already asked to be placed at the inline start or end rather than at a left or a right, but whoever places them reads the direction through React rather than from the DOM, because they are drawn in a portal outside the canvas, and nothing ever told it. All twenty therefore resolved against a left to right default, so an Arabic, Hebrew, Persian or Urdu document had every menu on the wrong side and the arrow keys inside them mirrored. The canvas now reports the direction it is laid out in, read from its root, which also covers a page turned round with CSS rather than with a `dir` attribute. This adds `@radix-ui/react-direction` to the package's dependencies, a context provider of a few hundred bytes that draws nothing.
+- A callout whose tone the editor does not know is drawn as `info` in the read-only view, which is the tone the canvas already falls back to. The two renderers disagreed: the canvas normalised anything outside the five tones, while the view passed the stored value straight into `data-tone` and into the region's accessible name, so a document carrying a tone from untyped host code, or from a version that knew another one, drew unstyled in the view and read its raw value aloud. Both now take the one list.
+- A host renaming one entry of a label that holds a record keeps the English wording of every other entry in it. `blockNames`, `groups`, `colors` and `calloutTones` are maps of names rather than single names, and an override replaced the whole map, so renaming one slash group left the others undefined and the menu drew their headings blank.
+- `englishLabels` is frozen, with the records inside it. Every canvas on the page shares that one object, so a host writing to it, by accident or to patch a string, changed the wording under every other canvas and under the locale packs that fall back to it.
+- A composition over a formula, a mention or another atom is left alone. The guard that keeps a selection out of an atom read only the view's own composing flag, which the view sets after the key, while the browser reports the composition on the key itself. A first keystroke of a Japanese or Pinyin input beside an atom could therefore move the selection out mid-composition and drop the text being composed.
+- A host predicate passed to `useAutosave` as `isRetryable` that throws ends the retries instead of escaping into the save loop. The throw replaced the save's own failure, so the document stayed unsaved and nothing was reported.
+
 ## 2.0.2 (2026-11-09)
 
 ### Fixed

package/dist/ai.cjs

@@ -2,9 +2,9 @@
 'use strict';
 
 var chunkLE5XMIFJ_cjs = require('./chunk-LE5XMIFJ.cjs');
-var chunkNZFGAV3L_cjs = require('./chunk-NZFGAV3L.cjs');
-var chunk5VBDRJ5Y_cjs = require('./chunk-5VBDRJ5Y.cjs');
-var chunkUKUAQJME_cjs = require('./chunk-UKUAQJME.cjs');
+var chunk3B5VEXVQ_cjs = require('./chunk-3B5VEXVQ.cjs');
+var chunkDZ5XR4O6_cjs = require('./chunk-DZ5XR4O6.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 require('./chunk-A6PGQVTR.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
@@ -377,7 +377,7 @@ async function read(editor, link, run, stream, request) {
   } catch (error) {
     if (!live()) return;
     end("error");
-    link.report(chunk5VBDRJ5Y_cjs.toError(error));
+    link.report(chunkDZ5XR4O6_cjs.toError(error));
   }
 }
 function startStream(editor, link, stream, request, replace) {
@@ -474,7 +474,7 @@ function aiSlashItems(labels, stream) {
       title: labels.askAi,
       description: labels.askAiDescription,
       group: "ai",
-      icon: chunk5VBDRJ5Y_cjs.Sparkles,
+      icon: chunkDZ5XR4O6_cjs.Sparkles,
       keywords: KEYWORDS,
       run: ({ controller }) => void openFor(controller)
     },
@@ -482,7 +482,7 @@ function aiSlashItems(labels, stream) {
       id: "ai-continue",
       title: labels.actions.continue,
       group: "ai",
-      icon: chunk5VBDRJ5Y_cjs.PenLine,
+      icon: chunkDZ5XR4O6_cjs.PenLine,
       keywords: [...KEYWORDS, "continue"],
       run: ({ controller }) => {
         if (openFor(controller)) askFrom({ controller, stream}, "continue");
@@ -493,14 +493,14 @@ function aiSlashItems(labels, stream) {
 var aiBubbleItem = (labels) => ({
   id: "ai",
   title: labels.askAi,
-  icon: chunk5VBDRJ5Y_cjs.Sparkles,
+  icon: chunkDZ5XR4O6_cjs.Sparkles,
   available: (state) => aiState(state).ghost === null,
   run: (controller) => void openFor(controller)
 });
 var aiBlockMenuItem = (labels) => ({
   id: "ai",
   label: labels.askAi,
-  icon: chunk5VBDRJ5Y_cjs.Sparkles,
+  icon: chunkDZ5XR4O6_cjs.Sparkles,
   available: (state, blockIds) => targetOfBlocks(state, blockIds) !== null,
   run: (controller, blockIds) => {
     const target = targetOfBlocks(controller.editor.state, blockIds);
@@ -605,12 +605,12 @@ function AiBar({ env, ghost, gone, barId }) {
   const [next, setNext] = react.useState("");
   const { phase } = ghost;
   const focusPrimary = () => content.current?.querySelector(`[${PRIMARY}]`)?.focus();
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const active = content.current?.ownerDocument.activeElement;
     inside.current = active == null || active === active.ownerDocument.body;
     if (inside.current) focusPrimary();
   }, []);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const active = content.current?.ownerDocument.activeElement;
     if (inside.current && !content.current?.contains(active ?? null)) focusPrimary();
   }, [phase, ghost.key]);
@@ -658,21 +658,21 @@ function AiBar({ env, ghost, gone, barId }) {
       children: [
         phase === "streaming" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: labels.writing }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { ...primary, size: "sm", variant: "outline", onClick: () => stop(editor), children: labels.stop })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { ...primary, size: "sm", variant: "outline", onClick: () => stop(editor), children: labels.stop })
         ] }),
         phase === "error" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: labels.failed }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { ...primary, size: "sm", onClick: () => retry(editor, stream), children: labels.retry }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { ...primary, size: "sm", onClick: () => retry(editor, stream), children: labels.retry }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard })
         ] }),
         (phase === "done" || phase === "stopped") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           phase === "stopped" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: labels.stopped }),
           gone && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "w-full text-xs text-muted-foreground", children: labels.targetGone }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { ...primary, size: "sm", onClick: onAccept, children: labels.accept }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { size: "sm", variant: "ghost", onClick: () => retry(editor, stream), children: labels.retry }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { ...primary, size: "sm", onClick: onAccept, children: labels.accept }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { size: "sm", variant: "ghost", onClick: () => retry(editor, stream), children: labels.retry }),
           /* @__PURE__ */ jsxRuntime.jsx("form", { className: "w-full", onSubmit: onFollowUp, children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5VBDRJ5Y_cjs.Input,
+            chunkDZ5XR4O6_cjs.Input,
             {
               "aria-label": labels.followUp,
               placeholder: labels.followUp,
@@ -711,7 +711,7 @@ function fillGhost(ghost, markdown) {
       if (piece.indent > 0) element.style.setProperty("--quoin-ai-indent", String(piece.indent));
       const region = chunkFK7EBZPX_cjs.primaryRegion(schema, piece);
       if (region === null) element.textContent = chunkFK7EBZPX_cjs.toPlainText([codec.toQuoin(piece)], { schema });
-      else chunkUKUAQJME_cjs.renderInline(element, piece.regions[region], []);
+      else chunkMGN332NY_cjs.renderInline(element, piece.regions[region], []);
       drawn2.push(element);
     }
   }
@@ -788,7 +788,7 @@ function clipAside(layer, text, areas, scale) {
 function useGhostPlace(controller, layer, block, region) {
   const placeNow = react.useRef(() => {
   });
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const root = controller.root;
     const element = layer.current;
     const view = root?.ownerDocument.defaultView;
@@ -827,7 +827,7 @@ function AiGhost({ env, ghost, target, gone, barId }) {
   const layer = react.useRef(null);
   const drawn2 = react.useRef(null);
   const place2 = useGhostPlace(env.controller, layer, target.to.block, target.to.region);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const element = drawn2.current;
     if (element === null) return;
     element.setAttribute("inert", "");
@@ -841,7 +841,7 @@ function AiGhost({ env, ghost, target, gone, barId }) {
 }
 function useTargetAnchor(controller, target) {
   const latest = react.useRef(target);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = target;
   });
   return react.useMemo(() => {
@@ -850,8 +850,8 @@ function useTargetAnchor(controller, target) {
       return { block: to.block, region: to.region, from: to.offset, to: to.offset };
     };
     return {
-      current: chunk5VBDRJ5Y_cjs.virtualAnchor(
-        () => chunk5VBDRJ5Y_cjs.rangeRect(controller, end()),
+      current: chunkDZ5XR4O6_cjs.virtualAnchor(
+        () => chunkDZ5XR4O6_cjs.rangeRect(controller, end()),
         () => controller.registry.get(end().block, end().region)
       )
     };
@@ -905,7 +905,7 @@ function AiMenu({ env, target, fromSpace }) {
   };
   const fieldLabel = asking === "tone" ? labels.tonePrompt : asking === "translate" ? labels.translatePrompt : labels.prompt;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk5VBDRJ5Y_cjs.Popover,
+    chunkDZ5XR4O6_cjs.Popover,
     {
       open: true,
       modal: false,
@@ -913,9 +913,9 @@ function AiMenu({ env, target, fromSpace }) {
         if (!next) closeMenu(controller.editor);
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk5VBDRJ5Y_cjs.PopoverContent,
+          chunkDZ5XR4O6_cjs.PopoverContent,
           {
             "aria-label": labels.askAi,
             side: "bottom",
@@ -932,7 +932,7 @@ function AiMenu({ env, target, fromSpace }) {
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5VBDRJ5Y_cjs.Input,
+                chunkDZ5XR4O6_cjs.Input,
                 {
                   ref: field,
                   role: "combobox",
@@ -956,7 +956,7 @@ function AiMenu({ env, target, fromSpace }) {
                   id: optionId(index),
                   role: "option",
                   "aria-selected": index === current,
-                  className: chunk5VBDRJ5Y_cjs.cn(chunk5VBDRJ5Y_cjs.MENU_ITEM, index === current && "bg-accent text-accent-foreground"),
+                  className: chunkDZ5XR4O6_cjs.cn(chunkDZ5XR4O6_cjs.MENU_ITEM, index === current && "bg-accent text-accent-foreground"),
                   onMouseDown: (event) => event.preventDefault(),
                   onClick: () => choose(choice),
                   children: choice.label
@@ -976,15 +976,15 @@ var goneOf = (state) => {
 };
 var plainText = (markdown) => chunkFK7EBZPX_cjs.toPlainText(chunkI7X7B3WD_cjs.fromMarkdown(markdown));
 function AiOverlay({ controller, stream, labels }) {
-  const { onError } = chunk5VBDRJ5Y_cjs.useQuoin();
+  const { onError } = chunkDZ5XR4O6_cjs.useQuoin();
   const link = linkOf(controller.editor);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     link.report = onError;
     link.ended = (phase, output) => controller.announce((phase === "done" ? labels.written : labels.halted)(plainText(output)));
   }, [link, onError, controller, labels]);
-  const value = chunkUKUAQJME_cjs.useEditorState(controller, aiState);
-  const gone = chunkUKUAQJME_cjs.useEditorState(controller, goneOf);
-  const readOnly = chunkUKUAQJME_cjs.useReadOnly(controller);
+  const value = chunkMGN332NY_cjs.useEditorState(controller, aiState);
+  const gone = chunkMGN332NY_cjs.useEditorState(controller, goneOf);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const env = react.useMemo(() => ({ controller, stream, labels }), [controller, stream, labels]);
   const barId = react.useId();
   const showing = value.ghost !== null;
@@ -1003,7 +1003,7 @@ function AiOverlay({ controller, stream, labels }) {
     const root = controller.root;
     if (!root) return;
     let away = true;
-    return chunkNZFGAV3L_cjs.watchCanvasFocus(controller, root.ownerDocument, (inside, node) => {
+    return chunk3B5VEXVQ_cjs.watchCanvasFocus(controller, root.ownerDocument, (inside, node) => {
       if (!inside) away = true;
       else if (root.contains(node)) {
         if (away) noteFocus(controller.editor);

package/dist/ai.js

@@ -1,8 +1,8 @@
 'use client';
 import { clipBoxes } from './chunk-MQUCCSWG.js';
-import { watchCanvasFocus } from './chunk-AVD2AI47.js';
-import { Sparkles, PenLine, useQuoin, Popover, PopoverAnchor, PopoverContent, Input, cn, MENU_ITEM, virtualAnchor, rangeRect, Button, toError } from './chunk-QIGZ5JAY.js';
-import { useIsomorphicLayoutEffect, useEditorState, useReadOnly, renderInline } from './chunk-SE36LU6G.js';
+import { watchCanvasFocus } from './chunk-C4SRLMQJ.js';
+import { Sparkles, PenLine, useQuoin, Popover, PopoverAnchor, PopoverContent, Input, cn, MENU_ITEM, virtualAnchor, rangeRect, Button, toError } from './chunk-FGVTDIHT.js';
+import { useIsomorphicLayoutEffect, useEditorState, useReadOnly, renderInline } from './chunk-BNTRGV4A.js';
 import { mergeLabels } from './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
 import { createPluginKey, defineExtension, isCollapsed, regionLength, primaryRegion, getPluginState, Transaction, toPlainText, selectedBlockIds, orderedRange, comparePos, sliceFromSelection, textSelection, deleteRange, pasteAtCaret, toMarkdown, descendantsEnd, freshBlocks, insertBlocksStep, capIndents, endOf } from './chunk-5RBMZGKV.js';

package/dist/catalogue.cjs

@@ -1,21 +1,21 @@
 'use client';
 'use strict';
 
-var chunkRWSC47L7_cjs = require('./chunk-RWSC47L7.cjs');
-var chunkRR67AKP6_cjs = require('./chunk-RR67AKP6.cjs');
-var chunkTDXQSNFS_cjs = require('./chunk-TDXQSNFS.cjs');
-var chunkYYBPQ4TY_cjs = require('./chunk-YYBPQ4TY.cjs');
+var chunk4EJJ4ZNC_cjs = require('./chunk-4EJJ4ZNC.cjs');
+var chunkOMUXPNCX_cjs = require('./chunk-OMUXPNCX.cjs');
+var chunk5URH2Y2L_cjs = require('./chunk-5URH2Y2L.cjs');
+var chunkSQHEZ3JY_cjs = require('./chunk-SQHEZ3JY.cjs');
 require('./chunk-2SWLD6R5.cjs');
-var chunkLBP64GKQ_cjs = require('./chunk-LBP64GKQ.cjs');
-var chunkXC4WZTMY_cjs = require('./chunk-XC4WZTMY.cjs');
-var chunkJM5TRLEC_cjs = require('./chunk-JM5TRLEC.cjs');
-require('./chunk-F3BC5ITU.cjs');
+var chunkBCCFJINI_cjs = require('./chunk-BCCFJINI.cjs');
+var chunkH3TRVI44_cjs = require('./chunk-H3TRVI44.cjs');
+var chunkUWCU6PJY_cjs = require('./chunk-UWCU6PJY.cjs');
+require('./chunk-55MN4QZU.cjs');
 require('./chunk-YEDPBYO5.cjs');
-var chunkYETMZ27Q_cjs = require('./chunk-YETMZ27Q.cjs');
-var chunkSHZGRFYY_cjs = require('./chunk-SHZGRFYY.cjs');
+var chunkSDFJZNYB_cjs = require('./chunk-SDFJZNYB.cjs');
+var chunkNAMZA4NW_cjs = require('./chunk-NAMZA4NW.cjs');
 require('./chunk-LM3DHROX.cjs');
-require('./chunk-5VBDRJ5Y.cjs');
-require('./chunk-UKUAQJME.cjs');
+require('./chunk-DZ5XR4O6.cjs');
+require('./chunk-MGN332NY.cjs');
 require('./chunk-ZWTIRGY5.cjs');
 require('./chunk-A6PGQVTR.cjs');
 require('./chunk-FK7EBZPX.cjs');
@@ -32,15 +32,15 @@ function createCatalogue(features2) {
 
 // src/catalogue.ts
 var features = {
-  table: chunkLBP64GKQ_cjs.tableExtension,
-  embed: chunkXC4WZTMY_cjs.embedExtension,
-  math: chunkJM5TRLEC_cjs.mathExtension,
-  diagram: chunkYETMZ27Q_cjs.diagramExtension,
-  toc: chunkSHZGRFYY_cjs.tocExtension,
-  mention: chunkRWSC47L7_cjs.mentionExtension,
-  emoji: chunkRR67AKP6_cjs.emojiExtension,
-  find: chunkTDXQSNFS_cjs.findExtension,
-  stats: chunkYYBPQ4TY_cjs.statsExtension
+  table: chunkBCCFJINI_cjs.tableExtension,
+  embed: chunkH3TRVI44_cjs.embedExtension,
+  math: chunkUWCU6PJY_cjs.mathExtension,
+  diagram: chunkSDFJZNYB_cjs.diagramExtension,
+  toc: chunkNAMZA4NW_cjs.tocExtension,
+  mention: chunk4EJJ4ZNC_cjs.mentionExtension,
+  emoji: chunkOMUXPNCX_cjs.emojiExtension,
+  find: chunk5URH2Y2L_cjs.findExtension,
+  stats: chunkSQHEZ3JY_cjs.statsExtension
 };
 var catalogue = createCatalogue(features);
 

package/dist/catalogue.js

@@ -1,19 +1,19 @@
 'use client';
-import { mentionExtension } from './chunk-XLR2O4OK.js';
-import { emojiExtension } from './chunk-DT3ODGZ7.js';
-import { findExtension } from './chunk-4VCCGBXW.js';
-import { statsExtension } from './chunk-DGKIKXB7.js';
+import { mentionExtension } from './chunk-77THE3KY.js';
+import { emojiExtension } from './chunk-YHAVXOAA.js';
+import { findExtension } from './chunk-RNYETN6X.js';
+import { statsExtension } from './chunk-QVWNUUMJ.js';
 import './chunk-KTUOPDVO.js';
-import { tableExtension } from './chunk-Z3GLEAOI.js';
-import { embedExtension } from './chunk-M7L444WV.js';
-import { mathExtension } from './chunk-ZHLNPNE2.js';
-import './chunk-5A2MHCYI.js';
+import { tableExtension } from './chunk-LCGOFL7S.js';
+import { embedExtension } from './chunk-VQDQBMQY.js';
+import { mathExtension } from './chunk-NLRSAOCK.js';
+import './chunk-WMM56LIB.js';
 import './chunk-LSI4RMTY.js';
-import { diagramExtension } from './chunk-OBOIZ7L3.js';
-import { tocExtension } from './chunk-ZDNYIQKM.js';
+import { diagramExtension } from './chunk-MDIXI7DM.js';
+import { tocExtension } from './chunk-YWYTLNAO.js';
 import './chunk-DBOZFNWU.js';
-import './chunk-QIGZ5JAY.js';
-import './chunk-SE36LU6G.js';
+import './chunk-FGVTDIHT.js';
+import './chunk-BNTRGV4A.js';
 import './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
 import './chunk-5RBMZGKV.js';

package/dist/{chunk-NZFGAV3L.cjs → chunk-3B5VEXVQ.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkUKUAQJME_cjs = require('./chunk-UKUAQJME.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 
 // src/extensions/canvas-focus.ts
 function ownsNode(controller, node) {
-  const owner = chunkUKUAQJME_cjs.focusOwners.get(node);
+  const owner = chunkMGN332NY_cjs.focusOwners.get(node);
   return owner ? owner === controller : !!controller.root?.contains(node);
 }
 function watchCanvasFocus(controller, doc, listener) {

package/dist/{chunk-RWSC47L7.cjs → chunk-4EJJ4ZNC.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkF3BC5ITU_cjs = require('./chunk-F3BC5ITU.cjs');
+var chunk55MN4QZU_cjs = require('./chunk-55MN4QZU.cjs');
 var chunkLM3DHROX_cjs = require('./chunk-LM3DHROX.cjs');
-var chunk5VBDRJ5Y_cjs = require('./chunk-5VBDRJ5Y.cjs');
-var chunkUKUAQJME_cjs = require('./chunk-UKUAQJME.cjs');
+var chunkDZ5XR4O6_cjs = require('./chunk-DZ5XR4O6.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
 var react = require('react');
@@ -48,7 +48,7 @@ var mentionAndSpace = ({ id, label, kind }) => (state, dispatch) => {
   return ok;
 };
 function chooseMention(controller, result, range) {
-  chunk5VBDRJ5Y_cjs.replaceTrigger(controller, range, mentionAndSpace(result));
+  chunkDZ5XR4O6_cjs.replaceTrigger(controller, range, mentionAndSpace(result));
 }
 
 // src/extensions/mention/mention-results.ts
@@ -97,7 +97,7 @@ function createMentionSource({ search, isAsked, onError }) {
       new Promise((answer) => answer(search(query))).then(
         (answer) => answered(mentionResults(answer)),
         (reason) => {
-          onError(chunk5VBDRJ5Y_cjs.toError(reason));
+          onError(chunkDZ5XR4O6_cjs.toError(reason));
           answered([]);
         }
       );
@@ -113,7 +113,7 @@ function useCloseOnSpace(controller, foundNothing) {
     const onBeforeInput = (event) => {
       if (event.inputType !== "insertText" || event.isComposing || !STARTS_WITH_SPACE.test(event.data ?? "")) return;
       const query = chunkFK7EBZPX_cjs.getPluginState(controller.editor.state, mentionKey).active?.query;
-      if (query === "" || query !== void 0 && foundNothing(query)) controller.run(chunk5VBDRJ5Y_cjs.dismissSuggestion(mentionKey));
+      if (query === "" || query !== void 0 && foundNothing(query)) controller.run(chunkDZ5XR4O6_cjs.dismissSuggestion(mentionKey));
     };
     root.addEventListener("beforeinput", onBeforeInput, true);
     return () => root.removeEventListener("beforeinput", onBeforeInput, true);
@@ -143,10 +143,10 @@ function MentionItem({ result }) {
 }
 var renderItem = (result) => /* @__PURE__ */ jsxRuntime.jsx(MentionItem, { result });
 function MentionMenu({ controller, labels, search }) {
-  const { onError } = chunk5VBDRJ5Y_cjs.useQuoin();
+  const { onError } = chunkDZ5XR4O6_cjs.useQuoin();
   const latest = react.useRef({ search, onError });
   const mounted = react.useRef(false);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = { search, onError };
   });
   const mentions = react.useMemo(
@@ -172,7 +172,7 @@ function MentionMenu({ controller, labels, search }) {
     [controller]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5VBDRJ5Y_cjs.SuggestionMenu,
+    chunkDZ5XR4O6_cjs.SuggestionMenu,
     {
       controller,
       pluginKey: mentionKey,
@@ -192,12 +192,12 @@ function useMentionOpening(controller, onOpen, editable) {
     if (onOpen === void 0 || root === null) return;
     const onClick = (event) => {
       const once = !event.shiftKey && event.detail <= 1;
-      const place = once ? chunkF3BC5ITU_cjs.atomAtTarget(controller, event.target, MENTION_ATOMS) : null;
+      const place = once ? chunk55MN4QZU_cjs.atomAtTarget(controller, event.target, MENTION_ATOMS) : null;
       if (place !== null) onOpen(mentionOf(place.node));
     };
     const intercept = (event) => {
-      if (!chunkF3BC5ITU_cjs.plainEnter(event) || chunkUKUAQJME_cjs.isComposingKey(controller, event)) return false;
-      const place = chunkF3BC5ITU_cjs.selectedAtom(controller.editor.state, MENTION_ATOMS);
+      if (!chunk55MN4QZU_cjs.plainEnter(event) || chunkMGN332NY_cjs.isComposingKey(controller, event)) return false;
+      const place = chunk55MN4QZU_cjs.selectedAtom(controller.editor.state, MENTION_ATOMS);
       if (place === null) return false;
       event.preventDefault();
       onOpen(mentionOf(place.node));
@@ -232,7 +232,7 @@ function useReadOnlyChips(controller, onOpen, readOnly) {
     const observer = new MutationObserver(() => setButtons(root, true));
     observer.observe(root, { childList: true, subtree: true });
     const onKeyDown = (event) => {
-      const place = opensChip(event) ? chunkF3BC5ITU_cjs.atomAtTarget(controller, event.target, MENTION_ATOMS) : null;
+      const place = opensChip(event) ? chunk55MN4QZU_cjs.atomAtTarget(controller, event.target, MENTION_ATOMS) : null;
       if (place === null) return;
       event.preventDefault();
       onOpen(mentionOf(place.node));
@@ -246,10 +246,10 @@ function useReadOnlyChips(controller, onOpen, readOnly) {
   }, [controller, onOpen, readOnly]);
 }
 function MentionOverlay({ controller, feature }) {
-  const readOnly = chunkUKUAQJME_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   useMentionOpening(controller, feature.onOpen, !readOnly);
   useReadOnlyChips(controller, feature.onOpen, readOnly);
-  chunkF3BC5ITU_cjs.useSelectionOutOfAtoms(controller, MENTION_ATOMS, !readOnly);
+  chunk55MN4QZU_cjs.useSelectionOutOfAtoms(controller, MENTION_ATOMS, !readOnly);
   if (feature.search === void 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(MentionMenu, { controller, labels: feature.labels, search: feature.search });
 }
@@ -262,9 +262,9 @@ function mentionExtension(options = {}) {
   return chunkFK7EBZPX_cjs.defineExtension({
     name: "mention",
     priority: ABOVE_CORE_KEYS,
-    plugins: search === void 0 ? [] : [chunk5VBDRJ5Y_cjs.suggestionPlugin(mentionKey, { char: "@", allowSpaces: true })],
-    keymap: chunkF3BC5ITU_cjs.atomKeymap(MENTION_ATOMS),
-    decorations: chunkF3BC5ITU_cjs.selectedAtomDecorations(MENTION_ATOMS),
+    plugins: search === void 0 ? [] : [chunkDZ5XR4O6_cjs.suggestionPlugin(mentionKey, { char: "@", allowSpaces: true })],
+    keymap: chunk55MN4QZU_cjs.atomKeymap(MENTION_ATOMS),
+    decorations: chunk55MN4QZU_cjs.selectedAtomDecorations(MENTION_ATOMS),
     ui
   });
 }

package/dist/{chunk-F3BC5ITU.cjs → chunk-55MN4QZU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUKUAQJME_cjs = require('./chunk-UKUAQJME.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
 var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
 var react = require('react');
@@ -91,7 +91,7 @@ function follows(atom, { node, offset }) {
 }
 function mapOf(atom, hostOf) {
   const host = hostOf(atom);
-  return host === null ? void 0 : chunkUKUAQJME_cjs.domMapOf(host);
+  return host === null ? void 0 : chunkMGN332NY_cjs.domMapOf(host);
 }
 function beside(atom, after, hostOf) {
   const map = mapOf(atom, hostOf);
@@ -141,11 +141,14 @@ function useSelectionOutOfAtoms(controller, types, editable) {
       if (selection === null || controller.composingKey !== null) return;
       if (root.contains(root.ownerDocument.activeElement)) moveSelectionOutOfAtoms(selection, hostOf, types);
     };
+    const onKeyDown = (event) => {
+      if (!chunkMGN332NY_cjs.isComposingKey(controller, event)) moveOut();
+    };
     view.addEventListener("selectionchange", moveOut, true);
-    root.addEventListener("keydown", moveOut, true);
+    root.addEventListener("keydown", onKeyDown, true);
     return () => {
       view.removeEventListener("selectionchange", moveOut, true);
-      root.removeEventListener("keydown", moveOut, true);
+      root.removeEventListener("keydown", onKeyDown, true);
     };
   }, [controller, types, editable]);
 }
@@ -155,7 +158,7 @@ function atomAtTarget(controller, target, types) {
   const element = target?.closest?.("[data-quoin-atom]");
   if (!element) return null;
   const host = controller.registry.locate(element);
-  const offset = host === null ? null : chunkUKUAQJME_cjs.domMapOf(host.element)?.fromDom(element, 0);
+  const offset = host === null ? null : chunkMGN332NY_cjs.domMapOf(host.element)?.fromDom(element, 0);
   if (host === null || offset === null || offset === void 0) return null;
   return atomPlaceAt(controller.editor.state, { block: host.block, region: host.region, offset }, types);
 }

package/dist/{chunk-TDXQSNFS.cjs → chunk-5URH2Y2L.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk5VBDRJ5Y_cjs = require('./chunk-5VBDRJ5Y.cjs');
-var chunkUKUAQJME_cjs = require('./chunk-UKUAQJME.cjs');
+var chunkDZ5XR4O6_cjs = require('./chunk-DZ5XR4O6.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
 var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
@@ -338,15 +338,15 @@ function FindStatus({ labels, value }) {
   ] });
 }
 var TOGGLES = [
-  { option: "caseSensitive", label: "matchCase", icon: chunk5VBDRJ5Y_cjs.CaseSensitive },
-  { option: "wholeWord", label: "wholeWord", icon: chunk5VBDRJ5Y_cjs.WholeWord },
-  { option: "regex", label: "regularExpression", icon: chunk5VBDRJ5Y_cjs.Regex }
+  { option: "caseSensitive", label: "matchCase", icon: chunkDZ5XR4O6_cjs.CaseSensitive },
+  { option: "wholeWord", label: "wholeWord", icon: chunkDZ5XR4O6_cjs.WholeWord },
+  { option: "regex", label: "regularExpression", icon: chunkDZ5XR4O6_cjs.Regex }
 ];
 function FindToggles({ labels, options, onToggle }) {
   return TOGGLES.map(({ option, label, icon: Icon }) => {
     const name = labels[label];
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5VBDRJ5Y_cjs.Button,
+      chunkDZ5XR4O6_cjs.Button,
       {
         type: "button",
         variant: "ghost",
@@ -368,7 +368,7 @@ function useFindShortcut(controller) {
     const root = controller.root;
     if (root === null) return;
     const onKeyDown = (event) => {
-      if (chunkUKUAQJME_cjs.isComposingKey(controller, event) || !isFindShortcut(event, controller.isMac)) return;
+      if (chunkMGN332NY_cjs.isComposingKey(controller, event) || !isFindShortcut(event, controller.isMac)) return;
       event.preventDefault();
       const { editor } = controller;
       openFind(editor.state, (tr) => editor.dispatch(tr));
@@ -447,7 +447,7 @@ function FindPanel({ controller, labels, value, readOnly }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5VBDRJ5Y_cjs.Input,
+            chunkDZ5XR4O6_cjs.Input,
             {
               ref: query,
               "aria-label": labels.find,
@@ -462,7 +462,7 @@ function FindPanel({ controller, labels, value, readOnly }) {
           /* @__PURE__ */ jsxRuntime.jsx(FindStatus, { labels, value }),
           /* @__PURE__ */ jsxRuntime.jsx(FindToggles, { labels, options: value.search, onToggle: actions.toggle }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5VBDRJ5Y_cjs.Button,
+            chunkDZ5XR4O6_cjs.Button,
             {
               type: "button",
               variant: "ghost",
@@ -470,11 +470,11 @@ function FindPanel({ controller, labels, value, readOnly }) {
               "aria-label": labels.previousMatch,
               title: labels.previousMatch,
               onClick: () => actions.step(-1),
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.ChevronUp, { "aria-hidden": true })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.ChevronUp, { "aria-hidden": true })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5VBDRJ5Y_cjs.Button,
+            chunkDZ5XR4O6_cjs.Button,
             {
               type: "button",
               variant: "ghost",
@@ -482,11 +482,11 @@ function FindPanel({ controller, labels, value, readOnly }) {
               "aria-label": labels.nextMatch,
               title: labels.nextMatch,
               onClick: () => actions.step(1),
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.ChevronDown, { "aria-hidden": true })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.ChevronDown, { "aria-hidden": true })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5VBDRJ5Y_cjs.Button,
+            chunkDZ5XR4O6_cjs.Button,
             {
               type: "button",
               variant: "ghost",
@@ -494,13 +494,13 @@ function FindPanel({ controller, labels, value, readOnly }) {
               "aria-label": labels.close,
               title: labels.close,
               onClick: actions.close,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.X, { "aria-hidden": true })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.X, { "aria-hidden": true })
             }
           )
         ] }),
         !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5VBDRJ5Y_cjs.Input,
+            chunkDZ5XR4O6_cjs.Input,
             {
               "aria-label": labels.replaceWith,
               placeholder: labels.replaceWith,
@@ -510,16 +510,16 @@ function FindPanel({ controller, labels, value, readOnly }) {
               className: "h-8 w-48"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: () => actions.replace(replacement), children: labels.replace }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk5VBDRJ5Y_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: () => actions.replaceAll(replacement), children: labels.replaceAll })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: () => actions.replace(replacement), children: labels.replace }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: () => actions.replaceAll(replacement), children: labels.replaceAll })
         ] })
       ]
     }
   );
 }
 function FindOverlay({ controller, labels }) {
-  const readOnly = chunkUKUAQJME_cjs.useReadOnly(controller);
-  const value = chunkUKUAQJME_cjs.useEditorState(
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
+  const value = chunkMGN332NY_cjs.useEditorState(
     controller,
     react.useCallback((state) => chunkFK7EBZPX_cjs.getPluginState(state, findKey), [])
   );