quoin-editor 2.0.4 → 2.1.0

package/dist/{chunk-2QKFRKOP.cjs → chunk-N25EH2GZ.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
-var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
+var chunkQFGWSFOI_cjs = require('./chunk-QFGWSFOI.cjs');
+var chunkZ5EEDCRI_cjs = require('./chunk-Z5EEDCRI.cjs');
+var chunk4JDRDPLC_cjs = require('./chunk-4JDRDPLC.cjs');
 var react = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -26,9 +27,9 @@ function useEditorState(controller, selector, isEqual = Object.is) {
 }
 
 // src/view/dom/attributes.ts
-var sortedEntries = (attrs) => chunkI7X7B3WD_cjs.dataAttributes(attrs, "");
+var sortedEntries = (attrs) => chunk4JDRDPLC_cjs.dataAttributes(attrs, "");
 function setAttributes(element, attrs, prefix = "") {
-  for (const [name, value] of chunkI7X7B3WD_cjs.writtenAttrs(chunkI7X7B3WD_cjs.dataAttributes(attrs, prefix))) element.setAttribute(name, value);
+  for (const [name, value] of chunk4JDRDPLC_cjs.writtenAttrs(chunk4JDRDPLC_cjs.dataAttributes(attrs, prefix))) element.setAttribute(name, value);
 }
 
 // src/view/dom/segments.ts
@@ -43,7 +44,7 @@ function decorationRanges(decorations, length) {
   return ranges;
 }
 function toSegments(inline, decorations) {
-  const length = chunkI7X7B3WD_cjs.inlineLength(inline);
+  const length = chunk4JDRDPLC_cjs.inlineLength(inline);
   const ranges = decorationRanges(decorations, length);
   const widgets = decorations.filter((decoration) => decoration.kind === "widget").map((decoration) => ({ decoration, at: Math.min(Math.max(decoration.offset, 0), length) })).sort((a, b) => a.at - b.at || (a.decoration.side ?? 1) - (b.decoration.side ?? 1));
   const edges = [...ranges.flatMap((range) => [range.from, range.to]), ...widgets.map((widget) => widget.at)];
@@ -59,7 +60,7 @@ function toSegments(inline, decorations) {
   };
   let start = 0;
   for (const node of inline) {
-    const end = start + chunkI7X7B3WD_cjs.nodeLength(node);
+    const end = start + chunk4JDRDPLC_cjs.nodeLength(node);
     if (node.kind === "atom") {
       placeWidgets(start);
       segments.push({ kind: "atom", node, decorations: covering(start, end), from: start });
@@ -114,7 +115,7 @@ function create(doc, tag, attributes) {
   return element;
 }
 function linkElement({ href = "", title } = {}, doc) {
-  const safe = chunkI7X7B3WD_cjs.sanitizeHref(href);
+  const safe = chunk4JDRDPLC_cjs.sanitizeHref(href);
   if (safe === null) return create(doc, "span", [["data-quoin-link", ""]]);
   const anchor = create(doc, "a", [["href", safe], ["data-quoin-link", ""]]);
   if (title) anchor.title = title;
@@ -122,8 +123,8 @@ function linkElement({ href = "", title } = {}, doc) {
 }
 function markElement2(mark2, doc) {
   if (mark2.type === "link") return linkElement(mark2.attrs, doc);
-  const { tag, attrs } = chunkI7X7B3WD_cjs.markElement(mark2);
-  return create(doc, tag, chunkI7X7B3WD_cjs.writtenAttrs(attrs));
+  const { tag, attrs } = chunk4JDRDPLC_cjs.markElement(mark2);
+  return create(doc, tag, chunk4JDRDPLC_cjs.writtenAttrs(attrs));
 }
 
 // src/view/dom/wrappers.ts
@@ -320,8 +321,8 @@ function reconcileChildren(parent, specs) {
 // src/view/dom/text-diff.ts
 function textDiff(before, after, caretHint) {
   if (before === after) return null;
-  const prefix = chunkFK7EBZPX_cjs.commonPrefix(before, after);
-  const suffix = chunkFK7EBZPX_cjs.commonSuffix(before, after);
+  const prefix = chunkZ5EEDCRI_cjs.commonPrefix(before, after);
+  const suffix = chunkZ5EEDCRI_cjs.commonSuffix(before, after);
   const shared = Math.min(suffix, Math.min(before.length, after.length) - prefix);
   const removed = before.length - prefix - shared;
   const inserted = after.length - prefix - shared;
@@ -426,12 +427,12 @@ function specsFor(segment, options, doc) {
   }
 }
 function needsFiller(inline) {
-  const content = chunkI7X7B3WD_cjs.inlineText(inline);
+  const content = chunk4JDRDPLC_cjs.inlineText(inline);
   return content === "" || content.endsWith("\n");
 }
 function renderInline(host, inline, decorations, options = {}) {
   const doc = host.ownerDocument;
-  const length = chunkI7X7B3WD_cjs.inlineLength(inline);
+  const length = chunk4JDRDPLC_cjs.inlineLength(inline);
   const specs = toSegments(inline, decorations).flatMap((segment) => specsFor(segment, options, doc));
   if (needsFiller(inline)) specs.push(fillerSpec(doc, length));
   reconcileChildren(host, specs);
@@ -509,10 +510,10 @@ function readSelection(registry, domSelection, blockAt2 = () => void 0) {
   if (!domSelection || !anchorNode || !focusNode) return null;
   const anchor = domToPos(registry, anchorNode, domSelection.anchorOffset);
   const head = domToPos(registry, focusNode, domSelection.focusOffset);
-  if (anchor && head) return chunkFK7EBZPX_cjs.textSelection(anchor, head);
+  if (anchor && head) return chunkZ5EEDCRI_cjs.textSelection(anchor, head);
   if (anchor || head || registry.locate(anchorNode) || registry.locate(focusNode)) return null;
   const block = blockAt2(anchorNode);
-  return block !== void 0 && block === blockAt2(focusNode) ? chunkFK7EBZPX_cjs.nodeSelection(block) : null;
+  return block !== void 0 && block === blockAt2(focusNode) ? chunkZ5EEDCRI_cjs.nodeSelection(block) : null;
 }
 function selectBlock(domSelection, element) {
   if (!element) return false;
@@ -524,9 +525,12 @@ function selectBlock(domSelection, element) {
   return true;
 }
 var drawnUpstream = /* @__PURE__ */ new WeakMap();
+function forgetDrawnSide(domSelection) {
+  drawnUpstream.delete(domSelection);
+}
 function drawUpstream(registry, pos, domSelection, drawn) {
-  const caret = chunkFK7EBZPX_cjs.textSelection(pos);
-  const isAt = () => chunkFK7EBZPX_cjs.sameSelection(readSelection(registry, domSelection), caret);
+  const caret = chunkZ5EEDCRI_cjs.textSelection(pos);
+  const isAt = () => chunkZ5EEDCRI_cjs.sameSelection(readSelection(registry, domSelection), caret);
   if (drawn?.node === domSelection.focusNode && drawn.offset === domSelection.focusOffset && isAt()) {
     drawnUpstream.set(domSelection, drawn);
     return true;
@@ -546,7 +550,7 @@ function writeSelection(registry, selection, domSelection, blockElement) {
   if (anchor.block !== head.block || anchor.region !== head.region) return false;
   const drawn = drawnUpstream.get(domSelection);
   drawnUpstream.delete(domSelection);
-  if (chunkFK7EBZPX_cjs.sameSelection(readSelection(registry, domSelection), selection)) return true;
+  if (chunkZ5EEDCRI_cjs.sameSelection(readSelection(registry, domSelection), selection)) return true;
   if (selection.assoc === -1 && anchor.offset === head.offset && drawUpstream(registry, head, domSelection, drawn)) {
     return true;
   }
@@ -599,20 +603,20 @@ function wrapsAt(pos, y, glyphAt2) {
   return after !== null && !onLine(after, y) && onLine(before, y) ? before : null;
 }
 function stayOnLine(pos, y, glyphAt2) {
-  const caret = chunkFK7EBZPX_cjs.textSelection(pos);
+  const caret = chunkZ5EEDCRI_cjs.textSelection(pos);
   const before = wrapsAt(pos, y, glyphAt2);
   if (before === null) return caret;
-  return /\S/.test(before.text) ? { ...caret, assoc: -1 } : chunkFK7EBZPX_cjs.textSelection({ ...pos, offset: pos.offset - 1 });
+  return /\S/.test(before.text) ? { ...caret, assoc: -1 } : chunkZ5EEDCRI_cjs.textSelection({ ...pos, offset: pos.offset - 1 });
 }
 
 // src/view/navigation/clicked-side.ts
 function keepClickedSide(controller, y) {
   controller.readSelectionFromDom();
   const { selection } = controller.editor.state;
-  if (selection?.kind !== "text" || !chunkFK7EBZPX_cjs.isCollapsed(selection)) return;
+  if (selection?.kind !== "text" || !chunkZ5EEDCRI_cjs.isCollapsed(selection)) return;
   const upstream = wrapsAt(selection.head, y, glyphsAround(controller.registry, selection.head)) !== null;
   if (upstream !== (selection.assoc === -1)) {
-    const caret = chunkFK7EBZPX_cjs.textSelection(selection.head);
+    const caret = chunkZ5EEDCRI_cjs.textSelection(selection.head);
     dispatchSelection(controller, upstream ? { ...caret, assoc: -1 } : caret);
   }
 }
@@ -662,8 +666,8 @@ var known = /* @__PURE__ */ new WeakMap();
 function hidersOf(doc) {
   let hiders = known.get(doc);
   if (hiders === void 0) {
-    const first = doc.blocks.findIndex(chunkFK7EBZPX_cjs.isClosedToggle);
-    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkFK7EBZPX_cjs.hidingToggle(doc, index + 1));
+    const first = doc.blocks.findIndex(chunkZ5EEDCRI_cjs.isClosedToggle);
+    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkZ5EEDCRI_cjs.hidingToggle(doc, index + 1));
     known.set(doc, hiders);
   }
   return hiders;
@@ -672,7 +676,7 @@ var hidingToggleAt = (doc, index) => hidersOf(doc)[index] ?? null;
 function isHiddenAt(doc, index, choices) {
   if (choices.size === 0) return hidingToggleAt(doc, index) !== null;
   const closed = (block) => block.type === "TOGGLE" && !shownOpen(block, choices);
-  return chunkFK7EBZPX_cjs.hidingToggle(doc, index + 1, closed) !== null;
+  return chunkZ5EEDCRI_cjs.hidingToggle(doc, index + 1, closed) !== null;
 }
 var visibleBlockIndexes = (doc) => hidersOf(doc).flatMap((hider, index) => hider === null ? [index] : []);
 function drawnBlockCount(doc, start = 0, end = doc.blocks.length) {
@@ -694,18 +698,18 @@ function neighbourBlock(doc, from, direction, accept = anyBlock) {
 }
 function entryEdge(controller, block, direction) {
   const { doc, schema } = controller.editor.state;
-  const edge = direction < 0 ? chunkFK7EBZPX_cjs.endOf(doc, schema, block) : chunkFK7EBZPX_cjs.startOf(doc, schema, block);
+  const edge = direction < 0 ? chunkZ5EEDCRI_cjs.endOf(doc, schema, block) : chunkZ5EEDCRI_cjs.startOf(doc, schema, block);
   if (edge.kind !== "text") return edge;
   const drawn = controller.registry.get(edge.head.block, edge.head.region) !== void 0;
-  return drawn && !entersAsNode(controller, block) ? edge : chunkFK7EBZPX_cjs.nodeSelection(block);
+  return drawn && !entersAsNode(controller, block) ? edge : chunkZ5EEDCRI_cjs.nodeSelection(block);
 }
-var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkFK7EBZPX_cjs.nodeSelection(block) : null;
+var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkZ5EEDCRI_cjs.nodeSelection(block) : null;
 var canBeEntered = (controller) => (block) => {
   const { schema } = controller.editor.state;
-  const region = chunkFK7EBZPX_cjs.isTextFlow(schema, block) ? chunkFK7EBZPX_cjs.primaryRegion(schema, block) : null;
+  const region = chunkZ5EEDCRI_cjs.isTextFlow(schema, block) ? chunkZ5EEDCRI_cjs.primaryRegion(schema, block) : null;
   return region === null || controller.registry.get(block.id, region) !== void 0 || entersAsNode(controller, block.id);
 };
-var holdsTextHead = (controller) => (block) => chunkFK7EBZPX_cjs.isTextFlow(controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
+var holdsTextHead = (controller) => (block) => chunkZ5EEDCRI_cjs.isTextFlow(controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
 function neighbourHead(controller, from, direction) {
   const target = neighbourBlock(controller.editor.state.doc, from, direction, holdsTextHead(controller));
   const edge = target && entryEdge(controller, target.id, direction);
@@ -721,13 +725,20 @@ function moveToNeighbour(controller, from, direction) {
 // src/view/selection/scroll-container.ts
 var SCROLLS = /* @__PURE__ */ new Set(["auto", "scroll"]);
 var scrollsVertically = (element) => SCROLLS.has(getComputedStyle(element).overflowY) && element.scrollHeight > element.clientHeight;
-function scrollContainerOf(element) {
+function drawnParent(element) {
+  if (element.assignedSlot) return element.assignedSlot;
+  if (element.parentElement) return element.parentElement;
+  const parent = element.parentNode;
+  return parent && "host" in parent ? parent.host : null;
+}
+var scrollsItself = (body) => getComputedStyle(body.ownerDocument.documentElement).overflowY !== "visible" && scrollsVertically(body);
+function scrollContainersOf(element) {
   const { body, documentElement } = element.ownerDocument;
-  for (let node = element; node !== null; node = node.parentElement) {
-    if (node === body || node === documentElement) return null;
-    if (scrollsVertically(node)) return node;
+  const containers = [];
+  for (let node = element; node !== null && node !== documentElement; node = drawnParent(node)) {
+    if (node === body ? scrollsItself(node) : scrollsVertically(node)) containers.push(node);
   }
-  return null;
+  return containers;
 }
 
 // src/view/selection/auto-scroll.ts
@@ -738,30 +749,41 @@ function edgesOf(container, win) {
   const top = container.getBoundingClientRect().top + container.clientTop;
   return { top: Math.max(top, 0), bottom: Math.min(top + container.clientHeight, win.innerHeight) };
 }
+var hasRoom = (container, delta) => delta < 0 ? container.scrollTop > 0 : Math.ceil(container.scrollTop) + container.clientHeight < container.scrollHeight;
 function createAutoScroll(element, onScroll, edge = EDGE) {
   const win = element.ownerDocument.defaultView;
-  let container;
-  let delta = 0;
+  let scrollers = null;
+  let pointerY = 0;
   let frame = null;
   const step = (depth) => Math.ceil(Math.min(depth, edge) / edge * MAX_STEP);
+  function deltaIn(container) {
+    const { top, bottom } = edgesOf(container, win);
+    const [upper, lower] = [top + edge, bottom - edge];
+    return pointerY < upper ? -step(upper - pointerY) : pointerY > lower ? step(pointerY - lower) : 0;
+  }
+  function next() {
+    scrollers ??= [...scrollContainersOf(element), null];
+    for (const scroller of scrollers) {
+      const delta = deltaIn(scroller);
+      if (delta !== 0 && (scroller === null || hasRoom(scroller, delta))) return { scroller, delta };
+    }
+    return null;
+  }
   function tick() {
     frame = null;
-    if (delta === 0) return;
-    (container ?? win).scrollBy(0, delta);
+    const target = next();
+    if (target === null) return;
+    (target.scroller ?? win).scrollBy(0, target.delta);
     onScroll();
     frame = win.requestAnimationFrame(tick);
   }
   return {
     update(clientY) {
-      if (container === void 0) container = scrollContainerOf(element);
-      const { top, bottom } = edgesOf(container, win);
-      const [upper, lower] = [top + edge, bottom - edge];
-      delta = clientY < upper ? -step(upper - clientY) : clientY > lower ? step(clientY - lower) : 0;
-      if (delta !== 0 && frame === null) frame = win.requestAnimationFrame(tick);
+      pointerY = clientY;
+      if (frame === null && next() !== null) frame = win.requestAnimationFrame(tick);
     },
     stop() {
-      delta = 0;
-      container = void 0;
+      scrollers = null;
       if (frame !== null) win.cancelAnimationFrame(frame);
       frame = null;
     }
@@ -829,7 +851,7 @@ function isCrossSelection(selection) {
 }
 function selectionDecorations(state, mode) {
   if (mode !== "decorations" || !isCrossSelection(state.selection)) return [];
-  return chunkFK7EBZPX_cjs.markRanges(state).map(({ block, region, from, to }) => ({
+  return chunkZ5EEDCRI_cjs.markRanges(state).map(({ block, region, from, to }) => ({
     kind: "inline",
     block,
     region,
@@ -863,7 +885,7 @@ function createCrossBlockPointer(controller) {
       let preventMouseDown = false;
       const scroll = createAutoScroll(root, () => follow(last.x, last.y));
       function select(selection) {
-        if (chunkFK7EBZPX_cjs.sameSelection(selection, controller.editor.state.selection)) return;
+        if (chunkZ5EEDCRI_cjs.sameSelection(selection, controller.editor.state.selection)) return;
         dispatchSelection(controller, selection);
       }
       function startDragging() {
@@ -879,14 +901,14 @@ function createCrossBlockPointer(controller) {
           if (current.anchor === null) return;
           startDragging();
         }
-        select(chunkFK7EBZPX_cjs.textSelection(current.anchor, caretPosAt(controller, target, x, y)));
+        select(chunkZ5EEDCRI_cjs.textSelection(current.anchor, caretPosAt(controller, target, x, y)));
       }
       function followBlocks(current, x, y) {
         if (!controller.dragging && Math.hypot(x - current.x, y - current.y) < DRAG_DISTANCE) return;
         const block = blockAt(controller, x, y);
         if (block === null) return;
         startDragging();
-        select(chunkFK7EBZPX_cjs.blockRangeSelection(current.start, block));
+        select(chunkZ5EEDCRI_cjs.blockRangeSelection(current.start, block));
       }
       function follow(x, y) {
         if (press?.kind === "text") followText(press, x, y);
@@ -926,23 +948,33 @@ function createCrossBlockPointer(controller) {
       }
       function pressWhole(block) {
         if (entryEdge(controller, block, 1).kind !== "node") return;
-        const pressed = chunkI7X7B3WD_cjs.blockById(controller.editor.state.doc, block);
-        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkFK7EBZPX_cjs.blockRangeSelection(block));
+        const pressed = chunk4JDRDPLC_cjs.blockById(controller.editor.state.doc, block);
+        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkZ5EEDCRI_cjs.blockRangeSelection(block));
         controller.nodeReveal.pressed(block);
-        select(chunkFK7EBZPX_cjs.nodeSelection(block));
+        select(chunkZ5EEDCRI_cjs.nodeSelection(block));
+      }
+      function followTap(event, block) {
+        if (block === void 0 || event.shiftKey) return;
+        const lift = (up) => {
+          if (up.pointerId !== event.pointerId) return;
+          end();
+          pressWhole(block);
+        };
+        unfollow = listen(doc, { pointerup: lift, pointercancel: end });
       }
       function onPointerDown(event) {
         end();
         preventMouseDown = false;
-        if (event.button !== 0 || event.pointerType === "touch") return;
+        if (event.button !== 0) return;
         const target = event.target;
         const host = controller.registry.locate(target);
-        const block = host === null ? controller.blockAt(target) : void 0;
         const control = target.closest(CONTROLS);
+        const block = host === null && !(control && root.contains(control)) ? controller.blockAt(target) : void 0;
+        if (event.pointerType === "touch") return followTap(event, block);
         if (host !== null) {
           press = { kind: "text", host, anchor: null };
           if (event.shiftKey) extendFrom(host, event.clientX, event.clientY);
-        } else if (block !== void 0 && !(control && root.contains(control))) {
+        } else if (block !== void 0) {
           press = { kind: "blocks", start: block, x: event.clientX, y: event.clientY };
           if (!event.shiftKey) pressWhole(block);
         } else {
@@ -987,7 +1019,7 @@ function installHighlightStyle(doc) {
 // src/view/selection/paint-selection.ts
 var NAME = "quoin-selection";
 function coveredRanges(controller) {
-  return chunkFK7EBZPX_cjs.markRanges(controller.editor.state).flatMap(({ block, region, from, to }) => {
+  return chunkZ5EEDCRI_cjs.markRanges(controller.editor.state).flatMap(({ block, region, from, to }) => {
     const host = controller.registry.get(block, region);
     const map = host && domMapOf(host);
     if (!host || !map) return [];
@@ -1060,15 +1092,23 @@ function heldBySink(selection) {
 }
 var NO_TEXT = "\xA0";
 function selectionText(state) {
-  const text = chunkFK7EBZPX_cjs.markRanges(state).map((range) => chunkI7X7B3WD_cjs.inlinePlainText(chunkFK7EBZPX_cjs.rangeContent(state, range), state.schema)).join("\n");
+  const text = chunkZ5EEDCRI_cjs.markRanges(state).map((range) => chunk4JDRDPLC_cjs.inlinePlainText(chunkZ5EEDCRI_cjs.rangeContent(state, range), state.schema)).join("\n");
   return text === "" ? NO_TEXT : text;
 }
 var focusInPlace = (sink) => inPlace(sink, () => sink.focus({ preventScroll: true }));
 var focusing = null;
 var focusingSink = (controller) => focusing === controller;
+function placeSink(controller, sink) {
+  const id = chunkZ5EEDCRI_cjs.headBlockId(controller.editor.state.selection);
+  const block = id === null ? void 0 : controller.blockElement(id);
+  if (block === void 0) return;
+  const offset = block.getBoundingClientRect().top - sink.getBoundingClientRect().top;
+  if (offset !== 0) sink.style.top = `${(parseFloat(sink.style.top) || 0) + offset}px`;
+}
 function focusSink(controller) {
   const { sink } = controller;
   if (sink === null) return;
+  placeSink(controller, sink);
   const text = selectionText(controller.editor.state);
   if (sink.textContent !== text) sink.textContent = text;
   if (sink.ownerDocument.activeElement !== sink) {
@@ -1083,7 +1123,7 @@ function focusSink(controller) {
   sink.ownerDocument.getSelection()?.selectAllChildren(sink);
 }
 function selectedBlockName({ doc, schema, selection }, blockLabel) {
-  const block = selection?.kind === "node" ? chunkI7X7B3WD_cjs.blockById(doc, selection.block) : void 0;
+  const block = selection?.kind === "node" ? chunk4JDRDPLC_cjs.blockById(doc, selection.block) : void 0;
   return block === void 0 ? null : blockLabel?.(block, schema) ?? "";
 }
 function clearSink(controller) {
@@ -1220,7 +1260,7 @@ function createElementSlot(changed) {
 
 // src/view/controller/selection-element.ts
 function elementFor({ doc }, selection, rendered) {
-  const id = chunkFK7EBZPX_cjs.headBlockId(selection);
+  const id = chunkZ5EEDCRI_cjs.headBlockId(selection);
   const index = id === null ? void 0 : doc.index.get(id);
   if (id === null || index === void 0) return void 0;
   const hiding = hidingToggleAt(doc, index);
@@ -1233,7 +1273,7 @@ function selectionElement(state, rendered) {
   if (doc.blocks.length === 0) return rendered.empty?.() ?? void 0;
   const sink = heldBySink(selection) ? rendered.sink?.() : null;
   if (sink) return sink;
-  return elementFor(state, selection, rendered) ?? elementFor(state, chunkFK7EBZPX_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
+  return elementFor(state, selection, rendered) ?? elementFor(state, chunkZ5EEDCRI_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
 }
 
 // src/view/controller/tab-stop.ts
@@ -1287,7 +1327,7 @@ function createDrawnElements(hosts, state) {
 }
 
 // src/view/controller/engagement.ts
-var chosenHere = (tr) => tr !== null && tr.selectionSet && !chunkFK7EBZPX_cjs.foreignOrigins.includes(tr.origin);
+var chosenHere = (tr) => tr !== null && tr.selectionSet && !chunkZ5EEDCRI_cjs.foreignOrigins.includes(tr.origin);
 function createEngagement(editor) {
   let engaged = false;
   const listeners = /* @__PURE__ */ new Set();
@@ -1321,13 +1361,33 @@ function ownsFocus(controller, doc) {
   return !active || active === doc.body || active === controller.root || hasFocus(controller, doc);
 }
 
+// src/view/controller/focus-follow.ts
+function createFocusFollow(controller, focusElement) {
+  const take = (preventScroll) => {
+    const element = focusElement();
+    if (!element || element.ownerDocument.activeElement === element) return;
+    if (element === controller.sink) focusSink(controller);
+    else element.focus({ preventScroll });
+  };
+  return {
+    take,
+    keep(preventScroll) {
+      if (controller.composingKey === null) take(preventScroll);
+    },
+    rewrite(host) {
+      const inSelection = host.contains(controller.domSelection()?.focusNode ?? null);
+      if (inSelection && hasFocus(controller, host.ownerDocument)) controller.syncSelectionToDom();
+    }
+  };
+}
+
 // src/view/controller/focus-target.ts
 function focusTarget(state, target) {
   const { doc, schema, selection } = state;
   if (doc.blocks.length === 0) return null;
-  if (target === "end") return chunkFK7EBZPX_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
-  if (target === "start" || target === void 0 && selection === null) return chunkFK7EBZPX_cjs.startOf(doc, schema, doc.blocks[0].id);
-  return target === void 0 ? selection : chunkFK7EBZPX_cjs.textSelection(target);
+  if (target === "end") return chunkZ5EEDCRI_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
+  if (target === "start" || target === void 0 && selection === null) return chunkZ5EEDCRI_cjs.startOf(doc, schema, doc.blocks[0].id);
+  return target === void 0 ? selection : chunkZ5EEDCRI_cjs.textSelection(target);
 }
 
 // src/view/controller/host-decorations.ts
@@ -1343,7 +1403,7 @@ function decorationsByHost(decorations) {
   return byHost;
 }
 function sameDecoration(a, b) {
-  if (a.kind !== b.kind || a.block !== b.block || !chunkI7X7B3WD_cjs.sameAttrs(a.attrs, b.attrs)) return false;
+  if (a.kind !== b.kind || a.block !== b.block || !chunk4JDRDPLC_cjs.sameAttrs(a.attrs, b.attrs)) return false;
   if (a.kind === "inline" && b.kind === "inline") {
     return a.region === b.region && a.from === b.from && a.to === b.to;
   }
@@ -1354,7 +1414,7 @@ function sameDecoration(a, b) {
   return true;
 }
 function sameDecorations(a, b) {
-  return a === b || chunkI7X7B3WD_cjs.sameItems(a, b, sameDecoration);
+  return a === b || chunk4JDRDPLC_cjs.sameItems(a, b, sameDecoration);
 }
 var byMode = { highlight: /* @__PURE__ */ new WeakMap(), decorations: /* @__PURE__ */ new WeakMap() };
 function hostDecorations(editor, block, region, mode = "highlight") {
@@ -1370,7 +1430,7 @@ function hostDecorations(editor, block, region, mode = "highlight") {
 
 // src/view/controller/region-inline.ts
 function regionInline(state, block, region) {
-  const regions = chunkI7X7B3WD_cjs.blockById(state.doc, block)?.regions;
+  const regions = chunk4JDRDPLC_cjs.blockById(state.doc, block)?.regions;
   return regions && Object.hasOwn(regions, region) ? regions[region] : void 0;
 }
 
@@ -1420,7 +1480,7 @@ function createOutsideChanges(editorHasFocus, movedFrom) {
       }
       const from = moved ?? (outside && !settled ? movedFrom(tr.before.selection) : null);
       settled ||= outside;
-      moved = from && chunkFK7EBZPX_cjs.mapSelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
+      moved = from && chunkZ5EEDCRI_cjs.carrySelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc, tr.doc, tr.origin);
     },
     takeFocused() {
       const value = focused;
@@ -1513,7 +1573,7 @@ function handleCopy(controller, event, cut) {
   clipboardData.setData("text/plain", copied.text);
   clipboardData.setData("text/html", wrapSliceHTML(copied.html, copied.json));
   clipboardData.setData(QUOIN_SLICE_TYPE, copied.json);
-  if (cut) controller.run(chunkFK7EBZPX_cjs.deleteSelection);
+  if (cut) controller.run(chunkZ5EEDCRI_cjs.deleteSelection);
 }
 function handlePaste(controller, event) {
   if (!event.clipboardData) return;
@@ -1545,7 +1605,7 @@ function handleDrop(controller, event) {
     return;
   }
   const pos = dropPos(controller, event.clientX, event.clientY);
-  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkFK7EBZPX_cjs.textSelection(pos)).setOrigin("drop"));
+  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkZ5EEDCRI_cjs.textSelection(pos)).setOrigin("drop"));
   pasteTransfer(controller, dataTransfer);
 }
 function handleDragOver(event) {
@@ -1675,29 +1735,31 @@ function createSinkComposition(controller, settled = () => {
 var LINE_BREAK = "\n";
 var transposeChars = (state, dispatch) => {
   const { selection } = state;
-  if (selection?.kind !== "text" || !chunkFK7EBZPX_cjs.isCollapsed(selection)) return false;
+  if (selection?.kind !== "text" || !chunkZ5EEDCRI_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const inline = chunkI7X7B3WD_cjs.blockById(state.doc, head.block)?.regions[head.region];
+  const inline = chunk4JDRDPLC_cjs.blockById(state.doc, head.block)?.regions[head.region];
   if (inline === void 0) return false;
-  const value = chunkI7X7B3WD_cjs.inlineText(inline);
+  const value = chunk4JDRDPLC_cjs.inlineText(inline);
   const atLineEnd = head.offset === value.length || value[head.offset] === LINE_BREAK;
-  const end = atLineEnd ? head.offset : chunkFK7EBZPX_cjs.nextGraphemeOffset(value, head.offset);
-  const middle = chunkFK7EBZPX_cjs.prevGraphemeOffset(value, end);
-  const start = chunkFK7EBZPX_cjs.prevGraphemeOffset(value, middle);
+  const end = atLineEnd ? head.offset : chunkZ5EEDCRI_cjs.nextGraphemeOffset(value, head.offset);
+  const middle = chunkZ5EEDCRI_cjs.prevGraphemeOffset(value, end);
+  const start = chunkZ5EEDCRI_cjs.prevGraphemeOffset(value, middle);
   if (start === middle || value.slice(start, end).includes(LINE_BREAK)) return false;
-  const swapped = [...chunkI7X7B3WD_cjs.sliceInline(inline, middle, end), ...chunkI7X7B3WD_cjs.sliceInline(inline, start, middle)];
-  const tr = new chunkFK7EBZPX_cjs.Transaction(state).setOrigin("input");
-  tr.step(chunkFK7EBZPX_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
-  dispatch?.(tr.setSelection(chunkFK7EBZPX_cjs.textSelection({ ...head, offset: end })));
+  const swapped = [...chunk4JDRDPLC_cjs.sliceInline(inline, middle, end), ...chunk4JDRDPLC_cjs.sliceInline(inline, start, middle)];
+  const tr = new chunkZ5EEDCRI_cjs.Transaction(state).setOrigin("input");
+  tr.step(chunkZ5EEDCRI_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
+  dispatch?.(tr.setSelection(chunkZ5EEDCRI_cjs.textSelection({ ...head, offset: end })));
   return true;
 };
 
 // src/view/input/replace-range.ts
 function replaceRange(editor, range, text, withRules) {
-  const dispatch = (tr) => editor.dispatch(tr);
-  dispatch(editor.createTransaction().setSelection(chunkFK7EBZPX_cjs.textSelection(range.from, range.to)).setOrigin("input"));
-  if (text === "") return chunkFK7EBZPX_cjs.deleteSelection(editor.state, (tr) => dispatch(tr.setOrigin("input")));
-  return withRules ? editor.insertText(text) : chunkFK7EBZPX_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
+  const { doc, selection } = editor.state;
+  const dispatch = (tr) => editor.dispatch(tr.setOrigin("input"));
+  dispatch(editor.createTransaction().setSelection(chunkZ5EEDCRI_cjs.textSelection(range.from, range.to)));
+  const replaced = text === "" ? chunkZ5EEDCRI_cjs.deleteSelection(editor.state, dispatch) : withRules ? editor.insertText(text) : chunkZ5EEDCRI_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
+  if (editor.state.doc === doc && selection !== null) dispatch(editor.createTransaction().setSelection(selection));
+  return replaced;
 }
 
 // src/view/input/target-range.ts
@@ -1708,13 +1770,13 @@ function targetRangeToModel(controller, event) {
   const to = domToPos(controller.registry, range.endContainer, range.endOffset);
   return from && to && { from, to };
 }
-var isEmpty = ({ from, to }) => chunkFK7EBZPX_cjs.sameSelection(chunkFK7EBZPX_cjs.textSelection(from), chunkFK7EBZPX_cjs.textSelection(to));
+var isEmpty = ({ from, to }) => chunkZ5EEDCRI_cjs.sameSelection(chunkZ5EEDCRI_cjs.textSelection(from), chunkZ5EEDCRI_cjs.textSelection(to));
 function targetBeyondSelection(controller, event) {
   const range = targetRangeToModel(controller, event);
   if (range === null || isEmpty(range)) return null;
   const { doc, selection } = controller.editor.state;
-  const selected = chunkFK7EBZPX_cjs.selectionRange(doc, selection);
-  const same = selected !== null && chunkFK7EBZPX_cjs.sameSelection(chunkFK7EBZPX_cjs.textSelection(selected.from, selected.to), chunkFK7EBZPX_cjs.textSelection(range.from, range.to));
+  const selected = chunkZ5EEDCRI_cjs.selectionRange(doc, selection);
+  const same = selected !== null && chunkZ5EEDCRI_cjs.sameSelection(chunkZ5EEDCRI_cjs.textSelection(selected.from, selected.to), chunkZ5EEDCRI_cjs.textSelection(range.from, range.to));
   return same ? null : range;
 }
 
@@ -1736,34 +1798,34 @@ function insertTypedText(controller, event) {
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 function deleteContentBackward(controller, event) {
-  if (!controller.run(chunkFK7EBZPX_cjs.undoInputRule)) targetOr(chunkFK7EBZPX_cjs.deleteBackward)(controller, event);
+  if (!controller.run(chunkZ5EEDCRI_cjs.undoInputRule)) targetOr(chunkZ5EEDCRI_cjs.deleteBackward)(controller, event);
 }
 function insertReplacementText(controller, event) {
   const text = event.dataTransfer?.getData("text/plain") || event.data;
   if (!text) return;
   const range = targetRangeToModel(controller, event);
-  if (range === null) controller.run(chunkFK7EBZPX_cjs.insertText(text, { origin: "input" }));
+  if (range === null) controller.run(chunkZ5EEDCRI_cjs.insertText(text, { origin: "input" }));
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 var actions = {
   insertText: insertTypedText,
   insertReplacementText,
   insertParagraph: (controller) => void controller.edit(() => controller.editor.handleKey(ENTER)),
-  insertLineBreak: run(chunkFK7EBZPX_cjs.insertHardBreak),
+  insertLineBreak: run(chunkZ5EEDCRI_cjs.insertHardBreak),
   deleteContentBackward,
-  deleteContentForward: targetOr(chunkFK7EBZPX_cjs.deleteForward),
-  deleteWordBackward: targetOr(chunkFK7EBZPX_cjs.deleteWordBackward),
-  deleteWordForward: targetOr(chunkFK7EBZPX_cjs.deleteWordForward),
-  deleteSoftLineBackward: targetOr(chunkFK7EBZPX_cjs.deleteToLineStart),
-  deleteHardLineBackward: targetOr(chunkFK7EBZPX_cjs.deleteToLineStart),
-  deleteSoftLineForward: targetOr(chunkFK7EBZPX_cjs.deleteToLineEnd),
-  deleteHardLineForward: targetOr(chunkFK7EBZPX_cjs.deleteToLineEnd),
-  formatBold: run(chunkFK7EBZPX_cjs.toggleMark("bold")),
-  formatItalic: run(chunkFK7EBZPX_cjs.toggleMark("italic")),
-  formatUnderline: run(chunkFK7EBZPX_cjs.toggleMark("underline")),
-  formatStrikeThrough: run(chunkFK7EBZPX_cjs.toggleMark("strike")),
-  historyUndo: run(chunkFK7EBZPX_cjs.undo),
-  historyRedo: run(chunkFK7EBZPX_cjs.redo),
+  deleteContentForward: targetOr(chunkZ5EEDCRI_cjs.deleteForward),
+  deleteWordBackward: targetOr(chunkZ5EEDCRI_cjs.deleteWordBackward),
+  deleteWordForward: targetOr(chunkZ5EEDCRI_cjs.deleteWordForward),
+  deleteSoftLineBackward: targetOr(chunkZ5EEDCRI_cjs.deleteToLineStart),
+  deleteHardLineBackward: targetOr(chunkZ5EEDCRI_cjs.deleteToLineStart),
+  deleteSoftLineForward: targetOr(chunkZ5EEDCRI_cjs.deleteToLineEnd),
+  deleteHardLineForward: targetOr(chunkZ5EEDCRI_cjs.deleteToLineEnd),
+  formatBold: run(chunkZ5EEDCRI_cjs.toggleMark("bold")),
+  formatItalic: run(chunkZ5EEDCRI_cjs.toggleMark("italic")),
+  formatUnderline: run(chunkZ5EEDCRI_cjs.toggleMark("underline")),
+  formatStrikeThrough: run(chunkZ5EEDCRI_cjs.toggleMark("strike")),
+  historyUndo: run(chunkZ5EEDCRI_cjs.undo),
+  historyRedo: run(chunkZ5EEDCRI_cjs.redo),
   insertTranspose: run(transposeChars),
   insertFromPaste: leaveToHandlers,
   insertFromDrop: leaveToHandlers,
@@ -1864,7 +1926,7 @@ function snapshotComposition(controller, block, region) {
   const element = controller.registry.get(block, region);
   const inline = regionInline(editor.state, block, region);
   if (element === void 0 || inline === void 0) return null;
-  const text = chunkI7X7B3WD_cjs.inlineText(inline);
+  const text = chunk4JDRDPLC_cjs.inlineText(inline);
   const end = composedEnd(controller, block, region);
   const since = [];
   const release = editor.subscribe((_, tr) => void (tr && since.push(tr)));
@@ -1978,7 +2040,7 @@ function reconcileHost(controller, block, region, caretHint) {
   const element = controller.registry.get(block, region);
   const inline = regionInline(controller.editor.state, block, region);
   if (element === void 0 || inline === void 0) return false;
-  const before = chunkI7X7B3WD_cjs.inlineText(inline);
+  const before = chunk4JDRDPLC_cjs.inlineText(inline);
   const after = readDomText(element);
   const edit = before === after ? null : textDiff(before, after, domCaretOffset(element));
   if (edit === null) return false;
@@ -2049,33 +2111,33 @@ var arrowAsWritten = (key, direction) => direction === "rtl" && Object.hasOwn(MI
 
 // src/view/navigation/cross-moves.ts
 function moveHead(controller, { anchor }, head) {
-  dispatchSelection(controller, chunkFK7EBZPX_cjs.textSelection(anchor, head));
+  dispatchSelection(controller, chunkZ5EEDCRI_cjs.textSelection(anchor, head));
   return true;
 }
 function blockOf(controller, { block }) {
   const { doc } = controller.editor.state;
-  return doc.blocks[chunkI7X7B3WD_cjs.requireBlockIndex(doc, block)];
+  return doc.blocks[chunk4JDRDPLC_cjs.requireBlockIndex(doc, block)];
 }
 function collapseCross(controller, selection, direction) {
-  const { from, to } = chunkFK7EBZPX_cjs.selectionRange(controller.editor.state.doc, selection);
-  dispatchSelection(controller, chunkFK7EBZPX_cjs.textSelection(direction < 0 ? from : to));
+  const { from, to } = chunkZ5EEDCRI_cjs.selectionRange(controller.editor.state.doc, selection);
+  dispatchSelection(controller, chunkZ5EEDCRI_cjs.textSelection(direction < 0 ? from : to));
   return true;
 }
 function crossHeadVertically(controller, selection, direction) {
   const { head } = selection;
   const edge = neighbourHead(controller, head.block, direction);
   if (edge !== null) {
-    const end2 = chunkFK7EBZPX_cjs.regionLength(blockOf(controller, edge), edge.region);
+    const end2 = chunkZ5EEDCRI_cjs.regionLength(blockOf(controller, edge), edge.region);
     return moveHead(controller, selection, { ...edge, offset: Math.min(head.offset, end2) });
   }
-  const end = chunkFK7EBZPX_cjs.regionLength(blockOf(controller, head), head.region);
+  const end = chunkZ5EEDCRI_cjs.regionLength(blockOf(controller, head), head.region);
   return moveHead(controller, selection, { ...head, offset: direction < 0 ? 0 : end });
 }
 function crossHeadHorizontally(controller, selection, direction) {
   const { head } = selection;
-  const text = chunkI7X7B3WD_cjs.inlineText(blockOf(controller, head).regions[head.region] ?? []);
+  const text = chunk4JDRDPLC_cjs.inlineText(blockOf(controller, head).regions[head.region] ?? []);
   if (direction < 0 ? head.offset > 0 : head.offset < text.length) {
-    const offset = direction < 0 ? chunkFK7EBZPX_cjs.prevGraphemeOffset(text, head.offset) : chunkFK7EBZPX_cjs.nextGraphemeOffset(text, head.offset);
+    const offset = direction < 0 ? chunkZ5EEDCRI_cjs.prevGraphemeOffset(text, head.offset) : chunkZ5EEDCRI_cjs.nextGraphemeOffset(text, head.offset);
     return moveHead(controller, selection, { ...head, offset });
   }
   const edge = neighbourHead(controller, head.block, direction);
@@ -2094,9 +2156,9 @@ function moveHorizontally(controller, direction, extend) {
     const move = extend ? crossHeadHorizontally : collapseCross;
     return move(controller, selection, direction);
   }
-  if (!extend && !chunkFK7EBZPX_cjs.isCollapsed(selection)) return false;
+  if (!extend && !chunkZ5EEDCRI_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const length = chunkFK7EBZPX_cjs.regionLength(doc.blocks[chunkI7X7B3WD_cjs.requireBlockIndex(doc, head.block)], head.region);
+  const length = chunkZ5EEDCRI_cjs.regionLength(doc.blocks[chunk4JDRDPLC_cjs.requireBlockIndex(doc, head.block)], head.region);
   if (direction < 0 ? head.offset > 0 : head.offset < length) return false;
   const own2 = extend ? null : ownNode(controller, head.block, direction);
   if (own2 !== null) {
@@ -2108,6 +2170,26 @@ function moveHorizontally(controller, direction, extend) {
   return edge !== null && moveHead(controller, selection, edge);
 }
 
+// src/view/navigation/line-end.ts
+var leftLines = /* @__PURE__ */ new WeakMap();
+var toLineEnd = ({ isMac }, { altKey, ctrlKey, metaKey }, key) => !altKey && (isMac ? key === "ArrowRight" && metaKey && !ctrlKey : key === "End" && !ctrlKey && !metaKey);
+function noteLineEnd(controller, event, key) {
+  leftLines.delete(controller);
+  const { selection } = controller.editor.state;
+  if (selection?.kind !== "text" || event.defaultPrevented || !toLineEnd(controller, event, key)) return;
+  const { head, assoc } = selection;
+  const glyphAt2 = glyphsAround(controller.registry, head);
+  const glyph = assoc !== -1 && glyphAt2(head.offset) || glyphAt2(head.offset - 1);
+  if (glyph) leftLines.set(controller, glyph.rect.top + glyph.rect.height / 2);
+}
+function sideOfLineEnd(controller, selection) {
+  const y = leftLines.get(controller);
+  leftLines.delete(controller);
+  if (y === void 0 || selection?.kind !== "text" || !chunkZ5EEDCRI_cjs.isCollapsed(selection)) return selection;
+  const { head } = selection;
+  return wrapsAt(head, y, glyphsAround(controller.registry, head)) ? { ...selection, assoc: -1 } : selection;
+}
+
 // src/view/navigation/line-edges.ts
 var TEXT_NODE3 = 3;
 var ELEMENT_NODE2 = 1;
@@ -2117,7 +2199,10 @@ function textCaretRect(text, offset) {
   const range = text.ownerDocument.createRange();
   range.setStart(text, offset);
   const rect = range.getClientRects()[0];
-  return hasSize(rect) ? rect : null;
+  if (hasSize(rect) || offset === 0) return hasSize(rect) ? rect : null;
+  range.setStart(text, offset - (/[\uDC00-\uDFFF]/.test(text.data[offset - 1]) ? 2 : 1));
+  const before = [...range.getClientRects()].pop();
+  return hasSize(before) ? edgeOf(before, inlineDirection(text.parentElement) === "ltr") : null;
 }
 function besideNode(node, before) {
   if (node.nodeType === TEXT_NODE3) return textCaretRect(node, before ? 0 : node.length);
@@ -2189,7 +2274,7 @@ function caretAtGoal(controller, host, at, y) {
 var keepOnLine = ({ registry }, pos, y) => stayOnLine(pos, y, glyphsAround(registry, pos));
 function landAtGoal(controller, block, direction) {
   const { schema } = controller.editor.state;
-  const region = chunkFK7EBZPX_cjs.isTextFlow(schema, block) ? chunkFK7EBZPX_cjs.primaryRegion(schema, block) : null;
+  const region = chunkZ5EEDCRI_cjs.isTextFlow(schema, block) ? chunkZ5EEDCRI_cjs.primaryRegion(schema, block) : null;
   const host = region === null ? void 0 : controller.registry.get(block.id, region);
   if (!host || region === null || controller.goalX === null) return null;
   const line = lineInView(host, direction < 0);
@@ -2240,7 +2325,7 @@ function moveText(controller, selection, direction, extend) {
 function extendBlocks(controller, { anchor, head }, direction) {
   const next = neighbourBlock(controller.editor.state.doc, head, direction);
   if (next === null) return false;
-  dispatchSelection(controller, chunkFK7EBZPX_cjs.blockRangeSelection(anchor, next.id));
+  dispatchSelection(controller, chunkZ5EEDCRI_cjs.blockRangeSelection(anchor, next.id));
   return true;
 }
 function moveVertically(controller, direction, extend) {
@@ -2256,8 +2341,8 @@ function moveVertically(controller, direction, extend) {
 // src/view/input/flip-block.ts
 var isTask = ({ type, attrs }) => type === "MARKDOWN" && attrs.kind === "task";
 function flipCommand(block) {
-  if (isTask(block)) return chunkFK7EBZPX_cjs.toggleTask;
-  return block.type === "TOGGLE" ? chunkFK7EBZPX_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
+  if (isTask(block)) return chunkZ5EEDCRI_cjs.toggleTask;
+  return block.type === "TOGGLE" ? chunkZ5EEDCRI_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
 }
 var toggleState = (open) => open ? "expanded" : "collapsed";
 function stateName(block) {
@@ -2266,7 +2351,7 @@ function stateName(block) {
 }
 function blockHoldingCaret({ doc, selection }) {
   if (selection?.kind !== "text" || selection.anchor.block !== selection.head.block) return null;
-  return chunkI7X7B3WD_cjs.blockById(doc, selection.head.block) ?? null;
+  return chunk4JDRDPLC_cjs.blockById(doc, selection.head.block) ?? null;
 }
 function flipForReader(controller, block) {
   if (block?.type !== "TOGGLE") return false;
@@ -2281,7 +2366,7 @@ function flipSelectedBlock(controller) {
   if (controller.readOnly) return flipForReader(controller, block);
   const command = block && flipCommand(block);
   if (!block || !command || !controller.run(command)) return false;
-  const after = chunkI7X7B3WD_cjs.blockById(editor.state.doc, block.id);
+  const after = chunk4JDRDPLC_cjs.blockById(editor.state.doc, block.id);
   if (after) controller.announce(stateName(after));
   return true;
 }
@@ -2352,6 +2437,7 @@ function handleKeydown(controller, event) {
   controller.nativeVerticalMove = false;
   for (const intercept of controller.keyInterceptors) if (intercept(event)) return;
   if (handle(controller, event)) event.preventDefault();
+  noteLineEnd(controller, event, written(controller, event.key));
 }
 
 // src/view/input/attach-input.ts
@@ -2361,7 +2447,7 @@ function attachInput(controller, root) {
     const { editor } = controller;
     let { selection } = editor.state;
     const stop = editor.subscribe((_, tr) => {
-      if (tr && selection) selection = chunkFK7EBZPX_cjs.mapSelection(selection, (pos, assoc) => tr.mapPos(pos, assoc));
+      if (tr && selection) selection = chunkZ5EEDCRI_cjs.mapSelection(selection, (pos, assoc) => tr.mapPos(pos, assoc));
     });
     fallback.flush();
     stop();
@@ -2453,6 +2539,22 @@ function watchFocusReturn(root, handlers) {
   };
 }
 
+// src/view/controller/redraw-on-relayout.ts
+function redrawOnRelayout(controller, root) {
+  const view = root.ownerDocument.defaultView;
+  if (!view?.ResizeObserver) return () => {
+  };
+  const observer = new view.ResizeObserver(() => {
+    const { selection } = controller.editor.state;
+    const domSelection = controller.domSelection();
+    if (selection?.kind !== "text" || selection.assoc !== -1 || !domSelection) return;
+    forgetDrawnSide(domSelection);
+    controller.syncSelectionToDom();
+  });
+  observer.observe(root);
+  return () => observer.disconnect();
+}
+
 // src/view/controller/selection-sync.ts
 var selectionPoints = (selection) => [
   selection?.anchorNode ?? null,
@@ -2493,6 +2595,7 @@ function bindRoot(controller, root, cross, committed) {
   const input = attachInput(controller, root);
   const unsubscribe = controller.editor.subscribe(committed);
   const detachCross = cross.attach(root);
+  const stopRedrawing = redrawOnRelayout(controller, root);
   const stopFocusReturn = watchFocusReturn(root, {
     pressed: () => controller.nativeVerticalMove = false,
     returned: (target) => {
@@ -2509,6 +2612,7 @@ function bindRoot(controller, root, cross, committed) {
       input.detach();
       unsubscribe();
       detachCross();
+      stopRedrawing();
       stopFocusReturn();
     }
   };
@@ -2517,9 +2621,11 @@ function bindRoot(controller, root, cross, committed) {
 // src/view/controller/selection-io.ts
 function movedSelection(controller, doc, model) {
   if (controller.composingKey !== null || controller.dragging || !doc || !ownsFocus(controller, doc)) return null;
-  const selection = readSelection(controller.registry, doc.getSelection(), (node) => controller.blockAt(node));
-  const sided = selection?.kind === "text" && model?.kind === "text" ? { ...selection, assoc: model.assoc } : selection;
-  return sided === null || chunkFK7EBZPX_cjs.sameSelection(sided, model) ? null : selection;
+  const read = readSelection(controller.registry, doc.getSelection(), (node) => controller.blockAt(node));
+  const selection = sideOfLineEnd(controller, read);
+  const keepsSide = selection?.kind === "text" && model?.kind === "text" && selection.assoc === void 0;
+  const sided = keepsSide ? { ...selection, assoc: model.assoc } : selection;
+  return sided === null || chunkZ5EEDCRI_cjs.sameSelection(sided, model) ? null : selection;
 }
 function writeModelSelection(controller, doc, moved, local) {
   const domSelection = doc?.getSelection();
@@ -2561,6 +2667,7 @@ var ViewController = class {
   #hosts;
   #drawn = createDrawnElements(this.registry, () => this.editor.state);
   #cross = createCrossMode(this);
+  #focus = createFocusFollow(this, () => this.#drawn.focusElement());
   #outside = createOutsideChanges(
     () => hasFocus(this, this.#ownerDocument()),
     (model) => movedSelection(this, this.#ownerDocument(), model)
@@ -2579,7 +2686,7 @@ var ViewController = class {
     this.engagement = createEngagement(options.editor);
     this.#flush = options.flush ?? runNow;
     this.onFiles = options.onFiles;
-    this.isMac = options.isMac ?? chunkFK7EBZPX_cjs.detectMac();
+    this.isMac = options.isMac ?? chunkZ5EEDCRI_cjs.detectMac();
     const decorationsOf = (block, region) => this.decorationsFor(block, region);
     const drain = (element) => this.#binding?.input.drain(element);
     this.#hosts = createHostRenderer(options.editor, options.render, decorationsOf, drain);
@@ -2665,7 +2772,7 @@ var ViewController = class {
     if (this.editor.state.doc !== before.doc) this.goalX = null;
     this.refreshHosts();
     this.#cross.sync();
-    if (focused && doc !== null && ownsFocus(this, doc)) this.#keepFocus();
+    if (focused && doc !== null && ownsFocus(this, doc)) this.#focus.keep();
     this.syncSelectionToDom(true);
     return handled;
   }
@@ -2681,7 +2788,7 @@ var ViewController = class {
     if (moved) this.#selectFromDom(moved);
     this.#cross.sync();
     const follow = () => {
-      this.#keepFocus(quiet);
+      this.#focus.keep(quiet);
       this.syncSelectionToDom();
     };
     if (!quiet) return follow();
@@ -2699,15 +2806,10 @@ var ViewController = class {
   announce(message) {
     this.announcer.announce(message);
   }
-  // A redraw of the decorations alone, such as one that follows a selection the browser made, replaces the nodes that
-  // selection sits in, and nothing else writes it back. It is written only while the editor holds focus: written while
-  // focus is on the page, it would pull focus into the line.
   renderHost(block, region) {
     const element = this.registry.get(block, region);
     const host = element && { block, region, element };
-    if (!host || this.#isComposing(host) || !this.#hosts.render(host)) return;
-    const inSelection = element.contains(this.domSelection()?.focusNode ?? null);
-    if (inSelection && hasFocus(this, element.ownerDocument)) this.syncSelectionToDom();
+    if (host && !this.#isComposing(host) && this.#hosts.render(host)) this.#focus.rewrite(element);
   }
   domSelection() {
     return this.#ownerDocument()?.getSelection() ?? null;
@@ -2726,14 +2828,14 @@ var ViewController = class {
     this.#flush(() => this.#selectFromDom(selection));
     this.#cross.sync();
     if (!wasCross && !this.#cross.active) return;
-    this.#keepFocus();
+    this.#focus.keep();
     this.syncSelectionToDom();
   }
   focus(target) {
     const { editor } = this;
     const selection = focusTarget(editor.state, target);
-    if (selection !== null && !chunkFK7EBZPX_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
-    this.#takeFocus();
+    if (selection !== null && !chunkZ5EEDCRI_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
+    this.#focus.take();
     this.syncSelectionToDom();
   }
   setReadOnly(readOnly) {
@@ -2755,17 +2857,6 @@ var ViewController = class {
   #ownerDocument() {
     return (this.#binding?.root ?? this.registry.all().next().value?.element)?.ownerDocument ?? null;
   }
-  // React replaces a host whose block changes kind, which drops focus, and Firefox does not move focus into another
-  // host when a script selects inside it.
-  #keepFocus(preventScroll) {
-    if (this.composingKey === null) this.#takeFocus(preventScroll);
-  }
-  #takeFocus(preventScroll) {
-    const element = this.#drawn.focusElement();
-    if (!element || element.ownerDocument.activeElement === element) return;
-    if (element === this.sink) focusSink(this);
-    else element.focus({ preventScroll });
-  }
 };
 var QuoinEditorContext = react.createContext(null);
 function useViewController() {
@@ -2780,7 +2871,7 @@ function useQuoinEditor(options) {
   const { blocks, readOnly = false } = options;
   const callbacks = react.useRef(options);
   const [controller] = react.useState(() => {
-    const editor = chunkFK7EBZPX_cjs.createEditor({
+    const editor = chunkZ5EEDCRI_cjs.createEditor({
       blocks,
       extensions: options.extensions,
       onChange: (next) => callbacks.current.onChange(next),
@@ -2806,11 +2897,35 @@ function useQuoinEditor(options) {
   react.useEffect(() => () => controller.destroy(), [controller]);
   return controller;
 }
-var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${chunkI7X7B3WD_cjs.headingLevel(attrs.level)}` : void 0;
+
+// src/view/react/renderer-labels.ts
+var TOGGLE = "Toggle";
+var englishRendererLabels = {
+  paragraph: "Paragraph",
+  heading: (level) => `Heading ${level}`,
+  bulletItem: "Bullet list item",
+  numberedItem: (n) => `Numbered list item ${n}`,
+  task: "Task",
+  quote: "Quote",
+  callout: (tone) => `Callout, ${tone}`,
+  calloutTones: { info: "info", tip: "tip", success: "success", warning: "warning", danger: "danger" },
+  toggle: TOGGLE,
+  toggleButton: (hidden) => hidden === 0 ? TOGGLE : `${TOGGLE}, ${hidden} ${hidden === 1 ? "block" : "blocks"} hidden`
+};
+function rendererLabelsWith(overrides) {
+  if (overrides === void 0) return englishRendererLabels;
+  const given = Object.entries(overrides).filter(([, value]) => value !== void 0);
+  const calloutTones = { ...englishRendererLabels.calloutTones, ...overrides.calloutTones };
+  return { ...englishRendererLabels, ...Object.fromEntries(given), calloutTones };
+}
+
+// src/view/react/block-placeholder.ts
+var headingPlaceholderOf = (heading) => (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? heading(chunk4JDRDPLC_cjs.headingLevel(attrs.level)) : void 0;
+var headingPlaceholder = headingPlaceholderOf(englishRendererLabels.heading);
 var BlockPlaceholderContext = react.createContext(headingPlaceholder);
 function regionPlaceholder(state, blockId, region, placeholderOf) {
-  const block = chunkI7X7B3WD_cjs.blockById(state.doc, blockId);
-  return block !== void 0 && chunkFK7EBZPX_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
+  const block = chunk4JDRDPLC_cjs.blockById(state.doc, blockId);
+  return block !== void 0 && chunkZ5EEDCRI_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
 }
 function useReadOnly(controller) {
   const subscribe = react.useCallback((notify) => controller.subscribeReadOnly(notify), [controller]);
@@ -2826,7 +2941,7 @@ function EditableRegion({ block, region, label, id, placeholder, className }) {
   const select = react.useCallback(
     (state) => {
       const inline2 = regionInline(state, block, region);
-      const empty = inline2 === void 0 || chunkI7X7B3WD_cjs.inlineLength(inline2) === 0;
+      const empty = inline2 === void 0 || chunk4JDRDPLC_cjs.inlineLength(inline2) === 0;
       return {
         inline: inline2,
         decorations: controller.decorationsFor(block, region),
@@ -2950,6 +3065,8 @@ function LiveRegion({ blocksSelected }) {
   const { key, message } = react.useSyncExternalStore(subscribe, read, read);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-visually-hidden", role: "status", "aria-live": "polite", "aria-atomic": "true", children: message !== "" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: message }, key) });
 }
+var RendererLabelsContext = react.createContext(englishRendererLabels);
+var useRendererLabels = () => react.useContext(RendererLabelsContext);
 function SelectionSink({ label = "Selected content", blockLabel }) {
   const controller = useViewController();
   const ref = react.useRef(null);
@@ -3026,7 +3143,7 @@ function covers(state, id, index) {
   if (selection === null) return false;
   if (selection.kind === "node") return selection.block === id;
   if (selection.kind === "blocks") return within(state, index, [selection.anchor, selection.head]);
-  if (!isCrossSelection(selection) || chunkFK7EBZPX_cjs.isTextFlow(schema, doc.blocks[index])) return false;
+  if (!isCrossSelection(selection) || chunkZ5EEDCRI_cjs.isTextFlow(schema, doc.blocks[index])) return false;
   return within(state, index, [selection.anchor.block, selection.head.block]);
 }
 function blockStatus(state, id, choices = NO_CHOICES) {
@@ -3035,21 +3152,16 @@ 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 = calloutTone(block.attrs.tone);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-callout", "data-tone": tone, children: /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { block: block.id, region: "body", label: `Callout, ${tone}` }) });
+  const labels = useRendererLabels();
+  const tone = chunkQFGWSFOI_cjs.calloutTone(block.attrs.tone);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-callout", "data-tone": tone, children: /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { block: block.id, region: "body", label: labels.callout(labels.calloutTones[tone]) }) });
 };
 
 // src/view/react/block-command.ts
 function onBlock(id, command) {
   return (state, dispatch) => {
-    const { ok, tr } = chunkFK7EBZPX_cjs.runCommands(state, [chunkFK7EBZPX_cjs.setSelection(chunkFK7EBZPX_cjs.blockRangeSelection(id)), command]);
+    const { ok, tr } = chunkZ5EEDCRI_cjs.runCommands(state, [chunkZ5EEDCRI_cjs.setSelection(chunkZ5EEDCRI_cjs.blockRangeSelection(id)), command]);
     if (!ok || tr === null) return false;
     dispatch?.(tr.setSelection(state.selection));
     return true;
@@ -3069,7 +3181,7 @@ function TaskCheckbox({ block, controller, label, labelledBy }) {
       role: "checkbox",
       "aria-checked": checked,
       "aria-readonly": readOnly ? "true" : void 0,
-      "aria-label": chunkI7X7B3WD_cjs.firstNamed(label, "Task"),
+      "aria-label": chunk4JDRDPLC_cjs.firstNamed(label, "Task"),
       "aria-labelledby": labelledBy,
       className: "quoin-task-box",
       contentEditable: false,
@@ -3100,7 +3212,7 @@ function numberDoc(doc) {
       numbers[index] = run2.next++;
       return;
     }
-    const start = chunkI7X7B3WD_cjs.orderedStart(block.attrs.start);
+    const start = chunk4JDRDPLC_cjs.orderedStart(block.attrs.start);
     numbers[index] = start;
     runs.push({ indent: block.indent, next: start + 1 });
   });
@@ -3124,41 +3236,56 @@ function useOrderedNumber(controller, blockId) {
   });
 }
 var REGION = "text";
-function TextRegion({ block, label }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { block: block.id, region: REGION, label });
+function PlainMarker(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-marker", "aria-hidden": "true", children: props.list === "bullet" ? "\u2022" : `${props.number}.` });
+}
+var VIEW_LOOK = { Marker: PlainMarker, headingClassName: () => "quoin-heading" };
+function TextHost({ block, label, id }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { id, block: block.id, region: REGION, label });
 }
-function NumberedItem({ block, controller }) {
+function Heading({ block, look }) {
+  const labels = useRendererLabels();
+  const level = chunk4JDRDPLC_cjs.headingLevel(block.attrs.level);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: look.headingClassName(level), children: /* @__PURE__ */ jsxRuntime.jsx(TextHost, { block, label: labels.heading(level) }) });
+}
+function NumberedItem({ block, controller, look }) {
+  const labels = useRendererLabels();
   const number = useOrderedNumber(controller, block.id);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-list-item", "data-list": "ordered", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-marker", "aria-hidden": "true", children: `${number}.` }),
-    /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: `Numbered list item ${number}` })
+    /* @__PURE__ */ jsxRuntime.jsx(look.Marker, { list: "ordered", number, depth: block.indent }),
+    /* @__PURE__ */ jsxRuntime.jsx(TextHost, { block, label: labels.numberedItem(number) })
+  ] });
+}
+function TaskItem({ block, controller }) {
+  const { task } = useRendererLabels();
+  const hostId = useRegionDomId(block.id, REGION);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TaskCheckbox, { block, controller, label: task, labelledBy: hostId }),
+    /* @__PURE__ */ jsxRuntime.jsx(TextHost, { id: hostId, block, label: task })
   ] });
 }
-var MarkdownBlock = (props) => {
+function MarkdownText({ look = VIEW_LOOK, ...props }) {
   const { block } = props;
+  const labels = useRendererLabels();
   switch (block.attrs.kind) {
-    case "heading": {
-      const level = chunkI7X7B3WD_cjs.headingLevel(block.attrs.level);
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: "quoin-heading", children: /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: `Heading ${level}` }) });
-    }
+    case "heading":
+      return /* @__PURE__ */ jsxRuntime.jsx(Heading, { ...props, look });
     case "bullet":
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-list-item", "data-list": "bullet", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-marker", "aria-hidden": "true", children: "\u2022" }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: "Bullet list item" })
+        /* @__PURE__ */ jsxRuntime.jsx(look.Marker, { list: "bullet", depth: block.indent }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextHost, { block, label: labels.bulletItem })
       ] });
     case "ordered":
-      return /* @__PURE__ */ jsxRuntime.jsx(NumberedItem, { ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(NumberedItem, { ...props, look });
     case "task":
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TaskCheckbox, { block, controller: props.controller }),
-        /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: "Task" })
-      ] });
+      return /* @__PURE__ */ jsxRuntime.jsx(TaskItem, { ...props });
     case "quote":
-      return /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: "Quote" }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(TextHost, { block, label: labels.quote }) });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: "Paragraph" });
+      return /* @__PURE__ */ jsxRuntime.jsx(TextHost, { block, label: labels.paragraph });
   }
-};
+}
+var MarkdownBlock = MarkdownText;
 function useReaderChoices(controller) {
   const store = readerToggles(controller);
   return react.useSyncExternalStore(store.subscribe, () => store.choices, () => store.choices);
@@ -3189,11 +3316,33 @@ function ToggleChevron({ block, controller, label = "Toggle", controls }) {
     }
   );
 }
+
+// src/view/react/use-nested-blocks.ts
+function nestedBlockIds({ doc }, blockId) {
+  const index = doc.index.get(blockId);
+  if (index === void 0) return [];
+  return doc.blocks.slice(index + 1, chunkZ5EEDCRI_cjs.descendantsEnd(doc, index)).map((block) => block.id);
+}
+function useNestedBlocks(controller, blockId) {
+  return useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunk4JDRDPLC_cjs.sameItems);
+}
 var ToggleBlock = ({ block, controller }) => {
+  const labels = useRendererLabels();
+  const domId = useBlockDomId();
+  const nested = useNestedBlocks(controller, block.id);
   const open = useToggleOpen(controller, block);
+  const hidden = open ? 0 : nested.length;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ToggleChevron, { block, controller }),
-    /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { block: block.id, region: "text", label: "Toggle" })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ToggleChevron,
+      {
+        block,
+        controller,
+        label: hidden === 0 ? labels.toggle : labels.toggleButton(hidden),
+        controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { block: block.id, region: "text", label: labels.toggle })
   ] });
 };
 var defaultRenderers = {
@@ -3229,7 +3378,7 @@ var BlockShell = react.memo(function BlockShell2({ block, renderers }) {
   const choices = useReaderChoices(controller);
   const status = useEditorState(controller, (state) => blockStatus(state, block.id, choices));
   const engaged = useEngaged(controller, status === "selected");
-  const decorations = useEditorState(controller, () => hostDecorations(controller.editor, block.id, ""), sameDecorations);
+  const decorations = useEditorState(controller, () => controller.decorationsFor(block.id, ""), sameDecorations);
   const hidden = status === "hidden";
   useIsomorphicLayoutEffect(() => {
     const element = ref.current;
@@ -3247,11 +3396,11 @@ var BlockShell = react.memo(function BlockShell2({ block, renderers }) {
       "data-quoin-block": "",
       "data-block-id": block.id,
       "data-type": block.type,
-      "data-kind": chunkI7X7B3WD_cjs.optionalString(kind),
+      "data-kind": chunk4JDRDPLC_cjs.optionalString(kind),
       "data-indent": block.indent,
-      "data-color": chunkI7X7B3WD_cjs.paletteOrUndefined(color),
-      "data-bg": chunkI7X7B3WD_cjs.paletteOrUndefined(background),
-      "data-align": chunkI7X7B3WD_cjs.alignOrUndefined(align),
+      "data-color": chunk4JDRDPLC_cjs.paletteOrUndefined(color),
+      "data-bg": chunk4JDRDPLC_cjs.paletteOrUndefined(background),
+      "data-align": chunk4JDRDPLC_cjs.alignOrUndefined(align),
       style: { "--quoin-indent": block.indent },
       tabIndex: -1,
       "data-selected": status === "selected" && engaged ? "true" : void 0,
@@ -3279,6 +3428,7 @@ function EditorView({
   id,
   "aria-label": label = "Editor",
   hint = HINT,
+  rendererLabels,
   paragraphLabel,
   selectedContentLabel,
   blockLabel,
@@ -3286,7 +3436,7 @@ function EditorView({
   blockErrorLabel = BLOCK_ERROR,
   onBlockError,
   placeholder,
-  blockPlaceholder = headingPlaceholder,
+  blockPlaceholder,
   blocksSelectedLabel = BLOCKS_SELECTED,
   children
 }) {
@@ -3295,6 +3445,8 @@ function EditorView({
   const blockIdScope = react.useId();
   const blocks = useEditorState(controller, (state) => state.doc.blocks);
   const blockError = react.useMemo(() => ({ label: blockErrorLabel, report: onBlockError }), [blockErrorLabel, onBlockError]);
+  const labels = react.useMemo(() => rendererLabelsWith(rendererLabels), [rendererLabels]);
+  const headingPlaceholder2 = react.useMemo(() => headingPlaceholderOf(labels.heading), [labels.heading]);
   const shells = useBlockElements(blocks, renderers);
   useIsomorphicLayoutEffect(() => root.current ? controller.attach(root.current) : void 0, [controller]);
   return /* @__PURE__ */ jsxRuntime.jsx(QuoinEditorContext.Provider, { value: controller, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3311,7 +3463,7 @@ function EditorView({
         if (focusOwners.get(event.target) === controller) controller.engagement.engage();
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(BlockDomIdScope.Provider, { value: blockIdScope, children: /* @__PURE__ */ jsxRuntime.jsx(UnsupportedBlockLabel.Provider, { value: unsupportedBlockLabel, children: /* @__PURE__ */ jsxRuntime.jsx(BlockErrorContext.Provider, { value: blockError, children: /* @__PURE__ */ jsxRuntime.jsx(BlockPlaceholderContext.Provider, { value: blockPlaceholder, children: blocks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyDocumentHost, { placeholder, label: paragraphLabel }) : shells }) }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(BlockDomIdScope.Provider, { value: blockIdScope, children: /* @__PURE__ */ jsxRuntime.jsx(UnsupportedBlockLabel.Provider, { value: unsupportedBlockLabel, children: /* @__PURE__ */ jsxRuntime.jsx(BlockErrorContext.Provider, { value: blockError, children: /* @__PURE__ */ jsxRuntime.jsx(BlockPlaceholderContext.Provider, { value: blockPlaceholder ?? headingPlaceholder2, children: /* @__PURE__ */ jsxRuntime.jsx(RendererLabelsContext.Provider, { value: labels, children: blocks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyDocumentHost, { placeholder, label: paragraphLabel ?? labels.paragraph }) : shells }) }) }) }) }),
         children,
         /* @__PURE__ */ jsxRuntime.jsx(SelectionSink, { label: selectedContentLabel, blockLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { id: hintId, className: "quoin-visually-hidden", children: hint }),
@@ -3323,16 +3475,14 @@ function EditorView({
 }
 
 exports.BlockErrorContext = BlockErrorContext;
-exports.CALLOUT_TONES = CALLOUT_TONES;
 exports.EditableRegion = EditableRegion;
 exports.EditorView = EditorView;
+exports.MarkdownText = MarkdownText;
 exports.NATIVE_INTERACTION = NATIVE_INTERACTION;
 exports.NODE_ENTRY = NODE_ENTRY;
-exports.TaskCheckbox = TaskCheckbox;
-exports.ToggleChevron = ToggleChevron;
+exports.ToggleBlock = ToggleBlock;
 exports.ViewController = ViewController;
 exports.arrowAsWritten = arrowAsWritten;
-exports.calloutTone = calloutTone;
 exports.caretClientRect = caretClientRect;
 exports.caretFromPoint = caretFromPoint;
 exports.createAutoScroll = createAutoScroll;
@@ -3340,8 +3490,8 @@ exports.dispatchSelection = dispatchSelection;
 exports.domMapOf = domMapOf;
 exports.domToPos = domToPos;
 exports.drawnBlockCount = drawnBlockCount;
+exports.englishRendererLabels = englishRendererLabels;
 exports.focusOwners = focusOwners;
-exports.handleCopy = handleCopy;
 exports.hostKey = hostKey;
 exports.inlineDirection = inlineDirection;
 exports.isComposingKey = isComposingKey;
@@ -3356,14 +3506,10 @@ exports.posToDom = posToDom;
 exports.regionInline = regionInline;
 exports.renderInline = renderInline;
 exports.textDiff = textDiff;
-exports.useBlockDomId = useBlockDomId;
 exports.useEditorState = useEditorState;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
-exports.useOrderedNumber = useOrderedNumber;
 exports.useQuoinEditor = useQuoinEditor;
 exports.useReadOnly = useReadOnly;
-exports.useRegionDomId = useRegionDomId;
-exports.useToggleOpen = useToggleOpen;
 exports.useViewController = useViewController;
 exports.visibleBlockIndexes = visibleBlockIndexes;
 exports.wholeState = wholeState;