quoin-editor 1.1.2 → 1.2.1

package/dist/{chunk-VSUGJZ7G.cjs → chunk-4SRXM2VS.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkM5FREXRQ_cjs = require('./chunk-M5FREXRQ.cjs');
-var chunk6H76FAI3_cjs = require('./chunk-6H76FAI3.cjs');
+var chunkLROGC3SI_cjs = require('./chunk-LROGC3SI.cjs');
+var chunkWZA5S5EJ_cjs = require('./chunk-WZA5S5EJ.cjs');
 var react = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -34,7 +34,7 @@ function isCrossSelection(selection) {
 }
 function selectionDecorations(state, mode) {
   if (mode !== "decorations" || !isCrossSelection(state.selection)) return [];
-  return chunkM5FREXRQ_cjs.markRanges(state).map(({ block, region, from, to }) => ({
+  return chunkLROGC3SI_cjs.markRanges(state).map(({ block, region, from, to }) => ({
     kind: "inline",
     block,
     region,
@@ -45,9 +45,9 @@ function selectionDecorations(state, mode) {
 }
 
 // src/view/dom/attributes.ts
-var sortedEntries = (attrs) => chunk6H76FAI3_cjs.dataAttributes(attrs, "");
+var sortedEntries = (attrs) => chunkWZA5S5EJ_cjs.dataAttributes(attrs, "");
 function setAttributes(element, attrs, prefix = "") {
-  for (const [name, value] of chunk6H76FAI3_cjs.writtenAttrs(chunk6H76FAI3_cjs.dataAttributes(attrs, prefix))) element.setAttribute(name, value);
+  for (const [name, value] of chunkWZA5S5EJ_cjs.writtenAttrs(chunkWZA5S5EJ_cjs.dataAttributes(attrs, prefix))) element.setAttribute(name, value);
 }
 
 // src/view/dom/segments.ts
@@ -62,7 +62,7 @@ function decorationRanges(decorations, length) {
   return ranges;
 }
 function toSegments(inline, decorations) {
-  const length = chunk6H76FAI3_cjs.inlineLength(inline);
+  const length = chunkWZA5S5EJ_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)];
@@ -78,7 +78,7 @@ function toSegments(inline, decorations) {
   };
   let start = 0;
   for (const node of inline) {
-    const end = start + chunk6H76FAI3_cjs.nodeLength(node);
+    const end = start + chunkWZA5S5EJ_cjs.nodeLength(node);
     if (node.kind === "atom") {
       placeWidgets(start);
       segments.push({ kind: "atom", node, decorations: covering(start, end), from: start });
@@ -133,7 +133,7 @@ function create(doc, tag, attributes) {
   return element;
 }
 function linkElement({ href = "", title } = {}, doc) {
-  const safe = chunk6H76FAI3_cjs.sanitizeHref(href);
+  const safe = chunkWZA5S5EJ_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;
@@ -141,8 +141,8 @@ function linkElement({ href = "", title } = {}, doc) {
 }
 function markElement2(mark2, doc) {
   if (mark2.type === "link") return linkElement(mark2.attrs, doc);
-  const { tag, attrs } = chunk6H76FAI3_cjs.markElement(mark2);
-  return create(doc, tag, chunk6H76FAI3_cjs.writtenAttrs(attrs));
+  const { tag, attrs } = chunkWZA5S5EJ_cjs.markElement(mark2);
+  return create(doc, tag, chunkWZA5S5EJ_cjs.writtenAttrs(attrs));
 }
 
 // src/view/dom/wrappers.ts
@@ -272,7 +272,7 @@ function createDomMap(host, length, entries) {
     const after = texts.find((entry) => entry.from <= at && at < entry.to);
     const before = texts.find((entry) => entry.from < at && at <= entry.to);
     const text = assoc === 1 ? after ?? before : before ?? after;
-    if (text) return { node: text.node, offset: at - text.from };
+    if (text) return { node: text.node, offset: Math.min(at - text.from, textLength(text.node)) };
     const next = stops.find((entry) => entry.from >= at);
     const previous = breaksAndAtoms.filter((entry) => entry.to <= at).pop();
     const beforeNext = next && pointAt(next, 0);
@@ -339,8 +339,8 @@ function reconcileChildren(parent, specs) {
 // src/view/dom/text-diff.ts
 function textDiff(before, after, caretHint) {
   if (before === after) return null;
-  const prefix = chunkM5FREXRQ_cjs.commonPrefix(before, after);
-  const suffix = chunkM5FREXRQ_cjs.commonSuffix(before, after);
+  const prefix = chunkLROGC3SI_cjs.commonPrefix(before, after);
+  const suffix = chunkLROGC3SI_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;
@@ -445,12 +445,12 @@ function specsFor(segment, options, doc) {
   }
 }
 function needsFiller(inline) {
-  const content = chunk6H76FAI3_cjs.inlineText(inline);
+  const content = chunkWZA5S5EJ_cjs.inlineText(inline);
   return content === "" || content.endsWith("\n");
 }
 function renderInline(host, inline, decorations, options = {}) {
   const doc = host.ownerDocument;
-  const length = chunk6H76FAI3_cjs.inlineLength(inline);
+  const length = chunkWZA5S5EJ_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);
@@ -528,10 +528,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 chunkM5FREXRQ_cjs.textSelection(anchor, head);
+  if (anchor && head) return chunkLROGC3SI_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) ? chunkM5FREXRQ_cjs.nodeSelection(block) : null;
+  return block !== void 0 && block === blockAt2(focusNode) ? chunkLROGC3SI_cjs.nodeSelection(block) : null;
 }
 function selectBlock(domSelection, element) {
   if (!element) return false;
@@ -548,7 +548,7 @@ function writeSelection(registry, selection, domSelection, blockElement) {
   if (selection.kind !== "text") return false;
   const { anchor, head } = selection;
   if (anchor.block !== head.block || anchor.region !== head.region) return false;
-  if (chunkM5FREXRQ_cjs.sameSelection(readSelection(registry, domSelection), selection)) return true;
+  if (chunkLROGC3SI_cjs.sameSelection(readSelection(registry, domSelection), selection)) return true;
   const base = posToDom(registry, anchor, anchor.offset < head.offset ? 1 : -1);
   const extent = posToDom(registry, head, head.offset < anchor.offset ? 1 : -1);
   if (!base || !extent) return false;
@@ -610,8 +610,8 @@ var known = /* @__PURE__ */ new WeakMap();
 function hidersOf(doc) {
   let hiders = known.get(doc);
   if (hiders === void 0) {
-    const first = doc.blocks.findIndex(chunkM5FREXRQ_cjs.isClosedToggle);
-    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkM5FREXRQ_cjs.hidingToggle(doc, index + 1));
+    const first = doc.blocks.findIndex(chunkLROGC3SI_cjs.isClosedToggle);
+    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkLROGC3SI_cjs.hidingToggle(doc, index + 1));
     known.set(doc, hiders);
   }
   return hiders;
@@ -620,7 +620,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 chunkM5FREXRQ_cjs.hidingToggle(doc, index + 1, closed) !== null;
+  return chunkLROGC3SI_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) {
@@ -636,7 +636,7 @@ var dispatchSelection = (controller, selection) => controller.dispatch(controlle
 // src/view/navigation/neighbour-block.ts
 var anyBlock = () => true;
 function neighbourBlock(doc, from, direction, accept = anyBlock) {
-  const index = doc.index.get(from);
+  const index = from === null ? -direction * Infinity : doc.index.get(from);
   if (index === void 0) return null;
   const visible = visibleBlockIndexes(doc);
   const ahead = direction < 0 ? visible.filter((at) => at < index).reverse() : visible.filter((at) => at > index);
@@ -645,18 +645,18 @@ function neighbourBlock(doc, from, direction, accept = anyBlock) {
 }
 function entryEdge(controller, block, direction) {
   const { doc, schema } = controller.editor.state;
-  const edge = direction < 0 ? chunkM5FREXRQ_cjs.endOf(doc, schema, block) : chunkM5FREXRQ_cjs.startOf(doc, schema, block);
+  const edge = direction < 0 ? chunkLROGC3SI_cjs.endOf(doc, schema, block) : chunkLROGC3SI_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 : chunkM5FREXRQ_cjs.nodeSelection(block);
+  return drawn && !entersAsNode(controller, block) ? edge : chunkLROGC3SI_cjs.nodeSelection(block);
 }
-var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkM5FREXRQ_cjs.nodeSelection(block) : null;
+var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkLROGC3SI_cjs.nodeSelection(block) : null;
 var canBeEntered = (controller) => (block) => {
   const { schema } = controller.editor.state;
-  const region = chunkM5FREXRQ_cjs.isTextFlow(schema, block) ? chunkM5FREXRQ_cjs.primaryRegion(schema, block) : null;
+  const region = chunkLROGC3SI_cjs.isTextFlow(schema, block) ? chunkLROGC3SI_cjs.primaryRegion(schema, block) : null;
   return region === null || controller.registry.get(block.id, region) !== void 0 || entersAsNode(controller, block.id);
 };
-var holdsTextHead = (controller) => (block) => chunkM5FREXRQ_cjs.isTextFlow(controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
+var holdsTextHead = (controller) => (block) => chunkLROGC3SI_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);
@@ -795,7 +795,7 @@ function createCrossBlockPointer(controller) {
       let preventMouseDown = false;
       const scroll = createAutoScroll(root, () => follow(last.x, last.y));
       function select(selection) {
-        if (chunkM5FREXRQ_cjs.sameSelection(selection, controller.editor.state.selection)) return;
+        if (chunkLROGC3SI_cjs.sameSelection(selection, controller.editor.state.selection)) return;
         dispatchSelection(controller, selection);
       }
       function startDragging() {
@@ -811,14 +811,14 @@ function createCrossBlockPointer(controller) {
           if (current.anchor === null) return;
           startDragging();
         }
-        select(chunkM5FREXRQ_cjs.textSelection(current.anchor, caretPosAt(controller, target, x, y)));
+        select(chunkLROGC3SI_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(chunkM5FREXRQ_cjs.blockRangeSelection(current.start, block));
+        select(chunkLROGC3SI_cjs.blockRangeSelection(current.start, block));
       }
       function follow(x, y) {
         if (press?.kind === "text") followText(press, x, y);
@@ -853,10 +853,10 @@ function createCrossBlockPointer(controller) {
       }
       function pressWhole(block) {
         if (entryEdge(controller, block, 1).kind !== "node") return;
-        const pressed = chunk6H76FAI3_cjs.blockById(controller.editor.state.doc, block);
-        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkM5FREXRQ_cjs.blockRangeSelection(block));
+        const pressed = chunkWZA5S5EJ_cjs.blockById(controller.editor.state.doc, block);
+        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkLROGC3SI_cjs.blockRangeSelection(block));
         controller.nodeReveal.pressed(block);
-        select(chunkM5FREXRQ_cjs.nodeSelection(block));
+        select(chunkLROGC3SI_cjs.nodeSelection(block));
       }
       function onPointerDown(event) {
         end();
@@ -898,7 +898,7 @@ function createCrossBlockPointer(controller) {
 // src/view/selection/paint-selection.ts
 var NAME = "quoin-selection";
 function coveredRanges(controller) {
-  return chunkM5FREXRQ_cjs.markRanges(controller.editor.state).flatMap(({ block, region, from, to }) => {
+  return chunkLROGC3SI_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 [];
@@ -969,7 +969,7 @@ function heldBySink(selection) {
 }
 var NO_TEXT = "\xA0";
 function selectionText(state) {
-  const text = chunkM5FREXRQ_cjs.markRanges(state).map((range) => chunk6H76FAI3_cjs.inlinePlainText(chunkM5FREXRQ_cjs.rangeContent(state, range), state.schema)).join("\n");
+  const text = chunkLROGC3SI_cjs.markRanges(state).map((range) => chunkWZA5S5EJ_cjs.inlinePlainText(chunkLROGC3SI_cjs.rangeContent(state, range), state.schema)).join("\n");
   return text === "" ? NO_TEXT : text;
 }
 var focusInPlace = (sink) => inPlace(sink, () => sink.focus({ preventScroll: true }));
@@ -992,7 +992,7 @@ function focusSink(controller) {
   sink.ownerDocument.getSelection()?.selectAllChildren(sink);
 }
 function selectedBlockName({ doc, schema, selection }, blockLabel) {
-  const block = selection?.kind === "node" ? chunk6H76FAI3_cjs.blockById(doc, selection.block) : void 0;
+  const block = selection?.kind === "node" ? chunkWZA5S5EJ_cjs.blockById(doc, selection.block) : void 0;
   return block === void 0 ? null : blockLabel?.(block, schema) ?? "";
 }
 function clearSink(controller) {
@@ -1129,7 +1129,7 @@ function createElementSlot(changed) {
 
 // src/view/controller/selection-element.ts
 function elementFor({ doc }, selection, rendered) {
-  const id = chunkM5FREXRQ_cjs.headBlockId(selection);
+  const id = chunkLROGC3SI_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);
@@ -1142,7 +1142,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, chunkM5FREXRQ_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
+  return elementFor(state, selection, rendered) ?? elementFor(state, chunkLROGC3SI_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
 }
 
 // src/view/controller/tab-stop.ts
@@ -1209,9 +1209,9 @@ function ownsFocus(controller, doc) {
 function focusTarget(state, target) {
   const { doc, schema, selection } = state;
   if (doc.blocks.length === 0) return null;
-  if (target === "end") return chunkM5FREXRQ_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
-  if (target === "start" || target === void 0 && selection === null) return chunkM5FREXRQ_cjs.startOf(doc, schema, doc.blocks[0].id);
-  return target === void 0 ? selection : chunkM5FREXRQ_cjs.textSelection(target);
+  if (target === "end") return chunkLROGC3SI_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
+  if (target === "start" || target === void 0 && selection === null) return chunkLROGC3SI_cjs.startOf(doc, schema, doc.blocks[0].id);
+  return target === void 0 ? selection : chunkLROGC3SI_cjs.textSelection(target);
 }
 
 // src/view/controller/host-decorations.ts
@@ -1227,7 +1227,7 @@ function decorationsByHost(decorations) {
   return byHost;
 }
 function sameDecoration(a, b) {
-  if (a.kind !== b.kind || a.block !== b.block || !chunk6H76FAI3_cjs.sameAttrs(a.attrs, b.attrs)) return false;
+  if (a.kind !== b.kind || a.block !== b.block || !chunkWZA5S5EJ_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;
   }
@@ -1238,7 +1238,7 @@ function sameDecoration(a, b) {
   return true;
 }
 function sameDecorations(a, b) {
-  return a === b || chunk6H76FAI3_cjs.sameItems(a, b, sameDecoration);
+  return a === b || chunkWZA5S5EJ_cjs.sameItems(a, b, sameDecoration);
 }
 var byMode = { highlight: /* @__PURE__ */ new WeakMap(), decorations: /* @__PURE__ */ new WeakMap() };
 function hostDecorations(editor, block, region, mode = "highlight") {
@@ -1254,7 +1254,7 @@ function hostDecorations(editor, block, region, mode = "highlight") {
 
 // src/view/controller/region-inline.ts
 function regionInline(state, block, region) {
-  const regions = chunk6H76FAI3_cjs.blockById(state.doc, block)?.regions;
+  const regions = chunkWZA5S5EJ_cjs.blockById(state.doc, block)?.regions;
   return regions && Object.hasOwn(regions, region) ? regions[region] : void 0;
 }
 
@@ -1304,7 +1304,7 @@ function createOutsideChanges(editorHasFocus, movedFrom) {
       }
       const from = moved ?? (outside && !settled ? movedFrom(tr.before.selection) : null);
       settled ||= outside;
-      moved = from && chunkM5FREXRQ_cjs.mapSelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
+      moved = from && chunkLROGC3SI_cjs.mapSelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
     },
     takeFocused() {
       const value = focused;
@@ -1397,7 +1397,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(chunkM5FREXRQ_cjs.deleteSelection);
+  if (cut) controller.run(chunkLROGC3SI_cjs.deleteSelection);
 }
 function handlePaste(controller, event) {
   if (!event.clipboardData) return;
@@ -1429,7 +1429,7 @@ function handleDrop(controller, event) {
     return;
   }
   const pos = dropPos(controller, event.clientX, event.clientY);
-  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkM5FREXRQ_cjs.textSelection(pos)).setOrigin("drop"));
+  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkLROGC3SI_cjs.textSelection(pos)).setOrigin("drop"));
   pasteTransfer(controller, dataTransfer);
 }
 function handleDragOver(event) {
@@ -1508,7 +1508,8 @@ function composedText(sink, { before, after }) {
   if (text.startsWith(before)) text = text.slice(before.length);
   return text.endsWith(after) ? text.slice(0, text.length - after.length) : text;
 }
-function createSinkComposition(controller) {
+function createSinkComposition(controller, settled = () => {
+}) {
   let outside = null;
   let stopWaiting = null;
   function settle() {
@@ -1522,6 +1523,7 @@ function createSinkComposition(controller) {
     clearSink(controller);
     if (text === "") controller.syncSelectionToDom();
     else controller.edit(() => controller.editor.insertText(text));
+    settled();
   }
   return {
     start() {
@@ -1557,29 +1559,29 @@ function createSinkComposition(controller) {
 var LINE_BREAK = "\n";
 var transposeChars = (state, dispatch) => {
   const { selection } = state;
-  if (selection?.kind !== "text" || !chunkM5FREXRQ_cjs.isCollapsed(selection)) return false;
+  if (selection?.kind !== "text" || !chunkLROGC3SI_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const inline = chunk6H76FAI3_cjs.blockById(state.doc, head.block)?.regions[head.region];
+  const inline = chunkWZA5S5EJ_cjs.blockById(state.doc, head.block)?.regions[head.region];
   if (inline === void 0) return false;
-  const value = chunk6H76FAI3_cjs.inlineText(inline);
+  const value = chunkWZA5S5EJ_cjs.inlineText(inline);
   const atLineEnd = head.offset === value.length || value[head.offset] === LINE_BREAK;
-  const end = atLineEnd ? head.offset : chunkM5FREXRQ_cjs.nextGraphemeOffset(value, head.offset);
-  const middle = chunkM5FREXRQ_cjs.prevGraphemeOffset(value, end);
-  const start = chunkM5FREXRQ_cjs.prevGraphemeOffset(value, middle);
+  const end = atLineEnd ? head.offset : chunkLROGC3SI_cjs.nextGraphemeOffset(value, head.offset);
+  const middle = chunkLROGC3SI_cjs.prevGraphemeOffset(value, end);
+  const start = chunkLROGC3SI_cjs.prevGraphemeOffset(value, middle);
   if (start === middle || value.slice(start, end).includes(LINE_BREAK)) return false;
-  const swapped = [...chunk6H76FAI3_cjs.sliceInline(inline, middle, end), ...chunk6H76FAI3_cjs.sliceInline(inline, start, middle)];
-  const tr = new chunkM5FREXRQ_cjs.Transaction(state).setOrigin("input");
-  tr.step(chunkM5FREXRQ_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
-  dispatch?.(tr.setSelection(chunkM5FREXRQ_cjs.textSelection({ ...head, offset: end })));
+  const swapped = [...chunkWZA5S5EJ_cjs.sliceInline(inline, middle, end), ...chunkWZA5S5EJ_cjs.sliceInline(inline, start, middle)];
+  const tr = new chunkLROGC3SI_cjs.Transaction(state).setOrigin("input");
+  tr.step(chunkLROGC3SI_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
+  dispatch?.(tr.setSelection(chunkLROGC3SI_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(chunkM5FREXRQ_cjs.textSelection(range.from, range.to)).setOrigin("input"));
-  if (text === "") return chunkM5FREXRQ_cjs.deleteSelection(editor.state, (tr) => dispatch(tr.setOrigin("input")));
-  return withRules ? editor.insertText(text) : chunkM5FREXRQ_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
+  dispatch(editor.createTransaction().setSelection(chunkLROGC3SI_cjs.textSelection(range.from, range.to)).setOrigin("input"));
+  if (text === "") return chunkLROGC3SI_cjs.deleteSelection(editor.state, (tr) => dispatch(tr.setOrigin("input")));
+  return withRules ? editor.insertText(text) : chunkLROGC3SI_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
 }
 
 // src/view/input/target-range.ts
@@ -1590,13 +1592,13 @@ function targetRangeToModel(controller, event) {
   const to = domToPos(controller.registry, range.endContainer, range.endOffset);
   return from && to && { from, to };
 }
-var isEmpty = ({ from, to }) => chunkM5FREXRQ_cjs.sameSelection(chunkM5FREXRQ_cjs.textSelection(from), chunkM5FREXRQ_cjs.textSelection(to));
+var isEmpty = ({ from, to }) => chunkLROGC3SI_cjs.sameSelection(chunkLROGC3SI_cjs.textSelection(from), chunkLROGC3SI_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 = chunkM5FREXRQ_cjs.selectionRange(doc, selection);
-  const same = selected !== null && chunkM5FREXRQ_cjs.sameSelection(chunkM5FREXRQ_cjs.textSelection(selected.from, selected.to), chunkM5FREXRQ_cjs.textSelection(range.from, range.to));
+  const selected = chunkLROGC3SI_cjs.selectionRange(doc, selection);
+  const same = selected !== null && chunkLROGC3SI_cjs.sameSelection(chunkLROGC3SI_cjs.textSelection(selected.from, selected.to), chunkLROGC3SI_cjs.textSelection(range.from, range.to));
   return same ? null : range;
 }
 
@@ -1618,34 +1620,34 @@ function insertTypedText(controller, event) {
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 function deleteContentBackward(controller, event) {
-  if (!controller.run(chunkM5FREXRQ_cjs.undoInputRule)) targetOr(chunkM5FREXRQ_cjs.deleteBackward)(controller, event);
+  if (!controller.run(chunkLROGC3SI_cjs.undoInputRule)) targetOr(chunkLROGC3SI_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(chunkM5FREXRQ_cjs.insertText(text, { origin: "input" }));
+  if (range === null) controller.run(chunkLROGC3SI_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(chunkM5FREXRQ_cjs.insertHardBreak),
+  insertLineBreak: run(chunkLROGC3SI_cjs.insertHardBreak),
   deleteContentBackward,
-  deleteContentForward: targetOr(chunkM5FREXRQ_cjs.deleteForward),
-  deleteWordBackward: targetOr(chunkM5FREXRQ_cjs.deleteWordBackward),
-  deleteWordForward: targetOr(chunkM5FREXRQ_cjs.deleteWordForward),
-  deleteSoftLineBackward: targetOr(chunkM5FREXRQ_cjs.deleteToLineStart),
-  deleteHardLineBackward: targetOr(chunkM5FREXRQ_cjs.deleteToLineStart),
-  deleteSoftLineForward: targetOr(chunkM5FREXRQ_cjs.deleteToLineEnd),
-  deleteHardLineForward: targetOr(chunkM5FREXRQ_cjs.deleteToLineEnd),
-  formatBold: run(chunkM5FREXRQ_cjs.toggleMark("bold")),
-  formatItalic: run(chunkM5FREXRQ_cjs.toggleMark("italic")),
-  formatUnderline: run(chunkM5FREXRQ_cjs.toggleMark("underline")),
-  formatStrikeThrough: run(chunkM5FREXRQ_cjs.toggleMark("strike")),
-  historyUndo: run(chunkM5FREXRQ_cjs.undo),
-  historyRedo: run(chunkM5FREXRQ_cjs.redo),
+  deleteContentForward: targetOr(chunkLROGC3SI_cjs.deleteForward),
+  deleteWordBackward: targetOr(chunkLROGC3SI_cjs.deleteWordBackward),
+  deleteWordForward: targetOr(chunkLROGC3SI_cjs.deleteWordForward),
+  deleteSoftLineBackward: targetOr(chunkLROGC3SI_cjs.deleteToLineStart),
+  deleteHardLineBackward: targetOr(chunkLROGC3SI_cjs.deleteToLineStart),
+  deleteSoftLineForward: targetOr(chunkLROGC3SI_cjs.deleteToLineEnd),
+  deleteHardLineForward: targetOr(chunkLROGC3SI_cjs.deleteToLineEnd),
+  formatBold: run(chunkLROGC3SI_cjs.toggleMark("bold")),
+  formatItalic: run(chunkLROGC3SI_cjs.toggleMark("italic")),
+  formatUnderline: run(chunkLROGC3SI_cjs.toggleMark("underline")),
+  formatStrikeThrough: run(chunkLROGC3SI_cjs.toggleMark("strike")),
+  historyUndo: run(chunkLROGC3SI_cjs.undo),
+  historyRedo: run(chunkLROGC3SI_cjs.redo),
   insertTranspose: run(transposeChars),
   insertFromPaste: leaveToHandlers,
   insertFromDrop: leaveToHandlers,
@@ -1746,7 +1748,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 = chunk6H76FAI3_cjs.inlineText(inline);
+  const text = chunkWZA5S5EJ_cjs.inlineText(inline);
   const end = composedEnd(controller, block, region);
   const since = [];
   const release = editor.subscribe((_, tr) => void (tr && since.push(tr)));
@@ -1784,7 +1786,8 @@ function elementOf(controller, target) {
   if (target === EMPTY_HOST) return controller.emptyHost ?? void 0;
   return target ? controller.registry.get(target.block, target.region) : void 0;
 }
-function createCompositionHandlers(controller) {
+function createCompositionHandlers(controller, settled = () => {
+}) {
   let active = false;
   let target = null;
   let snapshot = null;
@@ -1803,6 +1806,7 @@ function createCompositionHandlers(controller) {
       controller.renderHost(host.block, host.region);
       controller.syncSelectionToDom();
     }
+    settled();
   }
   function waitForInput(element) {
     const onInput = () => settle();
@@ -1858,7 +1862,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 = chunk6H76FAI3_cjs.inlineText(inline);
+  const before = chunkWZA5S5EJ_cjs.inlineText(inline);
   const after = readDomText(element);
   const edit = before === after ? null : textDiff(before, after, domCaretOffset(element));
   if (edit === null) return false;
@@ -1879,9 +1883,10 @@ function createDomInputFallback(controller) {
   let queued = false;
   function enqueue(node) {
     const entry = controller.registry.locate(node);
-    if (entry === null || controller.composingKey !== null || controller.readOnly) return false;
-    pending.set(hostKey(entry.block, entry.region), entry);
-    return true;
+    if (entry === null || controller.readOnly) return false;
+    const key = hostKey(entry.block, entry.region);
+    if (key !== controller.composingKey) pending.set(key, entry);
+    return controller.composingKey === null;
   }
   function flush() {
     queued = false;
@@ -1923,33 +1928,33 @@ function createDomInputFallback(controller) {
 
 // src/view/navigation/cross-moves.ts
 function moveHead(controller, { anchor }, head) {
-  dispatchSelection(controller, chunkM5FREXRQ_cjs.textSelection(anchor, head));
+  dispatchSelection(controller, chunkLROGC3SI_cjs.textSelection(anchor, head));
   return true;
 }
 function blockOf(controller, { block }) {
   const { doc } = controller.editor.state;
-  return doc.blocks[chunk6H76FAI3_cjs.requireBlockIndex(doc, block)];
+  return doc.blocks[chunkWZA5S5EJ_cjs.requireBlockIndex(doc, block)];
 }
 function collapseCross(controller, selection, direction) {
-  const { from, to } = chunkM5FREXRQ_cjs.selectionRange(controller.editor.state.doc, selection);
-  dispatchSelection(controller, chunkM5FREXRQ_cjs.textSelection(direction < 0 ? from : to));
+  const { from, to } = chunkLROGC3SI_cjs.selectionRange(controller.editor.state.doc, selection);
+  dispatchSelection(controller, chunkLROGC3SI_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 = chunkM5FREXRQ_cjs.regionLength(blockOf(controller, edge), edge.region);
+    const end2 = chunkLROGC3SI_cjs.regionLength(blockOf(controller, edge), edge.region);
     return moveHead(controller, selection, { ...edge, offset: Math.min(head.offset, end2) });
   }
-  const end = chunkM5FREXRQ_cjs.regionLength(blockOf(controller, head), head.region);
+  const end = chunkLROGC3SI_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 = chunk6H76FAI3_cjs.inlineText(blockOf(controller, head).regions[head.region] ?? []);
+  const text = chunkWZA5S5EJ_cjs.inlineText(blockOf(controller, head).regions[head.region] ?? []);
   if (direction < 0 ? head.offset > 0 : head.offset < text.length) {
-    const offset = direction < 0 ? chunkM5FREXRQ_cjs.prevGraphemeOffset(text, head.offset) : chunkM5FREXRQ_cjs.nextGraphemeOffset(text, head.offset);
+    const offset = direction < 0 ? chunkLROGC3SI_cjs.prevGraphemeOffset(text, head.offset) : chunkLROGC3SI_cjs.nextGraphemeOffset(text, head.offset);
     return moveHead(controller, selection, { ...head, offset });
   }
   const edge = neighbourHead(controller, head.block, direction);
@@ -1968,9 +1973,9 @@ function moveHorizontally(controller, direction, extend) {
     const move = extend ? crossHeadHorizontally : collapseCross;
     return move(controller, selection, direction);
   }
-  if (!extend && !chunkM5FREXRQ_cjs.isCollapsed(selection)) return false;
+  if (!extend && !chunkLROGC3SI_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const length = chunkM5FREXRQ_cjs.regionLength(doc.blocks[chunk6H76FAI3_cjs.requireBlockIndex(doc, head.block)], head.region);
+  const length = chunkLROGC3SI_cjs.regionLength(doc.blocks[chunkWZA5S5EJ_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) {
@@ -1979,9 +1984,7 @@ function moveHorizontally(controller, direction, extend) {
   }
   if (!extend) return moveToNeighbour(controller, head.block, direction);
   const edge = neighbourHead(controller, head.block, direction);
-  if (edge === null) return false;
-  dispatchSelection(controller, chunkM5FREXRQ_cjs.textSelection(selection.anchor, edge));
-  return true;
+  return edge !== null && moveHead(controller, selection, edge);
 }
 
 // src/view/navigation/line-edges.ts
@@ -2078,16 +2081,17 @@ function caretAtGoal(controller, host, at, y) {
 }
 function landAtGoal(controller, block, direction) {
   const { schema } = controller.editor.state;
-  const region = chunkM5FREXRQ_cjs.isTextFlow(schema, block) ? chunkM5FREXRQ_cjs.primaryRegion(schema, block) : null;
+  const region = chunkLROGC3SI_cjs.isTextFlow(schema, block) ? chunkLROGC3SI_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);
   const pos = line && caretAtGoal(controller, host, { block: block.id, region }, line.top + line.height / 2);
-  return pos ? chunkM5FREXRQ_cjs.textSelection(pos) : null;
+  return pos ? chunkLROGC3SI_cjs.textSelection(pos) : null;
 }
 function moveInHost(controller, host, head, caret, direction) {
   const { goalX } = controller;
-  if (goalX === null || !caret || Math.abs(caret.left - goalX) < caret.height / 2) return null;
+  const native = !isCrossSelection(controller.editor.state.selection);
+  if (goalX === null || !caret || native && Math.abs(caret.left - goalX) < caret.height / 2) return null;
   const y = adjacentLineMiddle(host, caret, direction);
   const pos = y === null ? null : caretAtGoal(controller, host, head, y);
   return pos && pos.offset !== head.offset ? pos : null;
@@ -2101,7 +2105,7 @@ function landing(controller, { head }, direction, extend) {
   controller.goalX ??= caret?.left ?? null;
   if (!(direction < 0 ? isOnFirstLine(host, point) : isOnLastLine(host, point))) {
     const pos = moveInHost(controller, host, head, caret, direction);
-    return pos && chunkM5FREXRQ_cjs.textSelection(pos);
+    return pos && chunkLROGC3SI_cjs.textSelection(pos);
   }
   const own2 = extend ? null : ownNode(controller, head.block, direction);
   if (own2 !== null) return own2;
@@ -2112,17 +2116,18 @@ function landing(controller, { head }, direction, extend) {
 function moveText(controller, selection, direction, extend) {
   const next = landing(controller, selection, direction, extend);
   if (next === null) {
+    if (isCrossSelection(selection)) return crossHeadVertically(controller, selection, direction);
     controller.nativeVerticalMove = true;
     return false;
   }
-  const moved = extend && next.kind === "text" ? chunkM5FREXRQ_cjs.textSelection(selection.anchor, next.head) : next;
-  dispatchSelection(controller, moved);
+  if (extend && next.kind === "text") return moveHead(controller, selection, next.head);
+  dispatchSelection(controller, next);
   return true;
 }
 function extendBlocks(controller, { anchor, head }, direction) {
   const next = neighbourBlock(controller.editor.state.doc, head, direction);
   if (next === null) return false;
-  dispatchSelection(controller, chunkM5FREXRQ_cjs.blockRangeSelection(anchor, next.id));
+  dispatchSelection(controller, chunkLROGC3SI_cjs.blockRangeSelection(anchor, next.id));
   return true;
 }
 function moveVertically(controller, direction, extend) {
@@ -2130,16 +2135,16 @@ function moveVertically(controller, direction, extend) {
   if (selection?.kind === "node") return !extend && moveToNeighbour(controller, selection.block, direction);
   if (selection?.kind === "blocks") return extend && extendBlocks(controller, selection, direction);
   if (selection?.kind !== "text") return false;
-  if (!isCrossSelection(selection)) return moveText(controller, selection, direction, extend);
+  if (extend || !isCrossSelection(selection)) return moveText(controller, selection, direction, extend);
   controller.goalX = null;
-  return (extend ? crossHeadVertically : collapseCross)(controller, selection, direction);
+  return collapseCross(controller, selection, direction);
 }
 
 // src/view/input/flip-block.ts
 var isTask = ({ type, attrs }) => type === "MARKDOWN" && attrs.kind === "task";
 function flipCommand(block) {
-  if (isTask(block)) return chunkM5FREXRQ_cjs.toggleTask;
-  return block.type === "TOGGLE" ? chunkM5FREXRQ_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
+  if (isTask(block)) return chunkLROGC3SI_cjs.toggleTask;
+  return block.type === "TOGGLE" ? chunkLROGC3SI_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
 }
 var toggleState = (open) => open ? "expanded" : "collapsed";
 function stateName(block) {
@@ -2148,7 +2153,7 @@ function stateName(block) {
 }
 function blockHoldingCaret({ doc, selection }) {
   if (selection?.kind !== "text" || selection.anchor.block !== selection.head.block) return null;
-  return chunk6H76FAI3_cjs.blockById(doc, selection.head.block) ?? null;
+  return chunkWZA5S5EJ_cjs.blockById(doc, selection.head.block) ?? null;
 }
 function flipForReader(controller, block) {
   if (block?.type !== "TOGGLE") return false;
@@ -2163,7 +2168,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 = chunk6H76FAI3_cjs.blockById(editor.state.doc, block.id);
+  const after = chunkWZA5S5EJ_cjs.blockById(editor.state.doc, block.id);
   if (after) controller.announce(stateName(after));
   return true;
 }
@@ -2184,6 +2189,15 @@ function arrow(controller, event) {
   const [move, direction] = ARROWS[event.key];
   return move(controller, direction, event.shiftKey);
 }
+var isMod = (controller, event) => controller.isMac ? event.metaKey && !event.ctrlKey : event.ctrlKey && !event.metaKey;
+function documentEdge(controller, event) {
+  const at = (controller.isMac ? ["ArrowUp", "ArrowDown"] : ["Home", "End"]).indexOf(event.key);
+  if (at < 0 || !isMod(controller, event) || event.altKey) return false;
+  const direction = at ? -1 : 1;
+  const { selection } = controller.editor.state;
+  const head = event.shiftKey && selection?.kind === "text" && neighbourHead(controller, null, direction);
+  return head ? moveHead(controller, selection, head) : moveToNeighbour(controller, null, direction);
+}
 function tab(controller, event) {
   const { selection } = controller.editor.state;
   if (selection === null || selection.kind === "blocks") return false;
@@ -2202,15 +2216,14 @@ function holdHistoryKeys(controller, event) {
   return Object.hasOwn(ARROWS, event.key) && (event.metaKey || event.ctrlKey || event.altKey);
 }
 function flip(controller, event) {
-  const mod = controller.isMac ? event.metaKey && !event.ctrlKey : event.ctrlKey && !event.metaKey;
-  if (event.key !== "Enter" || !mod || event.shiftKey || event.altKey) return false;
+  if (event.key !== "Enter" || !isMod(controller, event) || event.shiftKey || event.altKey) return false;
   flipSelectedBlock(controller);
   return true;
 }
 function handle(controller, event) {
   if (arrow(controller, event)) return true;
   if (event.key === "Tab" && !event.ctrlKey && !event.metaKey && !event.altKey) return tab(controller, event);
-  return runKeymap(controller, event) || flip(controller, event) || typeOverNode(controller, event) || holdHistoryKeys(controller, event);
+  return runKeymap(controller, event) || flip(controller, event) || documentEdge(controller, event) || typeOverNode(controller, event) || holdHistoryKeys(controller, event);
 }
 function handleReaderKeydown(controller, event) {
   if (flip(controller, event)) event.preventDefault();
@@ -2224,9 +2237,21 @@ function handleKeydown(controller, event) {
 
 // src/view/input/attach-input.ts
 function attachInput(controller, root) {
-  const composition = createCompositionHandlers(controller);
-  const sinkComposition = createSinkComposition(controller);
   const fallback = createDomInputFallback(controller);
+  const afterComposition = () => {
+    const { editor } = controller;
+    let { selection } = editor.state;
+    const stop = editor.subscribe((_, tr) => {
+      if (tr && selection) selection = chunkLROGC3SI_cjs.mapSelection(selection, (pos, assoc) => tr.mapPos(pos, assoc));
+    });
+    fallback.flush();
+    stop();
+    if (selection && editor.state.selection !== selection) {
+      controller.dispatch(editor.createTransaction().setSelection(selection));
+    }
+  };
+  const composition = createCompositionHandlers(controller, afterComposition);
+  const sinkComposition = createSinkComposition(controller, afterComposition);
   const observed = /* @__PURE__ */ new Map();
   const inHost = (event) => controller.registry.locate(event.target) !== null;
   const inSink = (event) => controller.sink !== null && event.target === controller.sink;
@@ -2374,7 +2399,7 @@ function bindRoot(controller, root, cross, committed) {
 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));
-  return selection === null || chunkM5FREXRQ_cjs.sameSelection(selection, model) ? null : selection;
+  return selection === null || chunkLROGC3SI_cjs.sameSelection(selection, model) ? null : selection;
 }
 function writeModelSelection(controller, doc, moved, local) {
   const domSelection = doc?.getSelection();
@@ -2432,7 +2457,7 @@ var ViewController = class {
     });
     this.#flush = options.flush ?? runNow;
     this.onFiles = options.onFiles;
-    this.isMac = options.isMac ?? chunkM5FREXRQ_cjs.detectMac();
+    this.isMac = options.isMac ?? chunkLROGC3SI_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);
@@ -2585,7 +2610,7 @@ var ViewController = class {
   focus(target) {
     const { editor } = this;
     const selection = focusTarget(editor.state, target);
-    if (selection !== null && !chunkM5FREXRQ_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
+    if (selection !== null && !chunkLROGC3SI_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
     this.#takeFocus();
     this.syncSelectionToDom();
   }
@@ -2633,7 +2658,7 @@ function useQuoinEditor(options) {
   const { blocks, readOnly = false } = options;
   const callbacks = react.useRef(options);
   const [controller] = react.useState(() => {
-    const editor = chunkM5FREXRQ_cjs.createEditor({
+    const editor = chunkLROGC3SI_cjs.createEditor({
       blocks,
       extensions: options.extensions,
       onChange: (next) => callbacks.current.onChange(next),
@@ -2696,11 +2721,11 @@ function SelectionSink({ label = "Selected content", blockLabel }) {
     }
   );
 }
-var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${chunk6H76FAI3_cjs.headingLevel(attrs.level)}` : void 0;
+var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${chunkWZA5S5EJ_cjs.headingLevel(attrs.level)}` : void 0;
 var BlockPlaceholderContext = react.createContext(headingPlaceholder);
 function regionPlaceholder(state, blockId, region, placeholderOf) {
-  const block = chunk6H76FAI3_cjs.blockById(state.doc, blockId);
-  return block !== void 0 && chunkM5FREXRQ_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
+  const block = chunkWZA5S5EJ_cjs.blockById(state.doc, blockId);
+  return block !== void 0 && chunkLROGC3SI_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
 }
 var samePainted = (a, b) => a.inline === b.inline && a.placeholder === b.placeholder && sameDecorations(a.decorations, b.decorations);
 function EditableRegion({ block, region, label, id, placeholder, className }) {
@@ -2711,7 +2736,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 || chunk6H76FAI3_cjs.inlineLength(inline2) === 0;
+      const empty = inline2 === void 0 || chunkWZA5S5EJ_cjs.inlineLength(inline2) === 0;
       return {
         inline: inline2,
         decorations: controller.decorationsFor(block, region),
@@ -2756,7 +2781,7 @@ var CalloutBlock = ({ block }) => {
 // src/view/react/block-command.ts
 function onBlock(id, command) {
   return (state, dispatch) => {
-    const { ok, tr } = chunkM5FREXRQ_cjs.runCommands(state, [chunkM5FREXRQ_cjs.setSelection(chunkM5FREXRQ_cjs.blockRangeSelection(id)), command]);
+    const { ok, tr } = chunkLROGC3SI_cjs.runCommands(state, [chunkLROGC3SI_cjs.setSelection(chunkLROGC3SI_cjs.blockRangeSelection(id)), command]);
     if (!ok || tr === null) return false;
     dispatch?.(tr.setSelection(state.selection));
     return true;
@@ -2776,7 +2801,7 @@ function TaskCheckbox({ block, controller, label, labelledBy }) {
       role: "checkbox",
       "aria-checked": checked,
       "aria-readonly": readOnly ? "true" : void 0,
-      "aria-label": chunk6H76FAI3_cjs.firstNamed(label, "Task"),
+      "aria-label": chunkWZA5S5EJ_cjs.firstNamed(label, "Task"),
       "aria-labelledby": labelledBy,
       className: "quoin-task-box",
       contentEditable: false,
@@ -2807,7 +2832,7 @@ function numberDoc(doc) {
       numbers[index] = run2.next++;
       return;
     }
-    const start = chunk6H76FAI3_cjs.orderedStart(block.attrs.start);
+    const start = chunkWZA5S5EJ_cjs.orderedStart(block.attrs.start);
     numbers[index] = start;
     runs.push({ indent: block.indent, next: start + 1 });
   });
@@ -2845,7 +2870,7 @@ var MarkdownBlock = (props) => {
   const { block } = props;
   switch (block.attrs.kind) {
     case "heading": {
-      const level = chunk6H76FAI3_cjs.headingLevel(block.attrs.level);
+      const level = chunkWZA5S5EJ_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 "bullet":
@@ -2959,7 +2984,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) || chunkM5FREXRQ_cjs.isTextFlow(schema, doc.blocks[index])) return false;
+  if (!isCrossSelection(selection) || chunkLROGC3SI_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) {
@@ -3001,11 +3026,11 @@ var BlockShell = react.memo(function BlockShell2({ block, renderers }) {
       "data-quoin-block": "",
       "data-block-id": block.id,
       "data-type": block.type,
-      "data-kind": chunk6H76FAI3_cjs.optionalString(kind),
+      "data-kind": chunkWZA5S5EJ_cjs.optionalString(kind),
       "data-indent": block.indent,
-      "data-color": chunk6H76FAI3_cjs.paletteOrUndefined(color),
-      "data-bg": chunk6H76FAI3_cjs.paletteOrUndefined(background),
-      "data-align": chunk6H76FAI3_cjs.alignOrUndefined(align),
+      "data-color": chunkWZA5S5EJ_cjs.paletteOrUndefined(color),
+      "data-bg": chunkWZA5S5EJ_cjs.paletteOrUndefined(background),
+      "data-align": chunkWZA5S5EJ_cjs.alignOrUndefined(align),
       style: { "--quoin-indent": block.indent },
       tabIndex: -1,
       "data-selected": status === "selected" ? "true" : void 0,
@@ -3202,5 +3227,5 @@ exports.useToggleOpen = useToggleOpen;
 exports.useViewController = useViewController;
 exports.visibleBlockIndexes = visibleBlockIndexes;
 exports.wholeState = wholeState;
-//# sourceMappingURL=chunk-VSUGJZ7G.cjs.map
-//# sourceMappingURL=chunk-VSUGJZ7G.cjs.map
+//# sourceMappingURL=chunk-4SRXM2VS.cjs.map
+//# sourceMappingURL=chunk-4SRXM2VS.cjs.map