quoin-editor 2.0.2 → 2.0.4

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 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.4 (2026-11-10)
+
+### Fixed
+- An upload a host answers with an empty key fails the way one that answers with no key already did, so the block says so rather than sitting empty with nothing reported. The guard asked whether the key was a string, and an empty string is one.
+- A quote block is a `blockquote` in the canvas, as it already was in the HTML the engine renders. It was a `div` whose accessible name said "Quote", so a reader moving by quotation found nothing.
+
+## 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 chunk3HW3WRYC_cjs = require('./chunk-3HW3WRYC.cjs');
+var chunkEBSDPHPS_cjs = require('./chunk-EBSDPHPS.cjs');
+var chunk2QKFRKOP_cjs = require('./chunk-2QKFRKOP.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(chunkEBSDPHPS_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: chunkEBSDPHPS_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: chunkEBSDPHPS_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: chunkEBSDPHPS_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: chunkEBSDPHPS_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(() => {
+  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
     const active = content.current?.ownerDocument.activeElement;
     inside.current = active == null || active === active.ownerDocument.body;
     if (inside.current) focusPrimary();
   }, []);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunk2QKFRKOP_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(chunkEBSDPHPS_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(chunkEBSDPHPS_cjs.Button, { ...primary, size: "sm", onClick: () => retry(editor, stream), children: labels.retry }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_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(chunkEBSDPHPS_cjs.Button, { ...primary, size: "sm", onClick: onAccept, children: labels.accept }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.Button, { size: "sm", variant: "ghost", onClick: onDiscard, children: labels.discard }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_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,
+            chunkEBSDPHPS_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 chunk2QKFRKOP_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(() => {
+  chunk2QKFRKOP_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(() => {
+  chunk2QKFRKOP_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(() => {
+  chunk2QKFRKOP_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: chunkEBSDPHPS_cjs.virtualAnchor(
+        () => chunkEBSDPHPS_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,
+    chunkEBSDPHPS_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(chunkEBSDPHPS_cjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunk5VBDRJ5Y_cjs.PopoverContent,
+          chunkEBSDPHPS_cjs.PopoverContent,
           {
             "aria-label": labels.askAi,
             side: "bottom",
@@ -932,7 +932,7 @@ function AiMenu({ env, target, fromSpace }) {
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5VBDRJ5Y_cjs.Input,
+                chunkEBSDPHPS_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: chunkEBSDPHPS_cjs.cn(chunkEBSDPHPS_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 } = chunkEBSDPHPS_cjs.useQuoin();
   const link = linkOf(controller.editor);
-  chunkUKUAQJME_cjs.useIsomorphicLayoutEffect(() => {
+  chunk2QKFRKOP_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 = chunk2QKFRKOP_cjs.useEditorState(controller, aiState);
+  const gone = chunk2QKFRKOP_cjs.useEditorState(controller, goneOf);
+  const readOnly = chunk2QKFRKOP_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 chunk3HW3WRYC_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-F2ZK6Z52.js';
+import { Sparkles, PenLine, useQuoin, Popover, PopoverAnchor, PopoverContent, Input, cn, MENU_ITEM, virtualAnchor, rangeRect, Button, toError } from './chunk-G6NBQYMM.js';
+import { useIsomorphicLayoutEffect, useEditorState, useReadOnly, renderInline } from './chunk-2BPXVQBP.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 chunkNUQ64S5B_cjs = require('./chunk-NUQ64S5B.cjs');
+var chunkWDBFGX3U_cjs = require('./chunk-WDBFGX3U.cjs');
+var chunk3INFNIGN_cjs = require('./chunk-3INFNIGN.cjs');
+var chunkBE2YHZXA_cjs = require('./chunk-BE2YHZXA.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 chunk7J63427U_cjs = require('./chunk-7J63427U.cjs');
+var chunkJGEDJYIV_cjs = require('./chunk-JGEDJYIV.cjs');
+var chunkKHRVCTQQ_cjs = require('./chunk-KHRVCTQQ.cjs');
+require('./chunk-JZF6UQH5.cjs');
 require('./chunk-YEDPBYO5.cjs');
-var chunkYETMZ27Q_cjs = require('./chunk-YETMZ27Q.cjs');
-var chunkSHZGRFYY_cjs = require('./chunk-SHZGRFYY.cjs');
+var chunkYYW33WUL_cjs = require('./chunk-YYW33WUL.cjs');
+var chunkN7BSFDDM_cjs = require('./chunk-N7BSFDDM.cjs');
 require('./chunk-LM3DHROX.cjs');
-require('./chunk-5VBDRJ5Y.cjs');
-require('./chunk-UKUAQJME.cjs');
+require('./chunk-EBSDPHPS.cjs');
+require('./chunk-2QKFRKOP.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: chunk7J63427U_cjs.tableExtension,
+  embed: chunkJGEDJYIV_cjs.embedExtension,
+  math: chunkKHRVCTQQ_cjs.mathExtension,
+  diagram: chunkYYW33WUL_cjs.diagramExtension,
+  toc: chunkN7BSFDDM_cjs.tocExtension,
+  mention: chunkNUQ64S5B_cjs.mentionExtension,
+  emoji: chunkWDBFGX3U_cjs.emojiExtension,
+  find: chunk3INFNIGN_cjs.findExtension,
+  stats: chunkBE2YHZXA_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-W376L2GM.js';
+import { emojiExtension } from './chunk-A2IQHMIH.js';
+import { findExtension } from './chunk-XE3IYW5B.js';
+import { statsExtension } from './chunk-QLVX7MPS.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-556PFYES.js';
+import { embedExtension } from './chunk-AJT54OMZ.js';
+import { mathExtension } from './chunk-LU3T3JB4.js';
+import './chunk-4G645EYO.js';
 import './chunk-LSI4RMTY.js';
-import { diagramExtension } from './chunk-OBOIZ7L3.js';
-import { tocExtension } from './chunk-ZDNYIQKM.js';
+import { diagramExtension } from './chunk-EIWPJWY3.js';
+import { tocExtension } from './chunk-NHNW5DK3.js';
 import './chunk-DBOZFNWU.js';
-import './chunk-QIGZ5JAY.js';
-import './chunk-SE36LU6G.js';
+import './chunk-G6NBQYMM.js';
+import './chunk-2BPXVQBP.js';
 import './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
 import './chunk-5RBMZGKV.js';

package/dist/{chunk-SE36LU6G.js → chunk-2BPXVQBP.js}

@@ -2040,6 +2040,11 @@ function createDomInputFallback(controller) {
   };
 }
 
+// src/ui/direction.ts
+var inlineDirection = (element) => getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr";
+var MIRRORED = { ArrowLeft: "ArrowRight", ArrowRight: "ArrowLeft" };
+var arrowAsWritten = (key, direction) => direction === "rtl" && Object.hasOwn(MIRRORED, key) ? MIRRORED[key] : key;
+
 // src/view/navigation/cross-moves.ts
 function moveHead(controller, { anchor }, head) {
   dispatchSelection(controller, textSelection(anchor, head));
@@ -2286,13 +2291,19 @@ var ARROWS = {
   ArrowLeft: [moveHorizontally, -1],
   ArrowRight: [moveHorizontally, 1]
 };
+var written = (controller, key) => controller.root === null ? key : arrowAsWritten(key, inlineDirection(controller.root));
 function isComposingKey(controller, event) {
   return event.isComposing || event.keyCode === 229 || controller.composingKey !== null;
 }
-var runKeymap = (controller, event) => controller.edit(() => controller.editor.handleKey(event));
+var runKeymap = (controller, event) => {
+  const name = written(controller, event.key);
+  const { altKey, ctrlKey, metaKey, shiftKey } = event;
+  const key = name === event.key ? event : { key: name, altKey, ctrlKey, metaKey, shiftKey };
+  return controller.edit(() => controller.editor.handleKey(key));
+};
 function arrow(controller, event) {
   if (!Object.hasOwn(ARROWS, event.key) || event.ctrlKey || event.metaKey) return false;
-  const [move, direction] = ARROWS[event.key];
+  const [move, direction] = ARROWS[written(controller, event.key)];
   return move(controller, direction, event.shiftKey);
 }
 var isMod = (controller, event) => controller.isMac ? event.metaKey && !event.ctrlKey : event.ctrlKey && !event.metaKey;
@@ -2449,15 +2460,15 @@ var selectionPoints = (selection) => [
 ];
 var samePoints = (a, b) => a.every((point, index) => point === b[index]);
 function createSelectionSync(doc, onChange) {
-  let written = null;
+  let written2 = null;
   let expiry = null;
   function release() {
-    written = null;
+    written2 = null;
     if (expiry !== null) clearTimeout(expiry);
     expiry = null;
   }
   function handle2() {
-    const suppressed = written;
+    const suppressed = written2;
     release();
     if (suppressed === null || !samePoints(suppressed, selectionPoints(doc.getSelection()))) onChange();
   }
@@ -2468,7 +2479,7 @@ function createSelectionSync(doc, onChange) {
       release();
     },
     suppressNext() {
-      written = selectionPoints(doc.getSelection());
+      written2 = selectionPoints(doc.getSelection());
       expiry ??= setTimeout(release, 0);
     }
   };
@@ -3022,8 +3033,14 @@ function blockStatus(state, id, choices = NO_CHOICES) {
   if (isHiddenAt(state.doc, index, choices)) return "hidden";
   return covers(state, id, index) ? "selected" : "plain";
 }
+
+// src/view/react/callout-tones.ts
+var CALLOUT_TONES = ["info", "tip", "success", "warning", "danger"];
+function calloutTone(value) {
+  return CALLOUT_TONES.find((tone) => tone === value) ?? "info";
+}
 var CalloutBlock = ({ block }) => {
-  const tone = typeof block.attrs.tone === "string" && block.attrs.tone !== "" ? block.attrs.tone : "info";
+  const tone = calloutTone(block.attrs.tone);
   return /* @__PURE__ */ jsx("div", { className: "quoin-callout", "data-tone": tone, children: /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: "body", label: `Callout, ${tone}` }) });
 };
 
@@ -3135,7 +3152,7 @@ var MarkdownBlock = (props) => {
         /* @__PURE__ */ jsx(TextRegion, { block, label: "Task" })
       ] });
     case "quote":
-      return /* @__PURE__ */ jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsx(TextRegion, { block, label: "Quote" }) });
+      return /* @__PURE__ */ jsx("blockquote", { className: "quoin-quote", children: /* @__PURE__ */ jsx(TextRegion, { block, label: "Quote" }) });
     default:
       return /* @__PURE__ */ jsx(TextRegion, { block, label: "Paragraph" });
   }
@@ -3303,6 +3320,6 @@ function EditorView({
   ) });
 }
 
-export { BlockErrorContext, EditableRegion, EditorView, NATIVE_INTERACTION, NODE_ENTRY, TaskCheckbox, ToggleChevron, ViewController, caretClientRect, caretFromPoint, createAutoScroll, dispatchSelection, domMapOf, domToPos, drawnBlockCount, focusOwners, handleCopy, hostKey, isComposingKey, isOnFirstLine, isOnLastLine, lineEdgeRect, listen, moveToNeighbour, neighbourBlock, onBlock, posToDom, regionInline, renderInline, textDiff, useBlockDomId, useEditorState, useIsomorphicLayoutEffect, useOrderedNumber, useQuoinEditor, useReadOnly, useRegionDomId, useToggleOpen, useViewController, visibleBlockIndexes, wholeState };
-//# sourceMappingURL=chunk-SE36LU6G.js.map
-//# sourceMappingURL=chunk-SE36LU6G.js.map
+export { BlockErrorContext, CALLOUT_TONES, EditableRegion, EditorView, NATIVE_INTERACTION, NODE_ENTRY, TaskCheckbox, ToggleChevron, ViewController, arrowAsWritten, calloutTone, caretClientRect, caretFromPoint, createAutoScroll, dispatchSelection, domMapOf, domToPos, drawnBlockCount, focusOwners, handleCopy, hostKey, inlineDirection, isComposingKey, isOnFirstLine, isOnLastLine, lineEdgeRect, listen, moveToNeighbour, neighbourBlock, onBlock, posToDom, regionInline, renderInline, textDiff, useBlockDomId, useEditorState, useIsomorphicLayoutEffect, useOrderedNumber, useQuoinEditor, useReadOnly, useRegionDomId, useToggleOpen, useViewController, visibleBlockIndexes, wholeState };
+//# sourceMappingURL=chunk-2BPXVQBP.js.map
+//# sourceMappingURL=chunk-2BPXVQBP.js.map