quoin-editor 1.0.2 → 1.1.1

package/dist/{chunk-P6KYXFZC.cjs → chunk-IGZRZIAF.cjs}

@@ -1,79 +1,19 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class;
+'use strict';
 
+var chunkVFSVN5IQ_cjs = require('./chunk-VFSVN5IQ.cjs');
+var chunkAIS37SL2_cjs = require('./chunk-AIS37SL2.cjs');
+var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkZKVOS57Qcjs = require('./chunk-ZKVOS57Q.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunk4SLJNZSMcjs = require('./chunk-4SLJNZSM.cjs');
-
-// src/view/react/use-editor-state.ts
-var _react = require('react');
 var wholeState = (state) => state;
 function useEditorState(controller, selector, isEqual = Object.is) {
-  const last = _react.useRef.call(void 0, null);
-  const subscribe = _react.useCallback.call(void 0, 
+  const last = react.useRef(null);
+  const subscribe = react.useCallback(
     (notify) => controller.editor.subscribe(() => notify()),
     [controller]
   );
-  const getSnapshot = _react.useCallback.call(void 0, () => {
+  const getSnapshot = react.useCallback(() => {
     const { state } = controller.editor;
     const previous = last.current;
     if (previous !== null && previous.state === state && previous.selector === selector) return previous.value;
@@ -82,19 +22,19 @@ function useEditorState(controller, selector, isEqual = Object.is) {
     last.current = { state, selector, value };
     return value;
   }, [controller, selector, isEqual]);
-  return _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getSnapshot);
+  return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 
 // src/view/selection/selection-decorations.ts
 var SELECTED = { class: "quoin-selected" };
 function isCrossSelection(selection) {
-  if (_optionalChain([selection, 'optionalAccess', _2 => _2.kind]) !== "text") return false;
+  if (selection?.kind !== "text") return false;
   const { anchor, head } = selection;
   return anchor.block !== head.block || anchor.region !== head.region;
 }
 function selectionDecorations(state, mode) {
   if (mode !== "decorations" || !isCrossSelection(state.selection)) return [];
-  return _chunkZKVOS57Qcjs.markRanges.call(void 0, state).map(({ block, region, from, to }) => ({
+  return chunkVFSVN5IQ_cjs.markRanges(state).map(({ block, region, from, to }) => ({
     kind: "inline",
     block,
     region,
@@ -105,9 +45,9 @@ function selectionDecorations(state, mode) {
 }
 
 // src/view/dom/attributes.ts
-var sortedEntries = (attrs) => _chunk4SLJNZSMcjs.dataAttributes.call(void 0, attrs, "");
+var sortedEntries = (attrs) => chunkAIS37SL2_cjs.dataAttributes(attrs, "");
 function setAttributes(element, attrs, prefix = "") {
-  for (const [name, value] of _chunk4SLJNZSMcjs.writtenAttrs.call(void 0, _chunk4SLJNZSMcjs.dataAttributes.call(void 0, attrs, prefix))) element.setAttribute(name, value);
+  for (const [name, value] of chunkAIS37SL2_cjs.writtenAttrs(chunkAIS37SL2_cjs.dataAttributes(attrs, prefix))) element.setAttribute(name, value);
 }
 
 // src/view/dom/segments.ts
@@ -122,9 +62,9 @@ function decorationRanges(decorations, length) {
   return ranges;
 }
 function toSegments(inline, decorations) {
-  const length = _chunk4SLJNZSMcjs.inlineLength.call(void 0, inline);
+  const length = chunkAIS37SL2_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 || (_nullishCoalesce(a.decoration.side, () => ( 1))) - (_nullishCoalesce(b.decoration.side, () => ( 1))));
+  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)];
   const cuts = [...new Set(edges)].filter((point) => point > 0 && point < length).sort((a, b) => a - b);
   const covering = (from, to) => ranges.filter((range) => range.from <= from && range.to >= to).map((range) => range.attrs);
@@ -138,7 +78,7 @@ function toSegments(inline, decorations) {
   };
   let start = 0;
   for (const node of inline) {
-    const end = start + _chunk4SLJNZSMcjs.nodeLength.call(void 0, node);
+    const end = start + chunkAIS37SL2_cjs.nodeLength(node);
     if (node.kind === "atom") {
       placeWidgets(start);
       segments.push({ kind: "atom", node, decorations: covering(start, end), from: start });
@@ -181,6 +121,11 @@ function segmentSignature(segment) {
   }
 }
 
+// src/view/dom/decoration-attrs.ts
+function withoutEventHandlers(attrs) {
+  return Object.fromEntries(Object.entries(attrs).filter(([name]) => !/^on/i.test(name)));
+}
+
 // src/view/dom/mark-elements.ts
 function create(doc, tag, attributes) {
   const element = doc.createElement(tag);
@@ -188,7 +133,7 @@ function create(doc, tag, attributes) {
   return element;
 }
 function linkElement({ href = "", title } = {}, doc) {
-  const safe = _chunk4SLJNZSMcjs.sanitizeHref.call(void 0, href);
+  const safe = chunkAIS37SL2_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;
@@ -196,8 +141,8 @@ function linkElement({ href = "", title } = {}, doc) {
 }
 function markElement2(mark2, doc) {
   if (mark2.type === "link") return linkElement(mark2.attrs, doc);
-  const { tag, attrs } = _chunk4SLJNZSMcjs.markElement.call(void 0, mark2);
-  return create(doc, tag, _chunk4SLJNZSMcjs.writtenAttrs.call(void 0, attrs));
+  const { tag, attrs } = chunkAIS37SL2_cjs.markElement(mark2);
+  return create(doc, tag, chunkAIS37SL2_cjs.writtenAttrs(attrs));
 }
 
 // src/view/dom/wrappers.ts
@@ -205,7 +150,7 @@ var created = /* @__PURE__ */ new WeakSet();
 function decorationElement(attrs, doc) {
   const element = doc.createElement("span");
   element.setAttribute("data-quoin-deco", "");
-  setAttributes(element, attrs);
+  setAttributes(element, withoutEventHandlers(attrs));
   return element;
 }
 function wrapperDepth(marks, decorations) {
@@ -239,8 +184,8 @@ function wrapperEntries(wrappers, from, to) {
 
 // src/view/dom/atom-specs.ts
 function defaultAtomText(node) {
-  if (node.type === "mention") return `@${_nullishCoalesce(node.attrs.label, () => ( ""))}`;
-  return node.type === "math" ? _nullishCoalesce(node.attrs.latex, () => ( "")) : node.type;
+  if (node.type === "mention") return `@${node.attrs.label ?? ""}`;
+  return node.type === "math" ? node.attrs.latex ?? "" : node.type;
 }
 function mark(element, attribute, name) {
   element.setAttribute("contenteditable", "false");
@@ -265,10 +210,10 @@ function atomSpec(segment, options, doc) {
     sig: segmentSignature(segment),
     create() {
       const render = own(options.atoms, node.type);
-      const content = render ? mark(render(node, doc), "data-quoin-atom", node.type) : defaultAtom(node, doc, _nullishCoalesce(options.atomText, () => ( defaultAtomText)));
+      const content = render ? mark(render(node, doc), "data-quoin-atom", node.type) : defaultAtom(node, doc, options.atomText ?? defaultAtomText);
       const wrappers = createWrappers(node.marks, decorations, doc);
-      _optionalChain([wrappers, 'access', _3 => _3[wrappers.length - 1], 'optionalAccess', _4 => _4.appendChild, 'call', _5 => _5(content)]);
-      return _nullishCoalesce(wrappers[0], () => ( content));
+      wrappers[wrappers.length - 1]?.appendChild(content);
+      return wrappers[0] ?? content;
     },
     refresh(top) {
       const chain = unwrap(top, depth);
@@ -285,7 +230,7 @@ function widgetSpec(segment, options, doc) {
   return {
     sig: segmentSignature(segment),
     create() {
-      const render = _nullishCoalesce(own(options.widgets, decoration.widget), () => ( defaultWidget));
+      const render = own(options.widgets, decoration.widget) ?? defaultWidget;
       return mark(render(decoration, doc), "data-quoin-widget", decoration.widget);
     },
     describe: (node, out) => void out.push({ node, from, to: from, kind: "widget" })
@@ -294,7 +239,7 @@ function widgetSpec(segment, options, doc) {
 
 // src/view/dom/dom-map.ts
 var TEXT_NODE = 3;
-var textLength = (node) => (_nullishCoalesce(node.textContent, () => ( ""))).length;
+var textLength = (node) => (node.textContent ?? "").length;
 var indexIn = (node) => Array.prototype.indexOf.call(node.parentNode.childNodes, node);
 var pointAt = (entry, shift) => ({
   node: entry.node.parentNode,
@@ -326,13 +271,13 @@ function createDomMap(host, length, entries) {
     const at = Math.min(Math.max(offset, 0), length);
     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 ? _nullishCoalesce(after, () => ( before)) : _nullishCoalesce(before, () => ( after));
+    const text = assoc === 1 ? after ?? before : before ?? after;
     if (text) return { node: text.node, offset: at - text.from };
     const next = stops.find((entry) => entry.from >= at);
     const previous = breaksAndAtoms.filter((entry) => entry.to <= at).pop();
     const beforeNext = next && pointAt(next, 0);
     const afterPrevious = previous && pointAt(previous, 1);
-    return _nullishCoalesce((assoc === 1 ? _nullishCoalesce(beforeNext, () => ( afterPrevious)) : _nullishCoalesce(afterPrevious, () => ( beforeNext))), () => ( { node: host, offset: 0 }));
+    return (assoc === 1 ? beforeNext ?? afterPrevious : afterPrevious ?? beforeNext) ?? { node: host, offset: 0 };
   }
   function atChild(parent, offset, end) {
     const children = parent.childNodes;
@@ -345,7 +290,7 @@ function createDomMap(host, length, entries) {
   function enclosingAtom(node) {
     for (let current = node; current && current !== host; current = current.parentNode) {
       const entry = byNode.get(current);
-      if (_optionalChain([entry, 'optionalAccess', _6 => _6.kind]) === "atom" || _optionalChain([entry, 'optionalAccess', _7 => _7.kind]) === "widget") return entry;
+      if (entry?.kind === "atom" || entry?.kind === "widget") return entry;
     }
     return void 0;
   }
@@ -353,7 +298,7 @@ function createDomMap(host, length, entries) {
     if (!host.contains(node)) return null;
     if (node === host) return atChild(host, offset, length);
     const atom = enclosingAtom(node);
-    if (_optionalChain([atom, 'optionalAccess', _8 => _8.kind]) === "widget") return atom.from;
+    if (atom?.kind === "widget") return atom.from;
     if (atom) {
       const inside = textBefore(atom.node, node, offset);
       return inside > 0 && inside * 2 >= textLength(atom.node) ? atom.to : atom.from;
@@ -370,7 +315,7 @@ function createDomMap(host, length, entries) {
 // src/view/dom/reconcile.ts
 var signatures = /* @__PURE__ */ new WeakMap();
 function keeps(node, spec) {
-  return signatures.get(node) === spec.sig && (_nullishCoalesce(_optionalChain([spec, 'access', _9 => _9.refresh, 'optionalCall', _10 => _10(node)]), () => ( true)));
+  return signatures.get(node) === spec.sig && (spec.refresh?.(node) ?? true);
 }
 function reconcileChildren(parent, specs) {
   const old = Array.from(parent.childNodes);
@@ -382,7 +327,7 @@ function reconcileChildren(parent, specs) {
     oldEnd--;
     newEnd--;
   }
-  const anchor = _nullishCoalesce(old[oldEnd], () => ( null));
+  const anchor = old[oldEnd] ?? null;
   for (let i = head; i < oldEnd; i++) parent.removeChild(old[i]);
   for (let i = head; i < newEnd; i++) {
     const node = specs[i].create();
@@ -394,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 = _chunkZKVOS57Qcjs.commonPrefix.call(void 0, before, after);
-  const suffix = _chunkZKVOS57Qcjs.commonSuffix.call(void 0, before, after);
+  const prefix = chunkVFSVN5IQ_cjs.commonPrefix(before, after);
+  const suffix = chunkVFSVN5IQ_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;
@@ -500,12 +445,12 @@ function specsFor(segment, options, doc) {
   }
 }
 function needsFiller(inline) {
-  const content = _chunk4SLJNZSMcjs.inlineText.call(void 0, inline);
+  const content = chunkAIS37SL2_cjs.inlineText(inline);
   return content === "" || content.endsWith("\n");
 }
 function renderInline(host, inline, decorations, options = {}) {
   const doc = host.ownerDocument;
-  const length = _chunk4SLJNZSMcjs.inlineLength.call(void 0, inline);
+  const length = chunkAIS37SL2_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);
@@ -542,7 +487,7 @@ function createHostRegistry(onRegister) {
     const key = hostKey(entry.block, entry.region);
     if (byKey.get(key) === entry) byKey.delete(key);
     if (byElement.get(entry.element) === entry) byElement.delete(entry.element);
-    _optionalChain([releases, 'access', _11 => _11.get, 'call', _12 => _12(entry), 'optionalCall', _13 => _13()]);
+    releases.get(entry)?.();
     releases.delete(entry);
   }
   return {
@@ -555,7 +500,7 @@ function createHostRegistry(onRegister) {
       if (onRegister) releases.set(entry, onRegister(element));
       return () => forget(entry);
     },
-    get: (block, region) => _optionalChain([byKey, 'access', _14 => _14.get, 'call', _15 => _15(hostKey(block, region)), 'optionalAccess', _16 => _16.element]),
+    get: (block, region) => byKey.get(hostKey(block, region))?.element,
     locate(node) {
       for (let current = node; current; current = current.parentNode) {
         const entry = byElement.get(current);
@@ -570,23 +515,23 @@ function createHostRegistry(onRegister) {
 // src/view/controller/dom-selection.ts
 function domToPos(registry, node, offset) {
   const host = registry.locate(node);
-  const mapped = host && _optionalChain([domMapOf, 'call', _17 => _17(host.element), 'optionalAccess', _18 => _18.fromDom, 'call', _19 => _19(node, offset)]);
+  const mapped = host && domMapOf(host.element)?.fromDom(node, offset);
   return host && typeof mapped === "number" ? { block: host.block, region: host.region, offset: mapped } : null;
 }
 function posToDom(registry, pos, assoc) {
   const host = registry.get(pos.block, pos.region);
-  return _nullishCoalesce((host && _optionalChain([domMapOf, 'call', _20 => _20(host), 'optionalAccess', _21 => _21.toDom, 'call', _22 => _22(pos.offset, assoc)])), () => ( null));
+  return (host && domMapOf(host)?.toDom(pos.offset, assoc)) ?? null;
 }
 function readSelection(registry, domSelection, blockAt2 = () => void 0) {
-  const anchorNode = _optionalChain([domSelection, 'optionalAccess', _23 => _23.anchorNode]);
-  const focusNode = _optionalChain([domSelection, 'optionalAccess', _24 => _24.focusNode]);
+  const anchorNode = domSelection?.anchorNode;
+  const focusNode = domSelection?.focusNode;
   if (!domSelection || !anchorNode || !focusNode) return null;
   const anchor = domToPos(registry, anchorNode, domSelection.anchorOffset);
   const head = domToPos(registry, focusNode, domSelection.focusOffset);
-  if (anchor && head) return _chunkZKVOS57Qcjs.textSelection.call(void 0, anchor, head);
+  if (anchor && head) return chunkVFSVN5IQ_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) ? _chunkZKVOS57Qcjs.nodeSelection.call(void 0, block) : null;
+  return block !== void 0 && block === blockAt2(focusNode) ? chunkVFSVN5IQ_cjs.nodeSelection(block) : null;
 }
 function selectBlock(domSelection, element) {
   if (!element) return false;
@@ -603,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 (_chunkZKVOS57Qcjs.sameSelection.call(void 0, readSelection(registry, domSelection), selection)) return true;
+  if (chunkVFSVN5IQ_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;
@@ -622,12 +567,12 @@ function listen(target, handlers, options) {
 
 // src/view/navigation/node-entry.ts
 var NODE_ENTRY = "data-quoin-node-entry";
-var entersAsNode = (controller, block) => _optionalChain([controller, 'access', _25 => _25.blockElement, 'call', _26 => _26(block), 'optionalAccess', _27 => _27.querySelector, 'call', _28 => _28(`[${NODE_ENTRY}]`)]) != null;
+var entersAsNode = (controller, block) => controller.blockElement(block)?.querySelector(`[${NODE_ENTRY}]`) != null;
 
 // src/view/controller/reader-toggles.ts
 var NO_CHOICES = /* @__PURE__ */ new Map();
 var stores = /* @__PURE__ */ new WeakMap();
-var shownOpen = (block, choices) => _nullishCoalesce(choices.get(block.id), () => ( block.attrs.open === true));
+var shownOpen = (block, choices) => choices.get(block.id) ?? block.attrs.open === true;
 function createReaderToggles(controller) {
   let choices = NO_CHOICES;
   const listeners = /* @__PURE__ */ new Set();
@@ -665,17 +610,17 @@ var known = /* @__PURE__ */ new WeakMap();
 function hidersOf(doc) {
   let hiders = known.get(doc);
   if (hiders === void 0) {
-    const first = doc.blocks.findIndex(_chunkZKVOS57Qcjs.isClosedToggle);
-    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : _chunkZKVOS57Qcjs.hidingToggle.call(void 0, doc, index + 1));
+    const first = doc.blocks.findIndex(chunkVFSVN5IQ_cjs.isClosedToggle);
+    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkVFSVN5IQ_cjs.hidingToggle(doc, index + 1));
     known.set(doc, hiders);
   }
   return hiders;
 }
-var hidingToggleAt = (doc, index) => _nullishCoalesce(hidersOf(doc)[index], () => ( null));
+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 _chunkZKVOS57Qcjs.hidingToggle.call(void 0, doc, index + 1, closed) !== null;
+  return chunkVFSVN5IQ_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) {
@@ -700,20 +645,25 @@ function neighbourBlock(doc, from, direction, accept = anyBlock) {
 }
 function entryEdge(controller, block, direction) {
   const { doc, schema } = controller.editor.state;
-  const edge = direction < 0 ? _chunkZKVOS57Qcjs.endOf.call(void 0, doc, schema, block) : _chunkZKVOS57Qcjs.startOf.call(void 0, doc, schema, block);
+  const edge = direction < 0 ? chunkVFSVN5IQ_cjs.endOf(doc, schema, block) : chunkVFSVN5IQ_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 : _chunkZKVOS57Qcjs.nodeSelection.call(void 0, block);
+  return drawn && !entersAsNode(controller, block) ? edge : chunkVFSVN5IQ_cjs.nodeSelection(block);
 }
-var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? _chunkZKVOS57Qcjs.nodeSelection.call(void 0, block) : null;
-var holdsTextHead = (controller) => (block) => _chunkZKVOS57Qcjs.isTextFlow.call(void 0, controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
+var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkVFSVN5IQ_cjs.nodeSelection(block) : null;
+var canBeEntered = (controller) => (block) => {
+  const { schema } = controller.editor.state;
+  const region = chunkVFSVN5IQ_cjs.isTextFlow(schema, block) ? chunkVFSVN5IQ_cjs.primaryRegion(schema, block) : null;
+  return region === null || controller.registry.get(block.id, region) !== void 0 || entersAsNode(controller, block.id);
+};
+var holdsTextHead = (controller) => (block) => chunkVFSVN5IQ_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);
-  return _optionalChain([edge, 'optionalAccess', _29 => _29.kind]) === "text" ? edge.head : null;
+  return edge?.kind === "text" ? edge.head : null;
 }
 function moveToNeighbour(controller, from, direction) {
-  const target = neighbourBlock(controller.editor.state.doc, from, direction);
+  const target = neighbourBlock(controller.editor.state.doc, from, direction, canBeEntered(controller));
   if (target === null) return false;
   dispatchSelection(controller, entryEdge(controller, target.id, direction));
   return true;
@@ -748,7 +698,7 @@ function createAutoScroll(element, onScroll, edge = EDGE) {
   function tick() {
     frame = null;
     if (delta === 0) return;
-    (_nullishCoalesce(container, () => ( win))).scrollBy(0, delta);
+    (container ?? win).scrollBy(0, delta);
     onScroll();
     frame = win.requestAnimationFrame(tick);
   }
@@ -792,10 +742,10 @@ function nearest(items, element, x, y) {
   }
   return best;
 }
-var elementAt = (controller, x, y) => _nullishCoalesce(_optionalChain([controller, 'access', _30 => _30.root, 'optionalAccess', _31 => _31.ownerDocument, 'access', _32 => _32.elementFromPoint, 'call', _33 => _33(x, y)]), () => ( null));
+var elementAt = (controller, x, y) => controller.root?.ownerDocument.elementFromPoint(x, y) ?? null;
 function hostAt(controller, x, y) {
   const { registry } = controller;
-  return _nullishCoalesce(registry.locate(elementAt(controller, x, y)), () => ( nearest(registry.all(), (entry) => entry.element, x, y)));
+  return registry.locate(elementAt(controller, x, y)) ?? nearest(registry.all(), (entry) => entry.element, x, y);
 }
 function blockAt(controller, x, y) {
   const element = elementAt(controller, x, y);
@@ -806,16 +756,16 @@ function blockAt(controller, x, y) {
     const shell = controller.blockElement(doc.blocks[index].id);
     return shell ? [{ id: doc.blocks[index].id, shell }] : [];
   });
-  return _nullishCoalesce(_optionalChain([nearest, 'call', _34 => _34(drawn, (entry) => entry.shell, x, y), 'optionalAccess', _35 => _35.id]), () => ( null));
+  return nearest(drawn, (entry) => entry.shell, x, y)?.id ?? null;
 }
 function caretPosAt(controller, host, x, y) {
   const { element, block, region } = host;
   const at = (offset) => ({ block, region, offset });
-  const end = _nullishCoalesce(_optionalChain([domMapOf, 'call', _36 => _36(element), 'optionalAccess', _37 => _37.length]), () => ( 0));
+  const end = domMapOf(element)?.length ?? 0;
   const box = element.getBoundingClientRect();
   if (y < box.top) return at(0);
   if (y >= box.bottom) return at(end);
-  return _nullishCoalesce(caretInHost(controller.registry, element, box, host, x, y), () => ( at(x < box.left ? 0 : end)));
+  return caretInHost(controller.registry, element, box, host, x, y) ?? at(x < box.left ? 0 : end);
 }
 
 // src/view/selection/native-interaction.ts
@@ -828,10 +778,10 @@ var CONTROLS = `button, a, input, select, textarea, [${NATIVE_INTERACTION}]`;
 var sameHost = (pos, host) => pos.block === host.block && pos.region === host.region;
 function anchorAtCrossing(controller) {
   const native = controller.domSelection();
-  const anchor = _optionalChain([native, 'optionalAccess', _38 => _38.anchorNode]) && domToPos(controller.registry, native.anchorNode, native.anchorOffset);
+  const anchor = native?.anchorNode && domToPos(controller.registry, native.anchorNode, native.anchorOffset);
   if (anchor) return anchor;
   const { selection } = controller.editor.state;
-  return _optionalChain([selection, 'optionalAccess', _39 => _39.kind]) === "text" ? selection.anchor : null;
+  return selection?.kind === "text" ? selection.anchor : null;
 }
 function createCrossBlockPointer(controller) {
   return {
@@ -845,7 +795,7 @@ function createCrossBlockPointer(controller) {
       let preventMouseDown = false;
       const scroll = createAutoScroll(root, () => follow(last.x, last.y));
       function select(selection) {
-        if (_chunkZKVOS57Qcjs.sameSelection.call(void 0, selection, controller.editor.state.selection)) return;
+        if (chunkVFSVN5IQ_cjs.sameSelection(selection, controller.editor.state.selection)) return;
         dispatchSelection(controller, selection);
       }
       function startDragging() {
@@ -861,18 +811,18 @@ function createCrossBlockPointer(controller) {
           if (current.anchor === null) return;
           startDragging();
         }
-        select(_chunkZKVOS57Qcjs.textSelection.call(void 0, current.anchor, caretPosAt(controller, target, x, y)));
+        select(chunkVFSVN5IQ_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(_chunkZKVOS57Qcjs.blockRangeSelection.call(void 0, current.start, block));
+        select(chunkVFSVN5IQ_cjs.blockRangeSelection(current.start, block));
       }
       function follow(x, y) {
-        if (_optionalChain([press, 'optionalAccess', _40 => _40.kind]) === "text") followText(press, x, y);
-        else if (_optionalChain([press, 'optionalAccess', _41 => _41.kind]) === "blocks") followBlocks(press, x, y);
+        if (press?.kind === "text") followText(press, x, y);
+        else if (press?.kind === "blocks") followBlocks(press, x, y);
       }
       function release() {
         unfollow();
@@ -894,13 +844,20 @@ function createCrossBlockPointer(controller) {
       }
       function extendFrom(host, x, y) {
         const { selection } = controller.editor.state;
-        if (_optionalChain([selection, 'optionalAccess', _42 => _42.kind]) !== "text") return;
+        if (selection?.kind !== "text") return;
         if (sameHost(selection.anchor, host) && !isCrossSelection(selection)) return;
         press = { kind: "text", host, anchor: selection.anchor };
         preventMouseDown = true;
         startDragging();
         follow(x, y);
       }
+      function pressWhole(block) {
+        if (entryEdge(controller, block, 1).kind !== "node") return;
+        const pressed = chunkAIS37SL2_cjs.blockById(controller.editor.state.doc, block);
+        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkVFSVN5IQ_cjs.blockRangeSelection(block));
+        controller.nodeReveal.pressed(block);
+        select(chunkVFSVN5IQ_cjs.nodeSelection(block));
+      }
       function onPointerDown(event) {
         end();
         preventMouseDown = false;
@@ -914,10 +871,7 @@ function createCrossBlockPointer(controller) {
           if (event.shiftKey) extendFrom(host, event.clientX, event.clientY);
         } else if (block !== void 0 && !(control && root.contains(control))) {
           press = { kind: "blocks", start: block, x: event.clientX, y: event.clientY };
-          if (!event.shiftKey && entryEdge(controller, block, 1).kind === "node") {
-            controller.nodeReveal.pressed(block);
-            select(_chunkZKVOS57Qcjs.nodeSelection.call(void 0, block));
-          }
+          if (!event.shiftKey) pressWhole(block);
         } else {
           return;
         }
@@ -944,7 +898,7 @@ function createCrossBlockPointer(controller) {
 // src/view/selection/paint-selection.ts
 var NAME = "quoin-selection";
 function coveredRanges(controller) {
-  return _chunkZKVOS57Qcjs.markRanges.call(void 0, controller.editor.state).flatMap(({ block, region, from, to }) => {
+  return chunkVFSVN5IQ_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 [];
@@ -988,7 +942,7 @@ function decorationPainter() {
 }
 function createPainter(win) {
   const { CSS: css, Highlight } = win;
-  return _optionalChain([css, 'optionalAccess', _43 => _43.highlights]) && Highlight ? highlightPainter(css.highlights, Highlight) : decorationPainter();
+  return css?.highlights && Highlight ? highlightPainter(css.highlights, Highlight) : decorationPainter();
 }
 
 // src/view/selection/in-place.ts
@@ -1009,13 +963,13 @@ function inPlace(element, change) {
 }
 
 // src/view/selection/selection-sink.ts
-var wholeBlocks = (selection) => _optionalChain([selection, 'optionalAccess', _44 => _44.kind]) === "blocks" || _optionalChain([selection, 'optionalAccess', _45 => _45.kind]) === "node";
+var wholeBlocks = (selection) => selection?.kind === "blocks" || selection?.kind === "node";
 function heldBySink(selection) {
   return wholeBlocks(selection) || isCrossSelection(selection);
 }
 var NO_TEXT = "\xA0";
 function selectionText(state) {
-  const text = _chunkZKVOS57Qcjs.markRanges.call(void 0, state).map((range) => _chunk4SLJNZSMcjs.inlinePlainText.call(void 0, _chunkZKVOS57Qcjs.rangeContent.call(void 0, state, range), state.schema)).join("\n");
+  const text = chunkVFSVN5IQ_cjs.markRanges(state).map((range) => chunkAIS37SL2_cjs.inlinePlainText(chunkVFSVN5IQ_cjs.rangeContent(state, range), state.schema)).join("\n");
   return text === "" ? NO_TEXT : text;
 }
 var focusInPlace = (sink) => inPlace(sink, () => sink.focus({ preventScroll: true }));
@@ -1035,11 +989,11 @@ function focusSink(controller) {
       focusing = outer;
     }
   }
-  _optionalChain([sink, 'access', _46 => _46.ownerDocument, 'access', _47 => _47.getSelection, 'call', _48 => _48(), 'optionalAccess', _49 => _49.selectAllChildren, 'call', _50 => _50(sink)]);
+  sink.ownerDocument.getSelection()?.selectAllChildren(sink);
 }
 function selectedBlockName({ doc, schema, selection }, blockLabel) {
-  const block = _optionalChain([selection, 'optionalAccess', _51 => _51.kind]) === "node" ? _chunk4SLJNZSMcjs.blockById.call(void 0, doc, selection.block) : void 0;
-  return block === void 0 ? null : _nullishCoalesce(_optionalChain([blockLabel, 'optionalCall', _52 => _52(block, schema)]), () => ( ""));
+  const block = selection?.kind === "node" ? chunkAIS37SL2_cjs.blockById(doc, selection.block) : void 0;
+  return block === void 0 ? null : blockLabel?.(block, schema) ?? "";
 }
 function clearSink(controller) {
   const { sink } = controller;
@@ -1058,11 +1012,11 @@ function createCrossMode(controller) {
     const cross = isCrossSelection(state.selection);
     synced = state;
     if (cross) {
-      _optionalChain([attached, 'optionalAccess', _53 => _53.root, 'access', _54 => _54.setAttribute, 'call', _55 => _55(CROSS, "")]);
-      _optionalChain([attached, 'optionalAccess', _56 => _56.painter, 'access', _57 => _57.paint, 'call', _58 => _58(controller)]);
+      attached?.root.setAttribute(CROSS, "");
+      attached?.painter.paint(controller);
     } else if (active) {
-      _optionalChain([attached, 'optionalAccess', _59 => _59.root, 'access', _60 => _60.removeAttribute, 'call', _61 => _61(CROSS)]);
-      _optionalChain([attached, 'optionalAccess', _62 => _62.painter, 'access', _63 => _63.clear, 'call', _64 => _64()]);
+      attached?.root.removeAttribute(CROSS);
+      attached?.painter.clear();
     }
     if (!heldBySink(state.selection)) clearSink(controller);
     active = cross;
@@ -1079,7 +1033,7 @@ function createCrossMode(controller) {
       return active;
     },
     get mode() {
-      return _nullishCoalesce(_optionalChain([attached, 'optionalAccess', _65 => _65.painter, 'access', _66 => _66.mode]), () => ( "highlight"));
+      return attached?.painter.mode ?? "highlight";
     },
     attach(root) {
       const view = root.ownerDocument.defaultView;
@@ -1103,7 +1057,7 @@ function createCrossMode(controller) {
 }
 
 // src/view/selection/node-reveal.ts
-var nodeOf = (selection) => _optionalChain([selection, 'optionalAccess', _67 => _67.kind]) === "node" ? selection.block : null;
+var nodeOf = (selection) => selection?.kind === "node" ? selection.block : null;
 function createNodeReveal(element) {
   let shown = null;
   let pressed = null;
@@ -1125,7 +1079,7 @@ function createNodeReveal(element) {
     show(selection, local) {
       const block = nodeOf(selection);
       if (block !== null && block !== pressed && (block !== shown || local && block === owed)) {
-        _optionalChain([element, 'call', _68 => _68(block), 'optionalAccess', _69 => _69.scrollIntoView, 'call', _70 => _70({ block: "nearest" })]);
+        element(block)?.scrollIntoView({ block: "nearest" });
       }
       if (local) owed = null;
       shown = block;
@@ -1143,11 +1097,11 @@ function createAnnouncer(stateOf, throttleMs = THROTTLE_MS) {
     announce(message) {
       const state = stateOf();
       const now = Date.now();
-      if (_optionalChain([spoken, 'optionalAccess', _71 => _71.message]) === message && spoken.state === state && now - spoken.at < throttleMs) return;
-      spoken = { message, state, serial: (_nullishCoalesce(_optionalChain([spoken, 'optionalAccess', _72 => _72.serial]), () => ( 0))) + 1, at: now };
+      if (spoken?.message === message && spoken.state === state && now - spoken.at < throttleMs) return;
+      spoken = { message, state, serial: (spoken?.serial ?? 0) + 1, at: now };
       for (const listener of [...listeners]) listener();
     },
-    current: () => _optionalChain([spoken, 'optionalAccess', _73 => _73.state]) === stateOf() ? spoken : null,
+    current: () => spoken?.state === stateOf() ? spoken : null,
     subscribe(listener) {
       listeners.add(listener);
       return () => void listeners.delete(listener);
@@ -1175,20 +1129,20 @@ function createElementSlot(changed) {
 
 // src/view/controller/selection-element.ts
 function elementFor({ doc }, selection, rendered) {
-  const id = _chunkZKVOS57Qcjs.headBlockId.call(void 0, selection);
+  const id = chunkVFSVN5IQ_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);
   if (hiding !== null) return rendered.block(doc.blocks[hiding].id);
-  const host = _optionalChain([selection, 'optionalAccess', _74 => _74.kind]) === "text" ? rendered.hosts.get(id, selection.head.region) : void 0;
-  return _nullishCoalesce(host, () => ( rendered.block(id)));
+  const host = selection?.kind === "text" ? rendered.hosts.get(id, selection.head.region) : void 0;
+  return host ?? rendered.block(id);
 }
 function selectionElement(state, rendered) {
   const { doc, schema, selection } = state;
-  if (doc.blocks.length === 0) return _nullishCoalesce(_optionalChain([rendered, 'access', _75 => _75.empty, 'optionalCall', _76 => _76()]), () => ( void 0));
-  const sink = heldBySink(selection) ? _optionalChain([rendered, 'access', _77 => _77.sink, 'optionalCall', _78 => _78()]) : null;
+  if (doc.blocks.length === 0) return rendered.empty?.() ?? void 0;
+  const sink = heldBySink(selection) ? rendered.sink?.() : null;
   if (sink) return sink;
-  return _nullishCoalesce(elementFor(state, selection, rendered), () => ( elementFor(state, _chunkZKVOS57Qcjs.startOf.call(void 0, doc, schema, doc.blocks[0].id), rendered)));
+  return elementFor(state, selection, rendered) ?? elementFor(state, chunkVFSVN5IQ_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
 }
 
 // src/view/controller/tab-stop.ts
@@ -1232,10 +1186,10 @@ function createDrawnElements(hosts, state) {
     },
     registerBlock: (id, element) => blocks.register(id, "", element),
     block: rendered.block,
-    blockAt: (node) => _optionalChain([blocks, 'access', _79 => _79.locate, 'call', _80 => _80(node), 'optionalAccess', _81 => _81.block]),
+    blockAt: (node) => blocks.locate(node)?.block,
     registerSink: sink.register,
     registerEmptyHost: empty.register,
-    isEditorElement: (element) => element === sink.element || element === empty.element || [hosts, blocks].some((registry) => _optionalChain([registry, 'access', _82 => _82.locate, 'call', _83 => _83(element), 'optionalAccess', _84 => _84.element]) === element),
+    isEditorElement: (element) => element === sink.element || element === empty.element || [hosts, blocks].some((registry) => registry.locate(element)?.element === element),
     focusElement,
     syncTabStop
   };
@@ -1243,7 +1197,7 @@ function createDrawnElements(hosts, state) {
 
 // src/view/controller/focus-ownership.ts
 function hasFocus(controller, doc) {
-  const active = _nullishCoalesce(_optionalChain([doc, 'optionalAccess', _85 => _85.activeElement]), () => ( null));
+  const active = doc?.activeElement ?? null;
   return active !== null && controller.isEditorElement(active);
 }
 function ownsFocus(controller, doc) {
@@ -1255,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 _chunkZKVOS57Qcjs.endOf.call(void 0, doc, schema, doc.blocks[doc.blocks.length - 1].id);
-  if (target === "start" || target === void 0 && selection === null) return _chunkZKVOS57Qcjs.startOf.call(void 0, doc, schema, doc.blocks[0].id);
-  return target === void 0 ? selection : _chunkZKVOS57Qcjs.textSelection.call(void 0, target);
+  if (target === "end") return chunkVFSVN5IQ_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
+  if (target === "start" || target === void 0 && selection === null) return chunkVFSVN5IQ_cjs.startOf(doc, schema, doc.blocks[0].id);
+  return target === void 0 ? selection : chunkVFSVN5IQ_cjs.textSelection(target);
 }
 
 // src/view/controller/host-decorations.ts
@@ -1273,7 +1227,7 @@ function decorationsByHost(decorations) {
   return byHost;
 }
 function sameDecoration(a, b) {
-  if (a.kind !== b.kind || a.block !== b.block || !_chunk4SLJNZSMcjs.sameAttrs.call(void 0, a.attrs, b.attrs)) return false;
+  if (a.kind !== b.kind || a.block !== b.block || !chunkAIS37SL2_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;
   }
@@ -1284,7 +1238,7 @@ function sameDecoration(a, b) {
   return true;
 }
 function sameDecorations(a, b) {
-  return a === b || _chunk4SLJNZSMcjs.sameItems.call(void 0, a, b, sameDecoration);
+  return a === b || chunkAIS37SL2_cjs.sameItems(a, b, sameDecoration);
 }
 var byMode = { highlight: /* @__PURE__ */ new WeakMap(), decorations: /* @__PURE__ */ new WeakMap() };
 function hostDecorations(editor, block, region, mode = "highlight") {
@@ -1295,12 +1249,12 @@ function hostDecorations(editor, block, region, mode = "highlight") {
     grouped = decorationsByHost([...editor.decorations(), ...selectionDecorations(state, mode)]);
     byState.set(state, grouped);
   }
-  return _nullishCoalesce(grouped.get(hostKey(block, region)), () => ( NO_DECORATIONS));
+  return grouped.get(hostKey(block, region)) ?? NO_DECORATIONS;
 }
 
 // src/view/controller/region-inline.ts
 function regionInline(state, block, region) {
-  const regions = _optionalChain([_chunk4SLJNZSMcjs.blockById.call(void 0, state.doc, block), 'optionalAccess', _86 => _86.regions]);
+  const regions = chunkAIS37SL2_cjs.blockById(state.doc, block)?.regions;
   return regions && Object.hasOwn(regions, region) ? regions[region] : void 0;
 }
 
@@ -1312,8 +1266,8 @@ function createHostRenderer(editor, options, decorationsOf, afterRender) {
     if (inline === void 0) return false;
     const decorations = decorationsOf(host.block, host.region);
     const last = rendered.get(host.element);
-    const restyled = _optionalChain([last, 'optionalAccess', _87 => _87.inline]) === inline && !sameDecorations(last.decorations, decorations);
-    if (!always && _optionalChain([last, 'optionalAccess', _88 => _88.inline]) === inline && !restyled) return false;
+    const restyled = last?.inline === inline && !sameDecorations(last.decorations, decorations);
+    if (!always && last?.inline === inline && !restyled) return false;
     renderInline(host.element, inline, decorations, options);
     afterRender(host.element);
     rendered.set(host.element, { inline, decorations });
@@ -1343,14 +1297,14 @@ function createOutsideChanges(editorHasFocus, movedFrom) {
     committed(tr) {
       const outside = depth === 0 && editorHasFocus();
       focused ||= outside;
-      if (_optionalChain([tr, 'optionalAccess', _89 => _89.selectionSet]) !== false) {
+      if (tr?.selectionSet !== false) {
         moved = null;
         settled ||= depth === 0;
         return;
       }
-      const from = _nullishCoalesce(moved, () => ( (outside && !settled ? movedFrom(tr.before.selection) : null)));
+      const from = moved ?? (outside && !settled ? movedFrom(tr.before.selection) : null);
       settled ||= outside;
-      moved = from && _chunkZKVOS57Qcjs.mapSelection.call(void 0, from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
+      moved = from && chunkVFSVN5IQ_cjs.mapSelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
     },
     takeFocused() {
       const value = focused;
@@ -1401,11 +1355,11 @@ function wrapSliceHTML(html, json) {
   return `<div data-quoin-slice="${encode(json)}">${html}</div>`;
 }
 function readSliceHTML(html) {
-  const encoded = _optionalChain([MARKER, 'access', _90 => _90.exec, 'call', _91 => _91(html), 'optionalAccess', _92 => _92[2]]);
+  const encoded = MARKER.exec(html)?.[2];
   if (!encoded) return null;
   try {
     return decode(encoded);
-  } catch (e) {
+  } catch {
     return null;
   }
 }
@@ -1413,7 +1367,7 @@ function readSliceHTML(html) {
 // src/view/clipboard/paste-transfer.ts
 function caretOf(controller) {
   const { selection } = controller.editor.state;
-  return _optionalChain([selection, 'optionalAccess', _93 => _93.kind]) === "text" ? selection.head : null;
+  return selection?.kind === "text" ? selection.head : null;
 }
 function transferFiles(transfer) {
   const files = Array.from(transfer.files);
@@ -1423,7 +1377,7 @@ function transferFiles(transfer) {
 function pasteTransfer(controller, transfer) {
   const files = transferFiles(transfer);
   if (files !== null) {
-    _optionalChain([controller, 'access', _94 => _94.onFiles, 'optionalCall', _95 => _95(files, caretOf(controller))]);
+    controller.onFiles?.(files, caretOf(controller));
     return;
   }
   const text = transfer.getData("text/plain");
@@ -1443,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(_chunkZKVOS57Qcjs.deleteSelection);
+  if (cut) controller.run(chunkVFSVN5IQ_cjs.deleteSelection);
 }
 function handlePaste(controller, event) {
   if (!event.clipboardData) return;
@@ -1458,9 +1412,9 @@ function dropPos(controller, x, y) {
   return host && caretPosAt(controller, host, x, y);
 }
 function textlessBlockAt(controller, x, y) {
-  const element = _optionalChain([controller, 'access', _96 => _96.root, 'optionalAccess', _97 => _97.ownerDocument, 'access', _98 => _98.elementFromPoint, 'call', _99 => _99(x, y)]);
+  const element = controller.root?.ownerDocument.elementFromPoint(x, y);
   const block = element ? controller.blockAt(element) : void 0;
-  if (block === void 0 || controller.registry.locate(_nullishCoalesce(element, () => ( null))) !== null) return null;
+  if (block === void 0 || controller.registry.locate(element ?? null) !== null) return null;
   const hasText = [...controller.registry.all()].some((host) => host.block === block);
   return hasText && !entersAsNode(controller, block) ? null : { block, region: "", offset: 0 };
 }
@@ -1471,15 +1425,15 @@ function handleDrop(controller, event) {
   const files = transferFiles(dataTransfer);
   const onBlock2 = files && textlessBlockAt(controller, event.clientX, event.clientY);
   if (files && onBlock2) {
-    _optionalChain([controller, 'access', _100 => _100.onFiles, 'optionalCall', _101 => _101(files, onBlock2)]);
+    controller.onFiles?.(files, onBlock2);
     return;
   }
   const pos = dropPos(controller, event.clientX, event.clientY);
-  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(_chunkZKVOS57Qcjs.textSelection.call(void 0, pos)).setOrigin("drop"));
+  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkVFSVN5IQ_cjs.textSelection(pos)).setOrigin("drop"));
   pasteTransfer(controller, dataTransfer);
 }
 function handleDragOver(event) {
-  const types = _nullishCoalesce(_optionalChain([event, 'access', _102 => _102.dataTransfer, 'optionalAccess', _103 => _103.types]), () => ( []));
+  const types = event.dataTransfer?.types ?? [];
   if (DROPPABLE.some((type) => types.includes(type))) event.preventDefault();
 }
 function handleDragStart(event) {
@@ -1488,9 +1442,9 @@ function handleDragStart(event) {
 
 // src/view/clipboard/attach-clipboard.ts
 function attachClipboard(controller, root, catchUp) {
-  const inEmptyHost = (target) => _optionalChain([target, 'access', _104 => _104.closest, 'optionalCall', _105 => _105("[data-quoin-empty]")]) != null;
+  const inEmptyHost = (target) => target.closest?.("[data-quoin-empty]") != null;
   const inEditor = ({ target }) => controller.registry.locate(target) !== null || controller.isEditorElement(target) || inEmptyHost(target);
-  const inField = ({ target }) => _optionalChain([target, 'optionalAccess', _106 => _106.closest, 'optionalCall', _107 => _107("input, textarea, select")]) != null;
+  const inField = ({ target }) => target?.closest?.("input, textarea, select") != null;
   const droppable = (event) => !controller.readOnly && !inField(event);
   const onCopy = (event) => {
     if (!inEditor(event)) return;
@@ -1550,7 +1504,7 @@ function textOutsideSelection(sink) {
   };
 }
 function composedText(sink, { before, after }) {
-  let text = _nullishCoalesce(sink.textContent, () => ( ""));
+  let text = sink.textContent ?? "";
   if (text.startsWith(before)) text = text.slice(before.length);
   return text.endsWith(after) ? text.slice(0, text.length - after.length) : text;
 }
@@ -1558,7 +1512,7 @@ function createSinkComposition(controller) {
   let outside = null;
   let stopWaiting = null;
   function settle() {
-    _optionalChain([stopWaiting, 'optionalCall', _108 => _108()]);
+    stopWaiting?.();
     stopWaiting = null;
     const { sink } = controller;
     const ignored = wholeBlocks(controller.editor.state.selection);
@@ -1571,7 +1525,7 @@ function createSinkComposition(controller) {
   }
   return {
     start() {
-      _optionalChain([stopWaiting, 'optionalCall', _109 => _109()]);
+      stopWaiting?.();
       stopWaiting = null;
       if (outside === null && controller.sink !== null) outside = textOutsideSelection(controller.sink);
       controller.composingKey = SINK_KEY;
@@ -1603,29 +1557,29 @@ function createSinkComposition(controller) {
 var LINE_BREAK = "\n";
 var transposeChars = (state, dispatch) => {
   const { selection } = state;
-  if (_optionalChain([selection, 'optionalAccess', _110 => _110.kind]) !== "text" || !_chunkZKVOS57Qcjs.isCollapsed.call(void 0, selection)) return false;
+  if (selection?.kind !== "text" || !chunkVFSVN5IQ_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const inline = _optionalChain([_chunk4SLJNZSMcjs.blockById.call(void 0, state.doc, head.block), 'optionalAccess', _111 => _111.regions, 'access', _112 => _112[head.region]]);
+  const inline = chunkAIS37SL2_cjs.blockById(state.doc, head.block)?.regions[head.region];
   if (inline === void 0) return false;
-  const value = _chunk4SLJNZSMcjs.inlineText.call(void 0, inline);
+  const value = chunkAIS37SL2_cjs.inlineText(inline);
   const atLineEnd = head.offset === value.length || value[head.offset] === LINE_BREAK;
-  const end = atLineEnd ? head.offset : _chunkZKVOS57Qcjs.nextGraphemeOffset.call(void 0, value, head.offset);
-  const middle = _chunkZKVOS57Qcjs.prevGraphemeOffset.call(void 0, value, end);
-  const start = _chunkZKVOS57Qcjs.prevGraphemeOffset.call(void 0, value, middle);
+  const end = atLineEnd ? head.offset : chunkVFSVN5IQ_cjs.nextGraphemeOffset(value, head.offset);
+  const middle = chunkVFSVN5IQ_cjs.prevGraphemeOffset(value, end);
+  const start = chunkVFSVN5IQ_cjs.prevGraphemeOffset(value, middle);
   if (start === middle || value.slice(start, end).includes(LINE_BREAK)) return false;
-  const swapped = [..._chunk4SLJNZSMcjs.sliceInline.call(void 0, inline, middle, end), ..._chunk4SLJNZSMcjs.sliceInline.call(void 0, inline, start, middle)];
-  const tr = new (0, _chunkZKVOS57Qcjs.Transaction)(state).setOrigin("input");
-  tr.step(_chunkZKVOS57Qcjs.replaceInlineStep.call(void 0, head.block, head.region, start, end, swapped));
-  _optionalChain([dispatch, 'optionalCall', _113 => _113(tr.setSelection(_chunkZKVOS57Qcjs.textSelection.call(void 0, { ...head, offset: end })))]);
+  const swapped = [...chunkAIS37SL2_cjs.sliceInline(inline, middle, end), ...chunkAIS37SL2_cjs.sliceInline(inline, start, middle)];
+  const tr = new chunkVFSVN5IQ_cjs.Transaction(state).setOrigin("input");
+  tr.step(chunkVFSVN5IQ_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
+  dispatch?.(tr.setSelection(chunkVFSVN5IQ_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(_chunkZKVOS57Qcjs.textSelection.call(void 0, range.from, range.to)).setOrigin("input"));
-  if (text === "") return _chunkZKVOS57Qcjs.deleteSelection.call(void 0, editor.state, (tr) => dispatch(tr.setOrigin("input")));
-  return withRules ? editor.insertText(text) : _chunkZKVOS57Qcjs.insertText.call(void 0, text, { origin: "input" })(editor.state, dispatch);
+  dispatch(editor.createTransaction().setSelection(chunkVFSVN5IQ_cjs.textSelection(range.from, range.to)).setOrigin("input"));
+  if (text === "") return chunkVFSVN5IQ_cjs.deleteSelection(editor.state, (tr) => dispatch(tr.setOrigin("input")));
+  return withRules ? editor.insertText(text) : chunkVFSVN5IQ_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
 }
 
 // src/view/input/target-range.ts
@@ -1636,13 +1590,13 @@ function targetRangeToModel(controller, event) {
   const to = domToPos(controller.registry, range.endContainer, range.endOffset);
   return from && to && { from, to };
 }
-var isEmpty = ({ from, to }) => _chunkZKVOS57Qcjs.sameSelection.call(void 0, _chunkZKVOS57Qcjs.textSelection.call(void 0, from), _chunkZKVOS57Qcjs.textSelection.call(void 0, to));
+var isEmpty = ({ from, to }) => chunkVFSVN5IQ_cjs.sameSelection(chunkVFSVN5IQ_cjs.textSelection(from), chunkVFSVN5IQ_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 = _chunkZKVOS57Qcjs.selectionRange.call(void 0, doc, selection);
-  const same = selected !== null && _chunkZKVOS57Qcjs.sameSelection.call(void 0, _chunkZKVOS57Qcjs.textSelection.call(void 0, selected.from, selected.to), _chunkZKVOS57Qcjs.textSelection.call(void 0, range.from, range.to));
+  const selected = chunkVFSVN5IQ_cjs.selectionRange(doc, selection);
+  const same = selected !== null && chunkVFSVN5IQ_cjs.sameSelection(chunkVFSVN5IQ_cjs.textSelection(selected.from, selected.to), chunkVFSVN5IQ_cjs.textSelection(range.from, range.to));
   return same ? null : range;
 }
 
@@ -1657,41 +1611,41 @@ var targetOr = (command) => (controller, event) => {
 };
 var leaveToHandlers = () => void 0;
 function insertTypedText(controller, event) {
-  const text = _nullishCoalesce(event.data, () => ( _optionalChain([event, 'access', _114 => _114.dataTransfer, 'optionalAccess', _115 => _115.getData, 'call', _116 => _116("text/plain")])));
+  const text = event.data ?? event.dataTransfer?.getData("text/plain");
   if (!text) return;
   const range = targetBeyondSelection(controller, event);
   if (range === null) controller.edit(() => controller.editor.insertText(text));
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 function deleteContentBackward(controller, event) {
-  if (!controller.run(_chunkZKVOS57Qcjs.undoInputRule)) targetOr((0, _chunkZKVOS57Qcjs.deleteBackward))(controller, event);
+  if (!controller.run(chunkVFSVN5IQ_cjs.undoInputRule)) targetOr(chunkVFSVN5IQ_cjs.deleteBackward)(controller, event);
 }
 function insertReplacementText(controller, event) {
-  const text = _optionalChain([event, 'access', _117 => _117.dataTransfer, 'optionalAccess', _118 => _118.getData, 'call', _119 => _119("text/plain")]) || event.data;
+  const text = event.dataTransfer?.getData("text/plain") || event.data;
   if (!text) return;
   const range = targetRangeToModel(controller, event);
-  if (range === null) controller.run(_chunkZKVOS57Qcjs.insertText.call(void 0, text, { origin: "input" }));
+  if (range === null) controller.run(chunkVFSVN5IQ_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(_chunkZKVOS57Qcjs.insertHardBreak),
+  insertLineBreak: run(chunkVFSVN5IQ_cjs.insertHardBreak),
   deleteContentBackward,
-  deleteContentForward: targetOr(_chunkZKVOS57Qcjs.deleteForward),
-  deleteWordBackward: targetOr(_chunkZKVOS57Qcjs.deleteWordBackward),
-  deleteWordForward: targetOr(_chunkZKVOS57Qcjs.deleteWordForward),
-  deleteSoftLineBackward: targetOr(_chunkZKVOS57Qcjs.deleteToLineStart),
-  deleteHardLineBackward: targetOr(_chunkZKVOS57Qcjs.deleteToLineStart),
-  deleteSoftLineForward: targetOr(_chunkZKVOS57Qcjs.deleteToLineEnd),
-  deleteHardLineForward: targetOr(_chunkZKVOS57Qcjs.deleteToLineEnd),
-  formatBold: run(_chunkZKVOS57Qcjs.toggleMark.call(void 0, "bold")),
-  formatItalic: run(_chunkZKVOS57Qcjs.toggleMark.call(void 0, "italic")),
-  formatUnderline: run(_chunkZKVOS57Qcjs.toggleMark.call(void 0, "underline")),
-  formatStrikeThrough: run(_chunkZKVOS57Qcjs.toggleMark.call(void 0, "strike")),
-  historyUndo: run(_chunkZKVOS57Qcjs.undo),
-  historyRedo: run(_chunkZKVOS57Qcjs.redo),
+  deleteContentForward: targetOr(chunkVFSVN5IQ_cjs.deleteForward),
+  deleteWordBackward: targetOr(chunkVFSVN5IQ_cjs.deleteWordBackward),
+  deleteWordForward: targetOr(chunkVFSVN5IQ_cjs.deleteWordForward),
+  deleteSoftLineBackward: targetOr(chunkVFSVN5IQ_cjs.deleteToLineStart),
+  deleteHardLineBackward: targetOr(chunkVFSVN5IQ_cjs.deleteToLineStart),
+  deleteSoftLineForward: targetOr(chunkVFSVN5IQ_cjs.deleteToLineEnd),
+  deleteHardLineForward: targetOr(chunkVFSVN5IQ_cjs.deleteToLineEnd),
+  formatBold: run(chunkVFSVN5IQ_cjs.toggleMark("bold")),
+  formatItalic: run(chunkVFSVN5IQ_cjs.toggleMark("italic")),
+  formatUnderline: run(chunkVFSVN5IQ_cjs.toggleMark("underline")),
+  formatStrikeThrough: run(chunkVFSVN5IQ_cjs.toggleMark("strike")),
+  historyUndo: run(chunkVFSVN5IQ_cjs.undo),
+  historyRedo: run(chunkVFSVN5IQ_cjs.redo),
   insertTranspose: run(transposeChars),
   insertFromPaste: leaveToHandlers,
   insertFromDrop: leaveToHandlers,
@@ -1782,7 +1736,7 @@ function commitEmptyHost(controller) {
 // src/view/input/composition-snapshot.ts
 function composedEnd(controller, block, region) {
   const { selection } = controller.editor.state;
-  if (_optionalChain([selection, 'optionalAccess', _120 => _120.kind]) !== "text") return void 0;
+  if (selection?.kind !== "text") return void 0;
   const ends = [selection.anchor, selection.head];
   if (ends.some((pos) => pos.block !== block || pos.region !== region)) return void 0;
   return Math.max(...ends.map((pos) => pos.offset));
@@ -1792,7 +1746,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 = _chunk4SLJNZSMcjs.inlineText.call(void 0, inline);
+  const text = chunkAIS37SL2_cjs.inlineText(inline);
   const end = composedEnd(controller, block, region);
   const since = [];
   const release = editor.subscribe((_, tr) => void (tr && since.push(tr)));
@@ -1824,10 +1778,10 @@ var EMPTY_HOST = "empty";
 function targetAt(controller, node) {
   const entry = controller.registry.locate(node);
   if (entry !== null) return { block: entry.block, region: entry.region };
-  return node !== null && _optionalChain([controller, 'access', _121 => _121.emptyHost, 'optionalAccess', _122 => _122.contains, 'call', _123 => _123(node)]) ? EMPTY_HOST : null;
+  return node !== null && controller.emptyHost?.contains(node) ? EMPTY_HOST : null;
 }
 function elementOf(controller, target) {
-  if (target === EMPTY_HOST) return _nullishCoalesce(controller.emptyHost, () => ( void 0));
+  if (target === EMPTY_HOST) return controller.emptyHost ?? void 0;
   return target ? controller.registry.get(target.block, target.region) : void 0;
 }
 function createCompositionHandlers(controller) {
@@ -1836,7 +1790,7 @@ function createCompositionHandlers(controller) {
   let snapshot = null;
   let stopWaiting = null;
   function settle() {
-    _optionalChain([stopWaiting, 'optionalCall', _124 => _124()]);
+    stopWaiting?.();
     stopWaiting = null;
     active = false;
     controller.composingKey = null;
@@ -1845,7 +1799,7 @@ function createCompositionHandlers(controller) {
     target = null;
     snapshot = null;
     if (host === EMPTY_HOST) commitEmptyHost(controller);
-    else if (host !== null && !_optionalChain([started, 'optionalAccess', _125 => _125.settle, 'call', _126 => _126()])) {
+    else if (host !== null && !started?.settle()) {
       controller.renderHost(host.block, host.region);
       controller.syncSelectionToDom();
     }
@@ -1853,17 +1807,17 @@ function createCompositionHandlers(controller) {
   function waitForInput(element) {
     const onInput = () => settle();
     const timer = setTimeout(settle, 0);
-    _optionalChain([element, 'optionalAccess', _127 => _127.addEventListener, 'call', _128 => _128("input", onInput)]);
+    element?.addEventListener("input", onInput);
     stopWaiting = () => {
       clearTimeout(timer);
-      _optionalChain([element, 'optionalAccess', _129 => _129.removeEventListener, 'call', _130 => _130("input", onInput)]);
+      element?.removeEventListener("input", onInput);
     };
   }
   return {
     start() {
       if (stopWaiting !== null) settle();
-      _optionalChain([snapshot, 'optionalAccess', _131 => _131.release, 'call', _132 => _132()]);
-      target = targetAt(controller, _nullishCoalesce(_optionalChain([controller, 'access', _133 => _133.domSelection, 'call', _134 => _134(), 'optionalAccess', _135 => _135.anchorNode]), () => ( null)));
+      snapshot?.release();
+      target = targetAt(controller, controller.domSelection()?.anchorNode ?? null);
       const host = target === EMPTY_HOST ? null : target;
       snapshot = host && snapshotComposition(controller, host.block, host.region);
       active = true;
@@ -1875,7 +1829,7 @@ function createCompositionHandlers(controller) {
     },
     release() {
       if (stopWaiting !== null) settle();
-      _optionalChain([snapshot, 'optionalAccess', _136 => _136.release, 'call', _137 => _137()]);
+      snapshot?.release();
       snapshot = null;
       target = null;
       if (active) controller.composingKey = null;
@@ -1891,7 +1845,7 @@ function createCompositionHandlers(controller) {
 function domCaretOffset(host) {
   const doc = host.ownerDocument;
   const selection = doc.getSelection();
-  const node = _optionalChain([selection, 'optionalAccess', _138 => _138.focusNode]);
+  const node = selection?.focusNode;
   if (!selection || !node || !host.contains(node)) return void 0;
   const range = doc.createRange();
   range.setStart(host, 0);
@@ -1904,9 +1858,9 @@ 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 = _chunk4SLJNZSMcjs.inlineText.call(void 0, inline);
+  const before = chunkAIS37SL2_cjs.inlineText(inline);
   const after = readDomText(element);
-  const edit = before === after ? null : textDiff(before, after, _nullishCoalesce(caretHint, () => ( domCaretOffset(element))));
+  const edit = before === after ? null : textDiff(before, after, domCaretOffset(element));
   if (edit === null) return false;
   const at = (offset) => ({ block, region, offset });
   controller.edit(() => {
@@ -1961,7 +1915,7 @@ function createDomInputFallback(controller) {
       };
     },
     drain(host) {
-      _optionalChain([observers, 'access', _139 => _139.get, 'call', _140 => _140(host), 'optionalAccess', _141 => _141.takeRecords, 'call', _142 => _142()]);
+      observers.get(host)?.takeRecords();
     },
     flush
   };
@@ -1969,33 +1923,33 @@ function createDomInputFallback(controller) {
 
 // src/view/navigation/cross-moves.ts
 function moveHead(controller, { anchor }, head) {
-  dispatchSelection(controller, _chunkZKVOS57Qcjs.textSelection.call(void 0, anchor, head));
+  dispatchSelection(controller, chunkVFSVN5IQ_cjs.textSelection(anchor, head));
   return true;
 }
 function blockOf(controller, { block }) {
   const { doc } = controller.editor.state;
-  return doc.blocks[_chunk4SLJNZSMcjs.requireBlockIndex.call(void 0, doc, block)];
+  return doc.blocks[chunkAIS37SL2_cjs.requireBlockIndex(doc, block)];
 }
 function collapseCross(controller, selection, direction) {
-  const { from, to } = _chunkZKVOS57Qcjs.selectionRange.call(void 0, controller.editor.state.doc, selection);
-  dispatchSelection(controller, _chunkZKVOS57Qcjs.textSelection.call(void 0, direction < 0 ? from : to));
+  const { from, to } = chunkVFSVN5IQ_cjs.selectionRange(controller.editor.state.doc, selection);
+  dispatchSelection(controller, chunkVFSVN5IQ_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 = _chunkZKVOS57Qcjs.regionLength.call(void 0, blockOf(controller, edge), edge.region);
+    const end2 = chunkVFSVN5IQ_cjs.regionLength(blockOf(controller, edge), edge.region);
     return moveHead(controller, selection, { ...edge, offset: Math.min(head.offset, end2) });
   }
-  const end = _chunkZKVOS57Qcjs.regionLength.call(void 0, blockOf(controller, head), head.region);
+  const end = chunkVFSVN5IQ_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 = _chunk4SLJNZSMcjs.inlineText.call(void 0, _nullishCoalesce(blockOf(controller, head).regions[head.region], () => ( [])));
+  const text = chunkAIS37SL2_cjs.inlineText(blockOf(controller, head).regions[head.region] ?? []);
   if (direction < 0 ? head.offset > 0 : head.offset < text.length) {
-    const offset = direction < 0 ? _chunkZKVOS57Qcjs.prevGraphemeOffset.call(void 0, text, head.offset) : _chunkZKVOS57Qcjs.nextGraphemeOffset.call(void 0, text, head.offset);
+    const offset = direction < 0 ? chunkVFSVN5IQ_cjs.prevGraphemeOffset(text, head.offset) : chunkVFSVN5IQ_cjs.nextGraphemeOffset(text, head.offset);
     return moveHead(controller, selection, { ...head, offset });
   }
   const edge = neighbourHead(controller, head.block, direction);
@@ -2008,15 +1962,15 @@ function moveHorizontally(controller, direction, extend) {
   const { editor } = controller;
   const { state } = editor;
   const { selection, doc } = state;
-  if (_optionalChain([selection, 'optionalAccess', _143 => _143.kind]) === "node") return !extend && moveToNeighbour(controller, selection.block, direction);
-  if (_optionalChain([selection, 'optionalAccess', _144 => _144.kind]) !== "text") return false;
+  if (selection?.kind === "node") return !extend && moveToNeighbour(controller, selection.block, direction);
+  if (selection?.kind !== "text") return false;
   if (isCrossSelection(selection)) {
     const move = extend ? crossHeadHorizontally : collapseCross;
     return move(controller, selection, direction);
   }
-  if (!extend && !_chunkZKVOS57Qcjs.isCollapsed.call(void 0, selection)) return false;
+  if (!extend && !chunkVFSVN5IQ_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const length = _chunkZKVOS57Qcjs.regionLength.call(void 0, doc.blocks[_chunk4SLJNZSMcjs.requireBlockIndex.call(void 0, doc, head.block)], head.region);
+  const length = chunkVFSVN5IQ_cjs.regionLength(doc.blocks[chunkAIS37SL2_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) {
@@ -2026,7 +1980,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, _chunkZKVOS57Qcjs.textSelection.call(void 0, selection.anchor, edge));
+  dispatchSelection(controller, chunkVFSVN5IQ_cjs.textSelection(selection.anchor, edge));
   return true;
 }
 
@@ -2053,7 +2007,7 @@ function caretClientRect(point) {
   if (node.nodeType === TEXT_NODE3) return textCaretRect(node, offset);
   const after = node.childNodes[offset];
   const before = node.childNodes[offset - 1];
-  return _nullishCoalesce(_nullishCoalesce((after && besideNode(after, true)), () => ( (before && besideNode(before, false)))), () => ( null));
+  return (after && besideNode(after, true)) ?? (before && besideNode(before, false)) ?? null;
 }
 function contentBox(host) {
   const box = host.getBoundingClientRect();
@@ -2070,7 +2024,7 @@ function lineEdgeRect(host, last) {
   return caretClientRect(map.toDom(last ? map.length : 0, last ? -1 : 1));
 }
 function onEdgeLine(host, point, last) {
-  if (_optionalChain([domMapOf, 'call', _145 => _145(host), 'optionalAccess', _146 => _146.length]) === 0) return true;
+  if (domMapOf(host)?.length === 0) return true;
   const caret = caretClientRect(point);
   const edge = lineEdgeRect(host, last);
   if (!caret || !edge) return false;
@@ -2124,12 +2078,12 @@ function caretAtGoal(controller, host, at, y) {
 }
 function landAtGoal(controller, block, direction) {
   const { schema } = controller.editor.state;
-  const region = _chunkZKVOS57Qcjs.isTextFlow.call(void 0, schema, block) ? _chunkZKVOS57Qcjs.primaryRegion.call(void 0, schema, block) : null;
+  const region = chunkVFSVN5IQ_cjs.isTextFlow(schema, block) ? chunkVFSVN5IQ_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 ? _chunkZKVOS57Qcjs.textSelection.call(void 0, pos) : null;
+  return pos ? chunkVFSVN5IQ_cjs.textSelection(pos) : null;
 }
 function moveInHost(controller, host, head, caret, direction) {
   const { goalX } = controller;
@@ -2144,16 +2098,16 @@ function landing(controller, { head }, direction, extend) {
   const point = posToDom(registry, head);
   if (!host || !point) return null;
   const caret = caretClientRect(point);
-  controller.goalX ??= _nullishCoalesce(_optionalChain([caret, 'optionalAccess', _147 => _147.left]), () => ( null));
+  controller.goalX ??= caret?.left ?? null;
   if (!(direction < 0 ? isOnFirstLine(host, point) : isOnLastLine(host, point))) {
     const pos = moveInHost(controller, host, head, caret, direction);
-    return pos && _chunkZKVOS57Qcjs.textSelection.call(void 0, pos);
+    return pos && chunkVFSVN5IQ_cjs.textSelection(pos);
   }
   const own2 = extend ? null : ownNode(controller, head.block, direction);
   if (own2 !== null) return own2;
-  const accept = extend ? holdsTextHead(controller) : void 0;
+  const accept = extend ? holdsTextHead(controller) : canBeEntered(controller);
   const target = neighbourBlock(controller.editor.state.doc, head.block, direction, accept);
-  return target && (_nullishCoalesce(landAtGoal(controller, target, direction), () => ( entryEdge(controller, target.id, direction))));
+  return target && (landAtGoal(controller, target, direction) ?? entryEdge(controller, target.id, direction));
 }
 function moveText(controller, selection, direction, extend) {
   const next = landing(controller, selection, direction, extend);
@@ -2161,21 +2115,21 @@ function moveText(controller, selection, direction, extend) {
     controller.nativeVerticalMove = true;
     return false;
   }
-  const moved = extend && next.kind === "text" ? _chunkZKVOS57Qcjs.textSelection.call(void 0, selection.anchor, next.head) : next;
+  const moved = extend && next.kind === "text" ? chunkVFSVN5IQ_cjs.textSelection(selection.anchor, next.head) : next;
   dispatchSelection(controller, moved);
   return true;
 }
 function extendBlocks(controller, { anchor, head }, direction) {
   const next = neighbourBlock(controller.editor.state.doc, head, direction);
   if (next === null) return false;
-  dispatchSelection(controller, _chunkZKVOS57Qcjs.blockRangeSelection.call(void 0, anchor, next.id));
+  dispatchSelection(controller, chunkVFSVN5IQ_cjs.blockRangeSelection(anchor, next.id));
   return true;
 }
 function moveVertically(controller, direction, extend) {
   const { selection } = controller.editor.state;
-  if (_optionalChain([selection, 'optionalAccess', _148 => _148.kind]) === "node") return !extend && moveToNeighbour(controller, selection.block, direction);
-  if (_optionalChain([selection, 'optionalAccess', _149 => _149.kind]) === "blocks") return extend && extendBlocks(controller, selection, direction);
-  if (_optionalChain([selection, 'optionalAccess', _150 => _150.kind]) !== "text") return false;
+  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);
   controller.goalX = null;
   return (extend ? crossHeadVertically : collapseCross)(controller, selection, direction);
@@ -2184,8 +2138,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 _chunkZKVOS57Qcjs.toggleTask;
-  return block.type === "TOGGLE" ? _chunkZKVOS57Qcjs.setAttrs.call(void 0, { open: block.attrs.open !== true }) : null;
+  if (isTask(block)) return chunkVFSVN5IQ_cjs.toggleTask;
+  return block.type === "TOGGLE" ? chunkVFSVN5IQ_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
 }
 var toggleState = (open) => open ? "expanded" : "collapsed";
 function stateName(block) {
@@ -2193,11 +2147,11 @@ function stateName(block) {
   return toggleState(block.attrs.open === true);
 }
 function blockHoldingCaret({ doc, selection }) {
-  if (_optionalChain([selection, 'optionalAccess', _151 => _151.kind]) !== "text" || selection.anchor.block !== selection.head.block) return null;
-  return _nullishCoalesce(_chunk4SLJNZSMcjs.blockById.call(void 0, doc, selection.head.block), () => ( null));
+  if (selection?.kind !== "text" || selection.anchor.block !== selection.head.block) return null;
+  return chunkAIS37SL2_cjs.blockById(doc, selection.head.block) ?? null;
 }
 function flipForReader(controller, block) {
-  if (_optionalChain([block, 'optionalAccess', _152 => _152.type]) !== "TOGGLE") return false;
+  if (block?.type !== "TOGGLE") return false;
   const toggles = readerToggles(controller);
   toggles.flip(block);
   controller.announce(toggleState(shownOpen(block, toggles.choices)));
@@ -2209,7 +2163,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 = _chunk4SLJNZSMcjs.blockById.call(void 0, editor.state.doc, block.id);
+  const after = chunkAIS37SL2_cjs.blockById(editor.state.doc, block.id);
   if (after) controller.announce(stateName(after));
   return true;
 }
@@ -2238,12 +2192,12 @@ function tab(controller, event) {
 }
 function typeOverNode(controller, event) {
   const { key } = event;
-  const node = _optionalChain([controller, 'access', _153 => _153.editor, 'access', _154 => _154.state, 'access', _155 => _155.selection, 'optionalAccess', _156 => _156.kind]) === "node";
+  const node = controller.editor.state.selection?.kind === "node";
   if (!node || event.ctrlKey || event.metaKey || [...key].length !== 1) return false;
   return controller.edit(() => controller.editor.insertText(key));
 }
 function holdHistoryKeys(controller, event) {
-  const kind = _optionalChain([controller, 'access', _157 => _157.editor, 'access', _158 => _158.state, 'access', _159 => _159.selection, 'optionalAccess', _160 => _160.kind]);
+  const kind = controller.editor.state.selection?.kind;
   if (kind !== "node" && kind !== "blocks") return false;
   return Object.hasOwn(ARROWS, event.key) && (event.metaKey || event.ctrlKey || event.altKey);
 }
@@ -2295,12 +2249,12 @@ function attachInput(controller, root) {
   };
   const onInput = (event) => fallback.onInput(event);
   const onCompositionStart = (event) => {
-    if (inHost(event) || inEmptyHost(event)) composition.start(event);
+    if (inHost(event) || inEmptyHost(event)) composition.start();
     else if (inSink(event)) sinkComposition.start();
   };
   const onCompositionEnd = (event) => {
     if (inSink(event)) sinkComposition.end();
-    else composition.end(event);
+    else composition.end();
   };
   const detachClipboard = attachClipboard(controller, root, catchUp);
   const unlisten = listen(root, {
@@ -2317,7 +2271,7 @@ function attachInput(controller, root) {
   return {
     observe,
     unobserve(host) {
-      _optionalChain([observed, 'access', _161 => _161.get, 'call', _162 => _162(host), 'optionalCall', _163 => _163()]);
+      observed.get(host)?.();
       observed.delete(host);
     },
     drain: fallback.drain,
@@ -2357,10 +2311,10 @@ function watchFocusReturn(root, handlers) {
 
 // src/view/controller/selection-sync.ts
 var selectionPoints = (selection) => [
-  _nullishCoalesce(_optionalChain([selection, 'optionalAccess', _164 => _164.anchorNode]), () => ( null)),
-  _nullishCoalesce(_optionalChain([selection, 'optionalAccess', _165 => _165.anchorOffset]), () => ( 0)),
-  _nullishCoalesce(_optionalChain([selection, 'optionalAccess', _166 => _166.focusNode]), () => ( null)),
-  _nullishCoalesce(_optionalChain([selection, 'optionalAccess', _167 => _167.focusOffset]), () => ( 0))
+  selection?.anchorNode ?? null,
+  selection?.anchorOffset ?? 0,
+  selection?.focusNode ?? null,
+  selection?.focusOffset ?? 0
 ];
 var samePoints = (a, b) => a.every((point, index) => point === b[index]);
 function createSelectionSync(doc, onChange) {
@@ -2420,17 +2374,17 @@ 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 || _chunkZKVOS57Qcjs.sameSelection.call(void 0, selection, model) ? null : selection;
+  return selection === null || chunkVFSVN5IQ_cjs.sameSelection(selection, model) ? null : selection;
 }
 function writeModelSelection(controller, doc, moved, local) {
-  const domSelection = _optionalChain([doc, 'optionalAccess', _168 => _168.getSelection, 'call', _169 => _169()]);
+  const domSelection = doc?.getSelection();
   if (focusingSink(controller) || controller.composingKey !== null || !doc || !domSelection || !ownsFocus(controller, doc)) {
     return;
   }
   const before = selectionPoints(domSelection);
   const { selection } = controller.editor.state;
   if (heldBySink(selection) && controller.sink !== null) focusSink(controller);
-  else if (_optionalChain([selection, 'optionalAccess', _170 => _170.kind]) === "blocks") domSelection.removeAllRanges();
+  else if (selection?.kind === "blocks") domSelection.removeAllRanges();
   else writeSelection(controller.registry, selection, domSelection, (id) => controller.blockElement(id));
   controller.nodeReveal.show(selection, local);
   if (!samePoints(before, selectionPoints(domSelection))) moved();
@@ -2438,25 +2392,25 @@ function writeModelSelection(controller, doc, moved, local) {
 
 // src/view/controller/view-controller.ts
 var runNow = (fn) => fn();
-var ViewController = (_class = class {
-  
-  __init() {this.registry = createHostRegistry((element) => {
-    _optionalChain([this, 'access', _179 => _179.#binding, 'optionalAccess', _180 => _180.input, 'access', _181 => _181.observe, 'call', _182 => _182(element)]);
+var ViewController = class {
+  editor;
+  registry = createHostRegistry((element) => {
+    this.#binding?.input.observe(element);
     this.#drawn.syncTabStop();
     return () => {
-      _optionalChain([this, 'access', _183 => _183.#binding, 'optionalAccess', _184 => _184.input, 'access', _185 => _185.unobserve, 'call', _186 => _186(element)]);
+      this.#binding?.input.unobserve(element);
       this.#drawn.syncTabStop();
     };
-  })}
-  __init2() {this.keyInterceptors = /* @__PURE__ */ new Set()}
-  __init3() {this.nodeReveal = createNodeReveal((id) => this.blockElement(id))}
-  __init4() {this.announcer = createAnnouncer(() => this.#said)}
-  
-  
-  __init5() {this.goalX = null}
-  __init6() {this.nativeVerticalMove = false}
-  __init7() {this.dragging = false}
-  __init8() {this.composingKey = null}
+  });
+  keyInterceptors = /* @__PURE__ */ new Set();
+  nodeReveal = createNodeReveal((id) => this.blockElement(id));
+  announcer = createAnnouncer(() => this.#said);
+  isMac;
+  onFiles;
+  goalX = null;
+  nativeVerticalMove = false;
+  dragging = false;
+  composingKey = null;
   #flush;
   #hosts;
   #drawn = createDrawnElements(this.registry, () => this.editor.state);
@@ -2471,21 +2425,21 @@ var ViewController = (_class = class {
   #said;
   #detachRoot = null;
   #readOnlyState;
-  constructor(options) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);
+  constructor(options) {
     this.editor = options.editor;
     options.editor.subscribe((state, tr) => {
-      if (_optionalChain([tr, 'optionalAccess', _187 => _187.origin]) !== "remote") this.#said = state;
+      if (tr?.origin !== "remote") this.#said = state;
     });
-    this.#flush = _nullishCoalesce(options.flush, () => ( runNow));
+    this.#flush = options.flush ?? runNow;
     this.onFiles = options.onFiles;
-    this.isMac = _nullishCoalesce(options.isMac, () => ( _chunkZKVOS57Qcjs.detectMac.call(void 0, )));
+    this.isMac = options.isMac ?? chunkVFSVN5IQ_cjs.detectMac();
     const decorationsOf = (block, region) => this.decorationsFor(block, region);
-    const drain = (element) => _optionalChain([this, 'access', _188 => _188.#binding, 'optionalAccess', _189 => _189.input, 'access', _190 => _190.drain, 'call', _191 => _191(element)]);
+    const drain = (element) => this.#binding?.input.drain(element);
     this.#hosts = createHostRenderer(options.editor, options.render, decorationsOf, drain);
-    this.#readOnlyState = createReadOnly(this.registry, _nullishCoalesce(options.readOnly, () => ( false)));
+    this.#readOnlyState = createReadOnly(this.registry, options.readOnly ?? false);
   }
   get root() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _192 => _192.#binding, 'optionalAccess', _193 => _193.root]), () => ( null));
+    return this.#binding?.root ?? null;
   }
   get readOnly() {
     return this.#readOnlyState.current();
@@ -2497,10 +2451,10 @@ var ViewController = (_class = class {
     return this.#drawn.emptyHost;
   }
   attach(root) {
-    _optionalChain([this, 'access', _194 => _194.#detachRoot, 'optionalCall', _195 => _195()]);
+    this.#detachRoot?.();
     const binding = bindRoot(this, root, this.#cross, (_, tr) => {
-      this.#quiet ||= _optionalChain([tr, 'optionalAccess', _196 => _196.origin]) === "remote" && tr.docChanged;
-      this.#loud ||= _optionalChain([tr, 'optionalAccess', _197 => _197.origin]) !== "remote";
+      this.#quiet ||= tr?.origin === "remote" && tr.docChanged;
+      this.#loud ||= tr?.origin !== "remote";
       this.#outside.committed(tr);
       this.nodeReveal.follow(this.editor.state.selection);
       this.#drawn.syncTabStop();
@@ -2605,14 +2559,14 @@ var ViewController = (_class = class {
     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(_nullishCoalesce(_optionalChain([this, 'access', _198 => _198.domSelection, 'call', _199 => _199(), 'optionalAccess', _200 => _200.focusNode]), () => ( null)));
+    const inSelection = element.contains(this.domSelection()?.focusNode ?? null);
     if (inSelection && hasFocus(this, element.ownerDocument)) this.syncSelectionToDom();
   }
   domSelection() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _201 => _201.#ownerDocument, 'call', _202 => _202(), 'optionalAccess', _203 => _203.getSelection, 'call', _204 => _204()]), () => ( null));
+    return this.#ownerDocument()?.getSelection() ?? null;
   }
   syncSelectionToDom(local) {
-    writeModelSelection(this, this.#ownerDocument(), () => _optionalChain([this, 'access', _205 => _205.#binding, 'optionalAccess', _206 => _206.selectionSync, 'access', _207 => _207.suppressNext, 'call', _208 => _208()]), local);
+    writeModelSelection(this, this.#ownerDocument(), () => this.#binding?.selectionSync.suppressNext(), local);
   }
   // A pointer drag across hosts sets the model selection itself, while the browser keeps extending its own. Leaving
   // cross mode re-renders the hosts that drew it as decorations, which can remove the node holding the caret, so the
@@ -2631,7 +2585,7 @@ var ViewController = (_class = class {
   focus(target) {
     const { editor } = this;
     const selection = focusTarget(editor.state, target);
-    if (selection !== null && !_chunkZKVOS57Qcjs.sameSelection.call(void 0, selection, editor.state.selection)) dispatchSelection(this, selection);
+    if (selection !== null && !chunkVFSVN5IQ_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
     this.#takeFocus();
     this.syncSelectionToDom();
   }
@@ -2642,7 +2596,7 @@ var ViewController = (_class = class {
     return this.#readOnlyState.subscribe(listener);
   }
   destroy() {
-    _optionalChain([this, 'access', _209 => _209.#detachRoot, 'optionalCall', _210 => _210()]);
+    this.#detachRoot?.();
   }
   #selectFromDom(selection) {
     const { editor } = this;
@@ -2652,7 +2606,7 @@ var ViewController = (_class = class {
     return this.composingKey !== null && hostKey(host.block, host.region) === this.composingKey;
   }
   #ownerDocument() {
-    return _nullishCoalesce(_optionalChain([(_nullishCoalesce(_optionalChain([this, 'access', _211 => _211.#binding, 'optionalAccess', _212 => _212.root]), () => ( _optionalChain([this, 'access', _213 => _213.registry, 'access', _214 => _214.all, 'call', _215 => _215(), 'access', _216 => _216.next, 'call', _217 => _217(), 'access', _218 => _218.value, 'optionalAccess', _219 => _219.element])))), 'optionalAccess', _220 => _220.ownerDocument]), () => ( null));
+    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.
@@ -2665,42 +2619,32 @@ var ViewController = (_class = class {
     if (element === this.sink) focusSink(this);
     else element.focus({ preventScroll });
   }
-}, _class);
-
-// src/view/react/editor-context.ts
-
-var QuoinEditorContext = _react.createContext.call(void 0, null);
+};
+var QuoinEditorContext = react.createContext(null);
 function useViewController() {
-  const controller = _react.useContext.call(void 0, QuoinEditorContext);
+  const controller = react.useContext(QuoinEditorContext);
   if (controller === null) throw new Error("useViewController must be called inside an EditorView");
   return controller;
 }
-
-// src/view/react/use-quoin-editor.ts
-
-var _reactdom = require('react-dom');
-
-// src/view/react/use-isomorphic-layout-effect.ts
-
-var useIsomorphicLayoutEffect = typeof document === "undefined" ? _react.useEffect : _react.useLayoutEffect;
+var useIsomorphicLayoutEffect = typeof document === "undefined" ? react.useEffect : react.useLayoutEffect;
 
 // src/view/react/use-quoin-editor.ts
 function useQuoinEditor(options) {
   const { blocks, readOnly = false } = options;
-  const callbacks = _react.useRef.call(void 0, options);
-  const [controller] = _react.useState.call(void 0, () => {
-    const editor = _chunkZKVOS57Qcjs.createEditor.call(void 0, {
+  const callbacks = react.useRef(options);
+  const [controller] = react.useState(() => {
+    const editor = chunkVFSVN5IQ_cjs.createEditor({
       blocks,
       extensions: options.extensions,
       onChange: (next) => callbacks.current.onChange(next),
-      onTransaction: (tr, state) => _optionalChain([callbacks, 'access', _221 => _221.current, 'access', _222 => _222.onTransaction, 'optionalCall', _223 => _223(tr, state)])
+      onTransaction: (tr, state) => callbacks.current.onTransaction?.(tr, state)
     });
     return new ViewController({
       editor,
-      flush: _reactdom.flushSync,
+      flush: reactDom.flushSync,
       render: options.render,
       readOnly,
-      onFiles: (files, at) => _optionalChain([callbacks, 'access', _224 => _224.current, 'access', _225 => _225.onFiles, 'optionalCall', _226 => _226(files, at)])
+      onFiles: (files, at) => callbacks.current.onFiles?.(files, at)
     });
   });
   useIsomorphicLayoutEffect(() => {
@@ -2712,36 +2656,27 @@ function useQuoinEditor(options) {
   useIsomorphicLayoutEffect(() => {
     controller.setReadOnly(readOnly);
   }, [controller, readOnly]);
-  _react.useEffect.call(void 0, () => () => controller.destroy(), [controller]);
+  react.useEffect(() => () => controller.destroy(), [controller]);
   return controller;
 }
-
-// src/view/react/SelectionSink.tsx
-
-
-// src/view/react/use-read-only.ts
-
 function useReadOnly(controller) {
-  const subscribe = _react.useCallback.call(void 0, (notify) => controller.subscribeReadOnly(notify), [controller]);
-  const read = _react.useCallback.call(void 0, () => controller.readOnly, [controller]);
-  return _react.useSyncExternalStore.call(void 0, subscribe, read, read);
+  const subscribe = react.useCallback((notify) => controller.subscribeReadOnly(notify), [controller]);
+  const read = react.useCallback(() => controller.readOnly, [controller]);
+  return react.useSyncExternalStore(subscribe, read, read);
 }
-
-// src/view/react/SelectionSink.tsx
-var _jsxruntime = require('react/jsx-runtime');
 function SelectionSink({ label = "Selected content", blockLabel }) {
   const controller = useViewController();
-  const ref = _react.useRef.call(void 0, null);
+  const ref = react.useRef(null);
   const readOnly = useReadOnly(controller);
   const name = useEditorState(
     controller,
-    _react.useCallback.call(void 0, (state) => selectedBlockName(state, blockLabel), [blockLabel])
+    react.useCallback((state) => selectedBlockName(state, blockLabel), [blockLabel])
   );
   useIsomorphicLayoutEffect(() => {
     const sink = ref.current;
     return sink ? controller.registerSink(sink) : void 0;
   }, [controller]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
@@ -2761,35 +2696,26 @@ function SelectionSink({ label = "Selected content", blockLabel }) {
     }
   );
 }
-
-// src/view/react/EditableRegion.tsx
-
-
-// src/view/react/block-placeholder.ts
-
-var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${_chunk4SLJNZSMcjs.headingLevel.call(void 0, attrs.level)}` : void 0;
-var BlockPlaceholderContext = _react.createContext.call(void 0, headingPlaceholder);
+var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${chunkAIS37SL2_cjs.headingLevel(attrs.level)}` : void 0;
+var BlockPlaceholderContext = react.createContext(headingPlaceholder);
 function regionPlaceholder(state, blockId, region, placeholderOf) {
-  const block = _chunk4SLJNZSMcjs.blockById.call(void 0, state.doc, blockId);
-  return block !== void 0 && _chunkZKVOS57Qcjs.primaryRegion.call(void 0, state.schema, block) === region ? placeholderOf(state, block) : void 0;
+  const block = chunkAIS37SL2_cjs.blockById(state.doc, blockId);
+  return block !== void 0 && chunkVFSVN5IQ_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
 }
-
-// src/view/react/EditableRegion.tsx
-
 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 }) {
   const controller = useViewController();
-  const placeholderOf = _react.useContext.call(void 0, BlockPlaceholderContext);
-  const ref = _react.useRef.call(void 0, null);
+  const placeholderOf = react.useContext(BlockPlaceholderContext);
+  const ref = react.useRef(null);
   const readOnly = useReadOnly(controller);
-  const select = _react.useCallback.call(void 0, 
+  const select = react.useCallback(
     (state) => {
       const inline2 = regionInline(state, block, region);
-      const empty = inline2 === void 0 || _chunk4SLJNZSMcjs.inlineLength.call(void 0, inline2) === 0;
+      const empty = inline2 === void 0 || chunkAIS37SL2_cjs.inlineLength(inline2) === 0;
       return {
         inline: inline2,
         decorations: controller.decorationsFor(block, region),
-        placeholder: empty ? _nullishCoalesce(placeholder, () => ( regionPlaceholder(state, block, region, placeholderOf))) : void 0
+        placeholder: empty ? placeholder ?? regionPlaceholder(state, block, region, placeholderOf) : void 0
       };
     },
     [controller, block, region, placeholder, placeholderOf]
@@ -2802,7 +2728,7 @@ function EditableRegion({ block, region, label, id, placeholder, className }) {
   useIsomorphicLayoutEffect(() => {
     controller.renderHost(block, region);
   }, [controller, block, region, inline, decorations]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
@@ -2822,44 +2748,35 @@ function EditableRegion({ block, region, label, id, placeholder, className }) {
     }
   );
 }
-
-// src/view/react/default-renderers.tsx
-
-
-// src/view/react/callout-block.tsx
-
 var CalloutBlock = ({ block }) => {
   const tone = typeof block.attrs.tone === "string" && block.attrs.tone !== "" ? block.attrs.tone : "info";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "quoin-callout", "data-tone": tone, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditableRegion, { block: block.id, region: "body", label: `Callout, ${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}` }) });
 };
 
 // src/view/react/block-command.ts
 function onBlock(id, command) {
   return (state, dispatch) => {
-    const { ok, tr } = _chunkZKVOS57Qcjs.runCommands.call(void 0, state, [_chunkZKVOS57Qcjs.setSelection.call(void 0, _chunkZKVOS57Qcjs.blockRangeSelection.call(void 0, id)), command]);
+    const { ok, tr } = chunkVFSVN5IQ_cjs.runCommands(state, [chunkVFSVN5IQ_cjs.setSelection(chunkVFSVN5IQ_cjs.blockRangeSelection(id)), command]);
     if (!ok || tr === null) return false;
-    _optionalChain([dispatch, 'optionalCall', _227 => _227(tr.setSelection(state.selection))]);
+    dispatch?.(tr.setSelection(state.selection));
     return true;
   };
 }
 
 // src/view/react/prevent-mouse-focus.ts
 var keepFocus = (event) => event.preventDefault();
-
-// src/view/react/TaskCheckbox.tsx
-
 function TaskCheckbox({ block, controller, label, labelledBy }) {
   const checked = block.attrs.checked === true;
   const flip2 = flipCommand(block);
   const readOnly = useReadOnly(controller);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
       role: "checkbox",
       "aria-checked": checked,
       "aria-readonly": readOnly ? "true" : void 0,
-      "aria-label": _chunk4SLJNZSMcjs.firstNamed.call(void 0, label, "Task"),
+      "aria-label": chunkAIS37SL2_cjs.firstNamed(label, "Task"),
       "aria-labelledby": labelledBy,
       className: "quoin-task-box",
       contentEditable: false,
@@ -2868,7 +2785,7 @@ function TaskCheckbox({ block, controller, label, labelledBy }) {
       onClick: () => {
         if (flip2 && !controller.readOnly) controller.run(onBlock(block.id, flip2));
       },
-      children: checked ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M3.5 8.5l3 3 6-7", fill: "none", stroke: "currentColor", strokeWidth: "2" }) }) : null
+      children: checked ? /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5l3 3 6-7", fill: "none", stroke: "currentColor", strokeWidth: "2" }) }) : null
     }
   );
 }
@@ -2890,7 +2807,7 @@ function numberDoc(doc) {
       numbers[index] = run2.next++;
       return;
     }
-    const start = _chunk4SLJNZSMcjs.orderedStart.call(void 0, block.attrs.start);
+    const start = chunkAIS37SL2_cjs.orderedStart(block.attrs.start);
     numbers[index] = start;
     runs.push({ indent: block.indent, next: start + 1 });
   });
@@ -2903,7 +2820,7 @@ function orderedNumber(doc, index) {
     numbers = numberDoc(doc);
     cache.set(doc, numbers);
   }
-  return _nullishCoalesce(numbers[index], () => ( 1));
+  return numbers[index] ?? 1;
 }
 
 // src/view/react/use-ordered-number.ts
@@ -2913,63 +2830,54 @@ function useOrderedNumber(controller, blockId) {
     return index === void 0 ? 1 : orderedNumber(doc, index);
   });
 }
-
-// src/view/react/markdown-block.tsx
-
 var REGION = "text";
 function TextRegion({ block, label }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditableRegion, { block: block.id, region: REGION, label });
+  return /* @__PURE__ */ jsxRuntime.jsx(EditableRegion, { block: block.id, region: REGION, label });
 }
 function NumberedItem({ block, controller }) {
   const number = useOrderedNumber(controller, block.id);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "quoin-list-item", "data-list": "ordered", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "quoin-marker", "aria-hidden": "true", children: `${number}.` }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: `Numbered list item ${number}` })
+  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}` })
   ] });
 }
 var MarkdownBlock = (props) => {
   const { block } = props;
   switch (block.attrs.kind) {
     case "heading": {
-      const level = _chunk4SLJNZSMcjs.headingLevel.call(void 0, block.attrs.level);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "heading", "aria-level": level, className: "quoin-heading", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: `Heading ${level}` }) });
+      const level = chunkAIS37SL2_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":
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "quoin-list-item", "data-list": "bullet", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "quoin-marker", "aria-hidden": "true", children: "\u2022" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: "Bullet list item" })
+      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" })
       ] });
     case "ordered":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NumberedItem, { ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(NumberedItem, { ...props });
     case "task":
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskCheckbox, { block, controller: props.controller }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: "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" })
       ] });
     case "quote":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "quoin-quote", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: "Quote" }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: "Quote" }) });
     default:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: "Paragraph" });
+      return /* @__PURE__ */ jsxRuntime.jsx(TextRegion, { block, label: "Paragraph" });
   }
 };
-
-// src/view/react/use-reader-choices.ts
-
 function useReaderChoices(controller) {
   const store = readerToggles(controller);
-  return _react.useSyncExternalStore.call(void 0, store.subscribe, () => store.choices, () => store.choices);
+  return react.useSyncExternalStore(store.subscribe, () => store.choices, () => store.choices);
 }
 function useToggleOpen(controller, block) {
   return shownOpen(block, useReaderChoices(controller));
 }
-
-// src/view/react/ToggleChevron.tsx
-
 function ToggleChevron({ block, controller, label = "Toggle", controls }) {
   const open = useToggleOpen(controller, block);
   const readOnly = useReadOnly(controller);
   const flip2 = flipCommand(block);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
@@ -2984,48 +2892,57 @@ function ToggleChevron({ block, controller, label = "Toggle", controls }) {
         if (controller.readOnly) readerToggles(controller).flip(block);
         else if (flip2) controller.run(onBlock(block.id, flip2));
       },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 3.5l4.5 4.5L6 12.5", fill: "none", stroke: "currentColor", strokeWidth: "2" }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 3.5l4.5 4.5L6 12.5", fill: "none", stroke: "currentColor", strokeWidth: "2" }) })
     }
   );
 }
-
-// src/view/react/toggle-block.tsx
-
 var ToggleBlock = ({ block, controller }) => {
   const open = useToggleOpen(controller, block);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "quoin-toggle", "data-open": open, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleChevron, { block, controller }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditableRegion, { block: block.id, region: "text", label: "Toggle" })
+  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" })
   ] });
 };
-
-// src/view/react/unsupported-block-label.ts
-
 var UNSUPPORTED_BLOCK = "Unsupported block";
-var UnsupportedBlockLabel = _react.createContext.call(void 0, UNSUPPORTED_BLOCK);
-
-// src/view/react/default-renderers.tsx
-
+var UnsupportedBlockLabel = react.createContext(UNSUPPORTED_BLOCK);
 var defaultRenderers = {
   MARKDOWN: MarkdownBlock,
   CALLOUT: CalloutBlock,
   TOGGLE: ToggleBlock
 };
 var VoidBlockFallback = ({ block }) => {
-  const label = _react.useContext.call(void 0, UnsupportedBlockLabel);
-  if (block.type === "DIVIDER") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "quoin-void", contentEditable: false, role: "separator" });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "quoin-void", contentEditable: false, role: "group", "aria-label": label, children: label });
+  const label = react.useContext(UnsupportedBlockLabel);
+  if (block.type === "DIVIDER") return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-void", contentEditable: false, role: "separator" });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-void", contentEditable: false, role: "group", "aria-label": label, children: label });
 };
-
-// src/view/react/BlockShell.tsx
-
-
-// src/view/react/block-dom-id.ts
-
-var BlockDomIdScope = _react.createContext.call(void 0, "quoin");
+var BLOCK_ERROR = "Block could not be drawn";
+var BlockErrorContext = react.createContext({ label: BLOCK_ERROR });
+var Boundary = class extends react.Component {
+  state = { block: this.props.block, renderer: this.props.renderer, failed: false };
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  static getDerivedStateFromProps(props, state) {
+    const same = props.block === state.block && props.renderer === state.renderer;
+    return same ? null : { block: props.block, renderer: props.renderer, failed: false };
+  }
+  componentDidCatch(error) {
+    this.props.report?.(error instanceof Error ? error : new Error(String(error)));
+  }
+  render() {
+    if (!this.state.failed) return this.props.children;
+    const { label } = this.props;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-void", contentEditable: false, role: "group", "aria-label": label, children: label });
+  }
+};
+function BlockErrorBoundary({ block, renderer, children }) {
+  const { label, report } = react.useContext(BlockErrorContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(Boundary, { block, renderer, label, report, children });
+}
+var BlockDomIdScope = react.createContext("quoin");
 function useBlockDomId() {
-  const scope = _react.useContext.call(void 0, BlockDomIdScope);
-  return _react.useCallback.call(void 0, (block) => `${scope}-${encodeURIComponent(block)}`, [scope]);
+  const scope = react.useContext(BlockDomIdScope);
+  return react.useCallback((block) => `${scope}-${encodeURIComponent(block)}`, [scope]);
 }
 function useRegionDomId(block, region) {
   return `${useBlockDomId()(block)}/${encodeURIComponent(region)}`;
@@ -3042,7 +2959,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) || _chunkZKVOS57Qcjs.isTextFlow.call(void 0, schema, doc.blocks[index])) return false;
+  if (!isCrossSelection(selection) || chunkVFSVN5IQ_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) {
@@ -3051,16 +2968,18 @@ 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/BlockShell.tsx
-
+function safeAttrs(decorations) {
+  const attrs = Object.assign({}, ...decorations.map((decoration) => decoration.attrs));
+  for (const name of Object.keys(attrs)) if (!/^(data|aria)-/.test(name)) delete attrs[name];
+  return attrs;
+}
 function rendererFor(renderers, type) {
   for (const table of [renderers, defaultRenderers]) if (Object.hasOwn(table, type)) return table[type];
   return VoidBlockFallback;
 }
-var BlockShell = _react.memo.call(void 0, function BlockShell2({ block, renderers }) {
+var BlockShell = react.memo(function BlockShell2({ block, renderers }) {
   const controller = useViewController();
-  const ref = _react.useRef.call(void 0, null);
+  const ref = react.useRef(null);
   const domId = useBlockDomId();
   const choices = useReaderChoices(controller);
   const status = useEditorState(controller, (state) => blockStatus(state, block.id, choices));
@@ -3073,37 +2992,30 @@ var BlockShell = _react.memo.call(void 0, function BlockShell2({ block, renderer
   if (hidden) return null;
   const Renderer = rendererFor(renderers, block.type);
   const { kind, color, background, align } = block.attrs;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      ...Object.assign({}, ...decorations.map((decoration) => decoration.attrs)),
+      ...safeAttrs(decorations),
       ref,
       id: domId(block.id),
       "data-quoin-block": "",
       "data-block-id": block.id,
       "data-type": block.type,
-      "data-kind": _chunk4SLJNZSMcjs.optionalString.call(void 0, kind),
+      "data-kind": chunkAIS37SL2_cjs.optionalString(kind),
       "data-indent": block.indent,
-      "data-color": _chunk4SLJNZSMcjs.paletteOrUndefined.call(void 0, color),
-      "data-bg": _chunk4SLJNZSMcjs.paletteOrUndefined.call(void 0, background),
-      "data-align": _chunk4SLJNZSMcjs.alignOrUndefined.call(void 0, align),
+      "data-color": chunkAIS37SL2_cjs.paletteOrUndefined(color),
+      "data-bg": chunkAIS37SL2_cjs.paletteOrUndefined(background),
+      "data-align": chunkAIS37SL2_cjs.alignOrUndefined(align),
       style: { "--quoin-indent": block.indent },
       tabIndex: -1,
       "data-selected": status === "selected" ? "true" : void 0,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Renderer, { block, controller })
+      children: /* @__PURE__ */ jsxRuntime.jsx(BlockErrorBoundary, { block, renderer: Renderer, children: /* @__PURE__ */ jsxRuntime.jsx(Renderer, { block, controller }) })
     }
   );
 });
-
-// src/view/react/EditorView.tsx
-
-
-// src/view/react/EmptyDocumentHost.tsx
-
-
 function EmptyDocumentHost({ placeholder, label = "Paragraph" }) {
   const controller = useViewController();
-  const ref = _react.useRef.call(void 0, null);
+  const ref = react.useRef(null);
   const readOnly = useReadOnly(controller);
   useIsomorphicLayoutEffect(() => {
     const host = ref.current;
@@ -3111,7 +3023,7 @@ function EmptyDocumentHost({ placeholder, label = "Paragraph" }) {
     renderInline(host, [], []);
     return controller.registerEmptyHost(host);
   }, [controller]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
@@ -3126,7 +3038,7 @@ function EmptyDocumentHost({ placeholder, label = "Paragraph" }) {
       "data-placeholder": readOnly ? void 0 : placeholder,
       "aria-placeholder": readOnly ? void 0 : placeholder,
       spellCheck: true,
-      onClick: () => _optionalChain([ref, 'access', _228 => _228.current, 'optionalAccess', _229 => _229.focus, 'call', _230 => _230()])
+      onClick: () => ref.current?.focus()
     }
   );
 }
@@ -3134,9 +3046,6 @@ function EmptyDocumentHost({ placeholder, label = "Paragraph" }) {
 // src/view/react/focus-owners.ts
 var focusOwners = /* @__PURE__ */ new WeakMap();
 
-// src/view/react/LiveRegion.tsx
-
-
 // src/view/selection/selection-announcement.ts
 var SILENCE = { key: "", message: "" };
 function selectionAnnouncement({ doc, selection }, blocksSelected) {
@@ -3150,9 +3059,6 @@ function selectionAnnouncement({ doc, selection }, blocksSelected) {
   const count = drawnBlockCount(doc, Math.min(first, last), Math.max(first, last) + 1);
   return { key: `${selection.kind}:${anchor}:${head}`, message: blocksSelected(count) };
 }
-
-// src/view/react/LiveRegion.tsx
-
 function heardNow({ editor, announcer }, blocksSelected) {
   const spoken = announcer.current();
   if (spoken !== null) return { key: `said:${spoken.serial}`, message: spoken.message };
@@ -3160,7 +3066,7 @@ function heardNow({ editor, announcer }, blocksSelected) {
 }
 function LiveRegion({ blocksSelected }) {
   const controller = useViewController();
-  const subscribe = _react.useCallback.call(void 0, 
+  const subscribe = react.useCallback(
     (notify) => {
       const stopState = controller.editor.subscribe(() => notify());
       const stopSpoken = controller.announcer.subscribe(notify);
@@ -3171,7 +3077,7 @@ function LiveRegion({ blocksSelected }) {
     },
     [controller]
   );
-  const read = _react.useMemo.call(void 0, () => {
+  const read = react.useMemo(() => {
     let last = SILENCE;
     return () => {
       const next = heardNow(controller, blocksSelected);
@@ -3179,8 +3085,8 @@ function LiveRegion({ blocksSelected }) {
       return last;
     };
   }, [controller, blocksSelected]);
-  const { key, message } = _react.useSyncExternalStore.call(void 0, subscribe, read, read);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "quoin-visually-hidden", role: "status", "aria-live": "polite", "aria-atomic": "true", children: message !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: message }, key) });
+  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) });
 }
 
 // src/view/react/SelectionWriter.tsx
@@ -3190,23 +3096,16 @@ function SelectionWriter() {
   useIsomorphicLayoutEffect(() => controller.afterRender(), [controller, state]);
   return null;
 }
-
-// src/view/react/use-block-elements.tsx
-
-
 function useBlockElements(blocks, renderers) {
-  const [made] = _react.useState.call(void 0, () => /* @__PURE__ */ new WeakMap());
+  const [made] = react.useState(() => /* @__PURE__ */ new WeakMap());
   return blocks.map((block) => {
     const known2 = made.get(block);
-    if (_optionalChain([known2, 'optionalAccess', _231 => _231.renderers]) === renderers) return known2.element;
-    const element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockShell, { block, renderers }, block.id);
+    if (known2?.renderers === renderers) return known2.element;
+    const element = /* @__PURE__ */ jsxRuntime.jsx(BlockShell, { block, renderers }, block.id);
     made.set(block, { renderers, element });
     return element;
   });
 }
-
-// src/view/react/EditorView.tsx
-
 var NO_RENDERERS = {};
 var HINT = "Press Escape, then Tab, to leave the editor.";
 var BLOCKS_SELECTED = (count) => `${count} ${count === 1 ? "block" : "blocks"} selected`;
@@ -3221,18 +3120,21 @@ function EditorView({
   selectedContentLabel,
   blockLabel,
   unsupportedBlockLabel = UNSUPPORTED_BLOCK,
+  blockErrorLabel = BLOCK_ERROR,
+  onBlockError,
   placeholder,
   blockPlaceholder = headingPlaceholder,
   blocksSelectedLabel = BLOCKS_SELECTED,
   children
 }) {
-  const root = _react.useRef.call(void 0, null);
-  const hintId = _react.useId.call(void 0, );
-  const blockIdScope = _react.useId.call(void 0, );
+  const root = react.useRef(null);
+  const hintId = react.useId();
+  const blockIdScope = react.useId();
   const blocks = useEditorState(controller, (state) => state.doc.blocks);
+  const blockError = react.useMemo(() => ({ label: blockErrorLabel, report: onBlockError }), [blockErrorLabel, onBlockError]);
   const shells = useBlockElements(blocks, renderers);
   useIsomorphicLayoutEffect(() => root.current ? controller.attach(root.current) : void 0, [controller]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoinEditorContext.Provider, { value: controller, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(QuoinEditorContext.Provider, { value: controller, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref: root,
@@ -3243,62 +3145,62 @@ function EditorView({
       "aria-describedby": hintId,
       onFocusCapture: (event) => focusOwners.set(event.target, controller),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockDomIdScope.Provider, { value: blockIdScope, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnsupportedBlockLabel.Provider, { value: unsupportedBlockLabel, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockPlaceholderContext.Provider, { value: blockPlaceholder, children: blocks.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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, children: blocks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyDocumentHost, { placeholder, label: paragraphLabel }) : shells }) }) }) }),
         children,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectionSink, { label: selectedContentLabel, blockLabel }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: hintId, className: "quoin-visually-hidden", children: hint }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LiveRegion, { blocksSelected: blocksSelectedLabel }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectionWriter, {})
+        /* @__PURE__ */ jsxRuntime.jsx(SelectionSink, { label: selectedContentLabel, blockLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: hintId, className: "quoin-visually-hidden", children: hint }),
+        /* @__PURE__ */ jsxRuntime.jsx(LiveRegion, { blocksSelected: blocksSelectedLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectionWriter, {})
       ]
     }
   ) });
 }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.dispatchSelection = dispatchSelection; exports.wholeState = wholeState; exports.useEditorState = useEditorState; exports.useReadOnly = useReadOnly; exports.isCrossSelection = isCrossSelection; exports.NODE_ENTRY = NODE_ENTRY; exports.visibleBlockIndexes = visibleBlockIndexes; exports.drawnBlockCount = drawnBlockCount; exports.neighbourBlock = neighbourBlock; exports.moveToNeighbour = moveToNeighbour; exports.textDiff = textDiff; exports.domMapOf = domMapOf; exports.renderInline = renderInline; exports.domToPos = domToPos; exports.posToDom = posToDom; exports.caretFromPoint = caretFromPoint; exports.caretClientRect = caretClientRect; exports.lineEdgeRect = lineEdgeRect; exports.isOnFirstLine = isOnFirstLine; exports.isOnLastLine = isOnLastLine; exports.isComposingKey = isComposingKey; exports.NATIVE_INTERACTION = NATIVE_INTERACTION; exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect; exports.onBlock = onBlock; exports.listen = listen; exports.createAutoScroll = createAutoScroll; exports.hostKey = hostKey; exports.regionInline = regionInline; exports.handleCopy = handleCopy; exports.ViewController = ViewController; exports.useViewController = useViewController; exports.useQuoinEditor = useQuoinEditor; exports.useBlockDomId = useBlockDomId; exports.useRegionDomId = useRegionDomId; exports.focusOwners = focusOwners; exports.SelectionSink = SelectionSink; exports.EditableRegion = EditableRegion; exports.TaskCheckbox = TaskCheckbox; exports.useOrderedNumber = useOrderedNumber; exports.useToggleOpen = useToggleOpen; exports.ToggleChevron = ToggleChevron; exports.defaultRenderers = defaultRenderers; exports.VoidBlockFallback = VoidBlockFallback; exports.BlockShell = BlockShell; exports.EditorView = EditorView;
-//# sourceMappingURL=chunk-P6KYXFZC.cjs.map
+exports.BlockErrorContext = BlockErrorContext;
+exports.BlockShell = BlockShell;
+exports.EditableRegion = EditableRegion;
+exports.EditorView = EditorView;
+exports.NATIVE_INTERACTION = NATIVE_INTERACTION;
+exports.NODE_ENTRY = NODE_ENTRY;
+exports.SelectionSink = SelectionSink;
+exports.TaskCheckbox = TaskCheckbox;
+exports.ToggleChevron = ToggleChevron;
+exports.ViewController = ViewController;
+exports.VoidBlockFallback = VoidBlockFallback;
+exports.caretClientRect = caretClientRect;
+exports.caretFromPoint = caretFromPoint;
+exports.createAutoScroll = createAutoScroll;
+exports.defaultRenderers = defaultRenderers;
+exports.dispatchSelection = dispatchSelection;
+exports.domMapOf = domMapOf;
+exports.domToPos = domToPos;
+exports.drawnBlockCount = drawnBlockCount;
+exports.focusOwners = focusOwners;
+exports.handleCopy = handleCopy;
+exports.hostKey = hostKey;
+exports.isComposingKey = isComposingKey;
+exports.isCrossSelection = isCrossSelection;
+exports.isOnFirstLine = isOnFirstLine;
+exports.isOnLastLine = isOnLastLine;
+exports.lineEdgeRect = lineEdgeRect;
+exports.listen = listen;
+exports.moveToNeighbour = moveToNeighbour;
+exports.neighbourBlock = neighbourBlock;
+exports.onBlock = onBlock;
+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;
+//# sourceMappingURL=chunk-IGZRZIAF.cjs.map
+//# sourceMappingURL=chunk-IGZRZIAF.cjs.map