quoin-editor 1.8.0 → 2.0.0

package/dist/{chunk-BA5WXBGE.cjs → chunk-CJVJNMOB.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkP6HC7RUN_cjs = require('./chunk-P6HC7RUN.cjs');
+var chunkZ6LAARPB_cjs = require('./chunk-Z6LAARPB.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 var chunkA6PGQVTR_cjs = require('./chunk-A6PGQVTR.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
@@ -820,7 +820,7 @@ function selectNode(controller, blockId) {
   const { editor } = controller;
   const { selection } = editor.state;
   if (selection?.kind === "node" && selection.block === blockId) return;
-  chunkP6HC7RUN_cjs.dispatchSelection(controller, chunkFK7EBZPX_cjs.nodeSelection(blockId));
+  chunkZ6LAARPB_cjs.dispatchSelection(controller, chunkFK7EBZPX_cjs.nodeSelection(blockId));
 }
 function focusNode(controller, blockId) {
   selectNode(controller, blockId);
@@ -1526,7 +1526,7 @@ function codeToParagraph(blockId) {
   };
 }
 function leaveCode(controller, blockId, direction, addsLine = false) {
-  const moved = chunkP6HC7RUN_cjs.moveToNeighbour(controller, blockId, direction);
+  const moved = chunkZ6LAARPB_cjs.moveToNeighbour(controller, blockId, direction);
   if (!moved && !(addsLine && controller.run(insertBlocks([{ type: "MARKDOWN" }], "text", blockId)))) return false;
   controller.focus();
   return true;
@@ -1638,7 +1638,7 @@ function revealCaret(area, drawn, mark) {
   const left = atLineStart ? null : caretLeft(drawn, caret);
   mark.style.top = `${(parseFloat(style.paddingTop) || 0) + line * (parseFloat(style.lineHeight) || 0)}px`;
   mark.style.left = `${left ?? 0}px`;
-  mark.scrollIntoView({ block: "nearest", inline: "nearest" });
+  mark.scrollIntoView?.({ block: "nearest", inline: "nearest" });
 }
 
 // src/blocks/code/run-code-action.ts
@@ -1651,7 +1651,7 @@ function travel({ controller, blockId, area }, command) {
   const before = area.value;
   controller.run(command);
   const { selection } = controller.editor.state;
-  const edit2 = chunkP6HC7RUN_cjs.textDiff(before, area.value);
+  const edit2 = chunkZ6LAARPB_cjs.textDiff(before, area.value);
   if (selection?.kind !== "node" || selection.block !== blockId) controller.focus();
   else if (edit2 !== null) area.setSelectionRange(edit2.from + edit2.insert.length, edit2.from + edit2.insert.length);
   return true;
@@ -1736,11 +1736,11 @@ function CodeEditor({ block, controller, field, focusControls }) {
   useTypeIntoCode(controller, blockId, field, edit2);
   const onKeyDown = (event) => {
     const area = event.currentTarget;
-    if (chunkP6HC7RUN_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const action = codeKeyAction(event, fieldOf(area), controller.isMac);
     if (action !== null && runCodeAction(action, { controller, blockId, area, edit: edit2, focusControls })) event.preventDefault();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunkP6HC7RUN_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunkZ6LAARPB_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       HighlightOverlay,
       {
@@ -1810,7 +1810,7 @@ var Button = React7__namespace.forwardRef(function Button2({ className, variant
 var COPIED_FOR_MS = 1500;
 function CopyCodeButton({ code, controller }) {
   const labels = useLabels();
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const [copied, setCopied] = React7.useState(false);
   React7.useEffect(() => {
     if (!copied) return;
@@ -1893,7 +1893,7 @@ var preventDefault = (event) => event.preventDefault();
 
 // src/blocks/text/set-block-attrs.ts
 function setBlockAttrs(controller, blockId, patch) {
-  if (!controller.readOnly) controller.run(chunkP6HC7RUN_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch)));
+  if (!controller.readOnly) controller.run(chunkZ6LAARPB_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch)));
 }
 var FIELD = `quoin-code-language quoin-code-control ${FOCUS_RING}`;
 var CONTENT = `${MENU_CONTENT} flex max-h-64 w-48 flex-col overflow-y-hidden`;
@@ -1909,8 +1909,8 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
   const options = draft === null ? [] : languageOptions(draft === shown ? "" : draft, labels.plainText);
   const open = options.length > 0;
   const optionId = (index) => `${listboxId}-${index}`;
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
-    list.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+    list.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [active]);
   const close = () => {
     setDraft(null);
@@ -1935,7 +1935,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
     onDone();
   };
   const onKeyDown = (event) => {
-    if (chunkP6HC7RUN_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
       const step = event.key === "ArrowDown" ? 1 : -1;
@@ -2009,7 +2009,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
 }
 var CodeBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const languageField = React7.useRef(null);
   const codeField = React7.useRef(null);
   const code = chunkI7X7B3WD_cjs.str(block.attrs.code);
@@ -2111,7 +2111,7 @@ function selectHandlers(controller, blockId, root, onSelect) {
   return {
     onKeyDown(event) {
       const key = event.nativeEvent;
-      if (chunkP6HC7RUN_cjs.isComposingKey(controller, key)) return;
+      if (chunkZ6LAARPB_cjs.isComposingKey(controller, key)) return;
       if (event.key === "Escape") select();
       else if (!(event.metaKey || event.ctrlKey) || event.target.matches("input:not([type=file])") || !controller.edit(() => controller.editor.handleKey(key)))
         return;
@@ -2333,7 +2333,7 @@ var uploadFile = (controller, blockId, file, host) => uploadInto(
 var anyFile = () => true;
 var FileBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const filled = hasFile(block.attrs);
   useNodeKeys(controller, block.id, !readOnly, !filled, root);
@@ -2485,7 +2485,7 @@ function useRovingFocus() {
     },
     [syncTabStop]
   );
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(syncTabStop);
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(syncTabStop);
   const onFocus = (event) => {
     if (!owns(event.target)) return;
     current.current = event.target;
@@ -2504,7 +2504,7 @@ function useRovingFocus() {
 // src/menus/floating/use-focus-key.ts
 var isFocusKey = (event) => event.key === "F10" && event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
 function useFocusKey(controller, focus) {
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const intercept = (event) => {
       if (!isFocusKey(event)) return false;
       event.preventDefault();
@@ -2516,11 +2516,11 @@ function useFocusKey(controller, focus) {
 }
 function NodeToolbar(props) {
   const { blockId, controller, label, anchor, items, next, buttonRefs, children, popover } = props;
-  const state = chunkP6HC7RUN_cjs.useEditorState(controller, chunkP6HC7RUN_cjs.wholeState);
+  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
   const roving = useRovingFocus();
   useFocusKey(controller, roving.focusCurrent);
   const onKeyDown = (event) => {
-    if (!roving.owns(event.target) || chunkP6HC7RUN_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (!roving.owns(event.target) || chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const tab = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
     const ahead = tab && !event.shiftKey && next !== void 0 ? blockPart(controller, blockId, next) : void 0;
     if (ahead !== void 0) ahead.focus();
@@ -2601,8 +2601,8 @@ var selectedBlock = (type, filled) => ({ doc, selection }) => {
   return block?.type === type && filled(block.attrs) ? block.id : null;
 };
 function useToolbarBlock(controller, selected, keptFor = null) {
-  const blockId = chunkP6HC7RUN_cjs.useEditorState(controller, selected);
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const blockId = chunkZ6LAARPB_cjs.useEditorState(controller, selected);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const settled = useSelectionSettled(controller);
   return blockId !== null && !readOnly && (settled || keptFor === blockId) ? blockId : null;
 }
@@ -2681,7 +2681,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
   const value = percent ?? drawn;
   const write = (widthPercent) => setBlockAttrs(controller, blockId, { widthPercent });
   const onKeyDown = (event) => {
-    if (chunkP6HC7RUN_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const next = keyedWidth(event.key, value);
     if (event.key === "Escape") controller.focus();
     else if (next === null) return;
@@ -2723,7 +2723,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
       "aria-valuetext": labels.widthValue(value),
       "data-side": side,
       className: "quoin-image-handle",
-      ...{ [chunkP6HC7RUN_cjs.NATIVE_INTERACTION]: "" },
+      ...{ [chunkZ6LAARPB_cjs.NATIVE_INTERACTION]: "" },
       ...bubblePart(controller),
       onKeyDown,
       onPointerDown: onPointerDown(side),
@@ -2796,7 +2796,7 @@ function ImageFigure({ block, controller, readOnly }) {
       )
     ] }),
     (!readOnly || (regions.caption?.length ?? 0) > 0) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkP6HC7RUN_cjs.EditableRegion,
+      chunkZ6LAARPB_cjs.EditableRegion,
       {
         block: id,
         region: "caption",
@@ -2959,7 +2959,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
 }
 var ImageBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const picture = hasPicture(block.attrs);
   useImageKeys(controller, block.id, picture, !readOnly, root);
@@ -2972,17 +2972,17 @@ var ImageBlock = ({ block, controller }) => {
       "aria-label": labels.blockNames.image,
       contentEditable: false,
       className: "quoin-image",
-      ...picture ? { [chunkP6HC7RUN_cjs.NODE_ENTRY]: "" } : void 0,
+      ...picture ? { [chunkZ6LAARPB_cjs.NODE_ENTRY]: "" } : void 0,
       children: picture ? /* @__PURE__ */ jsxRuntime.jsx(ImageFigure, { block, controller, readOnly }) : empty
     }
   );
 };
 function useOutsidePress(element, ownerDocument, onPress) {
   const latest = React7.useRef(onPress);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onPress;
   });
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const doc = ownerDocument();
     const inside = (target) => element.current?.contains(target) === true;
     let touched = null;
@@ -2997,7 +2997,7 @@ function useOutsidePress(element, ownerDocument, onPress) {
       if (touched !== null && !inside(event.target)) latest.current(touched);
       touched = null;
     };
-    return chunkP6HC7RUN_cjs.listen(doc, { pointerdown: down, click }, true);
+    return chunkZ6LAARPB_cjs.listen(doc, { pointerdown: down, click }, true);
   }, [element, ownerDocument]);
 }
 function storeAlt(controller, blockId, opened, patch) {
@@ -3005,7 +3005,7 @@ function storeAlt(controller, blockId, opened, patch) {
   const attrs = chunkI7X7B3WD_cjs.blockById(editor.state.doc, blockId)?.attrs ?? {};
   const changed = chunkI7X7B3WD_cjs.str(attrs.alt) !== opened.alt || attrs.decorative === true !== opened.decorative;
   if (controller.readOnly || controller.root === null || changed) return;
-  chunkP6HC7RUN_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
+  chunkZ6LAARPB_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
 }
 function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative, onClose }) {
   const labels = useLabels();
@@ -3047,7 +3047,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
     close(true);
   };
   const onKeyDown = (event) => {
-    if (event.key !== "Tab" || chunkP6HC7RUN_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (event.key !== "Tab" || chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const controls = [...event.currentTarget.elements];
     const next = controls[controls.indexOf(event.target) + (event.shiftKey ? -1 : 1)];
     event.preventDefault();
@@ -3075,7 +3075,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
             onCloseAutoFocus: preventDefault,
             onEscapeKeyDown: (event) => {
               event.preventDefault();
-              if (!chunkP6HC7RUN_cjs.isComposingKey(controller, event)) close(false);
+              if (!chunkZ6LAARPB_cjs.isComposingKey(controller, event)) close(false);
             },
             ...bubblePart(controller),
             children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "quoin-image-alt", onSubmit: save, onKeyDown, children: [
@@ -3171,7 +3171,7 @@ function ImageToolbarOverlay({ controller }) {
 }
 function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
   const { labels, resolveAssetUrl } = useQuoin();
-  const state = chunkP6HC7RUN_cjs.useEditorState(controller, chunkP6HC7RUN_cjs.wholeState);
+  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
   const picker = useReplacePicker(controller, blockId, uploadImage, "image/*");
   const altButton = React7.useRef(null);
   const anchor = usePartAnchor(controller, blockId, ".quoin-image-frame");
@@ -3403,13 +3403,13 @@ function CalloutToneMenu({ blockId, controller, tone }) {
 }
 var CalloutBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const tone = calloutTone(block.attrs.tone);
   const icon = calloutIcon(block.attrs, tone);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("quoin-callout group/callout flex items-start gap-2", TONE[tone]), "data-tone": tone, children: [
     readOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex size-6 items-center justify-center text-base", children: icon }) : /* @__PURE__ */ jsxRuntime.jsx(CalloutIconMenu, { blockId: block.id, controller, icon }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkP6HC7RUN_cjs.EditableRegion,
+      chunkZ6LAARPB_cjs.EditableRegion,
       {
         block: block.id,
         region: "body",
@@ -3478,22 +3478,22 @@ var headingStyles = (level) => `quoin-heading mb-1 font-semibold leading-tight i
 function Heading({ block }) {
   const labels = useLabels();
   const level = chunkI7X7B3WD_cjs.headingLevel(block.attrs.level);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
 }
 function NumberedItem({ block, controller }) {
   const labels = useLabels();
-  const number = chunkP6HC7RUN_cjs.useOrderedNumber(controller, block.id);
+  const number = chunkZ6LAARPB_cjs.useOrderedNumber(controller, block.id);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-list-item", "data-list": "ordered", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ListMarker, { list: "ordered", number, depth: block.indent }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
   ] });
 }
 function TaskItem({ block, controller }) {
   const labels = useLabels();
-  const hostId = chunkP6HC7RUN_cjs.useRegionDomId(block.id, REGION);
+  const hostId = chunkZ6LAARPB_cjs.useRegionDomId(block.id, REGION);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
   ] });
 }
 var MarkdownBlock = (props) => {
@@ -3505,16 +3505,16 @@ var MarkdownBlock = (props) => {
     case "bullet":
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-list-item", "data-list": "bullet", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ListMarker, { list: "bullet", depth: block.indent }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
       ] });
     case "ordered":
       return /* @__PURE__ */ jsxRuntime.jsx(NumberedItem, { ...props });
     case "task":
       return /* @__PURE__ */ jsxRuntime.jsx(TaskItem, { ...props });
     case "quote":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
   }
 };
 
@@ -3525,16 +3525,16 @@ function nestedBlockIds({ doc }, blockId) {
   return doc.blocks.slice(index + 1, chunkFK7EBZPX_cjs.descendantsEnd(doc, index)).map((block) => block.id);
 }
 function useNestedBlocks(controller, blockId) {
-  return chunkP6HC7RUN_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkI7X7B3WD_cjs.sameItems);
+  return chunkZ6LAARPB_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkI7X7B3WD_cjs.sameItems);
 }
 var ToggleBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const domId = chunkP6HC7RUN_cjs.useBlockDomId();
+  const domId = chunkZ6LAARPB_cjs.useBlockDomId();
   const nested = useNestedBlocks(controller, block.id);
-  const open = chunkP6HC7RUN_cjs.useToggleOpen(controller, block);
+  const open = chunkZ6LAARPB_cjs.useToggleOpen(controller, block);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkP6HC7RUN_cjs.ToggleChevron,
+      chunkZ6LAARPB_cjs.ToggleChevron,
       {
         block,
         controller,
@@ -3542,7 +3542,7 @@ var ToggleBlock = ({ block, controller }) => {
         controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkP6HC7RUN_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
   ] });
 };
 
@@ -3573,6 +3573,7 @@ function drawnInPlace(definitions, type) {
 }
 var drawsType = (definitions, type) => !Object.hasOwn(inPlaceRenderers, type) || chunkA6PGQVTR_cjs.blockByType(definitions, type) !== void 0;
 var opensEditor = (definitions, type) => drawnInPlace(definitions, type) || !drawnAsText(definitions, type, false) && chunkA6PGQVTR_cjs.blockByType(definitions, type)?.editor !== void 0;
+var definedWithoutEditor = (definitions) => Object.keys(inPlaceRenderers).filter((type) => hostDefines(definitions, type) && !opensEditor(definitions, type));
 
 // src/gutter/turn-into-targets.ts
 var HEADING_ICONS = [Heading1, Heading2, Heading3];
@@ -3638,7 +3639,7 @@ function ActionItem({ kit, controller, action, blockIds }) {
   );
 }
 function BlockMenuItems({ kit, controller, blocks, styled, title, actions }) {
-  const state = chunkP6HC7RUN_cjs.useEditorState(controller, chunkP6HC7RUN_cjs.wholeState);
+  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
   const blockIds = blocks.map((block) => block.id);
   const shown = actions.filter((action) => action.available?.(state, blockIds) ?? true);
   const anyText = styled.some((block) => chunkFK7EBZPX_cjs.isTextFlow(state.schema, block));
@@ -3683,7 +3684,7 @@ var CONTEXT_KIT = {
   SubTrigger: ContextMenuSubTrigger
 };
 var GUTTER_BLOCK = "data-quoin-gutter-block";
-var OWN_MENU = `[${chunkP6HC7RUN_cjs.NATIVE_INTERACTION}], input, textarea, select`;
+var OWN_MENU = `[${chunkZ6LAARPB_cjs.NATIVE_INTERACTION}], input, textarea, select`;
 function contextBlock(controller, target) {
   const { state } = controller.editor;
   const gutter = target.closest(`[${GUTTER_BLOCK}]`)?.getAttribute(GUTTER_BLOCK);
@@ -3712,7 +3713,7 @@ function useContextMenuOpener(controller, store, trigger) {
       openBlockMenuAt(store, controller.editor.state, block, clientX, clientY);
       hidden.dispatchEvent(new MouseEvent("contextmenu", { bubbles: true, cancelable: true, clientX, clientY }));
     };
-    return chunkP6HC7RUN_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
+    return chunkZ6LAARPB_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
   }, [controller, store, trigger]);
 }
 
@@ -3748,7 +3749,7 @@ function useLiveBlocks(controller, blockIds) {
     (state) => blockIds.flatMap((id) => chunkI7X7B3WD_cjs.blockById(state.doc, id) ?? []),
     [blockIds]
   );
-  return chunkP6HC7RUN_cjs.useEditorState(controller, select, chunkI7X7B3WD_cjs.sameItems);
+  return chunkZ6LAARPB_cjs.useEditorState(controller, select, chunkI7X7B3WD_cjs.sameItems);
 }
 function useMenuBlocks(controller, store, menu) {
   const labels = useLabels();
@@ -3875,7 +3876,7 @@ var DragOverlay = React7.forwardRef(function DragOverlay2(_props, ref) {
 var DELETION_STEPS = /* @__PURE__ */ new Set(["removeBlocks", "setIndent"]);
 function drawnPosition(doc, blockId) {
   const index = doc.index.get(blockId) ?? 0;
-  return [chunkP6HC7RUN_cjs.drawnBlockCount(doc, 0, index) + 1, chunkP6HC7RUN_cjs.drawnBlockCount(doc)];
+  return [chunkZ6LAARPB_cjs.drawnBlockCount(doc, 0, index) + 1, chunkZ6LAARPB_cjs.drawnBlockCount(doc)];
 }
 function blockMovedMessage(doc, blockId, labels) {
   return labels.blockMoved(...drawnPosition(doc, blockId));
@@ -3891,7 +3892,7 @@ function deletedCount(tr) {
   return tr.steps.reduce((deleted, step, i) => {
     const { index, count } = step.toJSON();
     if (step.stepType !== "removeBlocks" || typeof index !== "number" || typeof count !== "number") return deleted;
-    return deleted + chunkP6HC7RUN_cjs.drawnBlockCount(tr.docs[i], index, index + count);
+    return deleted + chunkZ6LAARPB_cjs.drawnBlockCount(tr.docs[i], index, index + count);
   }, 0);
 }
 function insertedBlock(tr) {
@@ -3933,7 +3934,7 @@ function inlineEdges(shell, box, rtl) {
 function measure(controller, root, moved, rtl) {
   const { doc } = controller.editor.state;
   const origin = rootOrigin(root);
-  return chunkP6HC7RUN_cjs.visibleBlockIndexes(doc).flatMap((index) => {
+  return chunkZ6LAARPB_cjs.visibleBlockIndexes(doc).flatMap((index) => {
     const { id, indent: indent3 } = doc.blocks[index];
     const shell = controller.blockElement(id);
     if (shell === void 0) return [];
@@ -4008,7 +4009,7 @@ function draggedBlocks(controller, blockId) {
 function followPress(press, root, view) {
   const { controller, store, overlay, handle: handle2, pointerId } = press;
   const doc = view.document;
-  const scroll = chunkP6HC7RUN_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
+  const scroll = chunkZ6LAARPB_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
   let pointer = { x: press.x, y: press.y };
   let active = null;
   let unsubscribe = () => {
@@ -4083,9 +4084,9 @@ function followPress(press, root, view) {
     event.stopPropagation();
     finish();
   }
-  const unlistenDocument = chunkP6HC7RUN_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
-  const unlistenBlur = chunkP6HC7RUN_cjs.listen(view, { blur: finish });
-  const unlistenKeys = chunkP6HC7RUN_cjs.listen(view, { keydown: onKeyDown }, true);
+  const unlistenDocument = chunkZ6LAARPB_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
+  const unlistenBlur = chunkZ6LAARPB_cjs.listen(view, { blur: finish });
+  const unlistenKeys = chunkZ6LAARPB_cjs.listen(view, { keydown: onKeyDown }, true);
   return finish;
 }
 function pressDragHandle(press) {
@@ -4220,7 +4221,7 @@ function place2(controller, root, gutter, block) {
   gutter.style.visibility = "";
 }
 function useGutterPosition(controller, gutter, block) {
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const element = gutter.current;
     const root = controller.root;
     const view = root?.ownerDocument.defaultView;
@@ -4252,7 +4253,7 @@ function blockAcross(controller, root, y) {
 }
 function useGutterTarget(controller, store, gutter) {
   const hovered = useCanvasUi(store, (state) => state.hoveredBlock);
-  const head = chunkP6HC7RUN_cjs.useEditorState(controller, headOf);
+  const head = chunkZ6LAARPB_cjs.useEditorState(controller, headOf);
   const [focusWithin, setFocusWithin] = React7.useState(false);
   React7.useEffect(() => {
     const root = controller.root;
@@ -4270,7 +4271,7 @@ function useGutterTarget(controller, store, gutter) {
     const onFocusIn = () => setFocusWithin(true);
     const onFocusOut = (event) => setFocusWithin(root.contains(event.relatedTarget));
     setFocusWithin(root.contains(root.ownerDocument.activeElement));
-    return chunkP6HC7RUN_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
+    return chunkZ6LAARPB_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
   }, [controller, store, gutter]);
   const fallback = focusWithin ? head : null;
   const target = hovered ?? fallback;
@@ -4363,7 +4364,7 @@ function pointInHost(host, { node, offset }) {
   return host.contains(node) ? { node, offset: Math.min(offset, nodeLength(node)) } : null;
 }
 function textRect(host, { from, to }) {
-  const map = chunkP6HC7RUN_cjs.domMapOf(host);
+  const map = chunkZ6LAARPB_cjs.domMapOf(host);
   const range = host.ownerDocument.createRange();
   if (map === void 0 || typeof range.getBoundingClientRect !== "function") return null;
   const start = pointInHost(host, map.toDom(from, 1));
@@ -4376,7 +4377,7 @@ function textRect(host, { from, to }) {
 }
 function rangeRect(controller, range) {
   const host = controller.registry.get(range.block, range.region);
-  if (host === void 0 || !host.isConnected || controller.composingKey === chunkP6HC7RUN_cjs.hostKey(range.block, range.region)) {
+  if (host === void 0 || !host.isConnected || controller.composingKey === chunkZ6LAARPB_cjs.hostKey(range.block, range.region)) {
     return null;
   }
   const rect = textRect(host, range);
@@ -4417,7 +4418,7 @@ function useSelectionAnchor(controller, state) {
     [controller, state]
   );
   const [side, setSide] = React7.useState("top");
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const rect = selectionRect(controller);
     if (rect) setSide(rect.top < ROOM_ABOVE ? "bottom" : "top");
   }, [controller, state]);
@@ -4499,7 +4500,7 @@ function TurnIntoDropdown({ controller, state }) {
 }
 var DIVIDER = "mx-0.5 h-5 w-px shrink-0 bg-border";
 function BubbleToolbar({ controller, labels, store, extraItems }) {
-  const state = chunkP6HC7RUN_cjs.useEditorState(controller, chunkP6HC7RUN_cjs.wholeState);
+  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
   const { anchor, side } = useSelectionAnchor(controller, state);
   const roving = useRovingFocus();
   const items = React7.useMemo(() => bubbleItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
@@ -4563,8 +4564,8 @@ var useFinePointer = () => useMediaQuery("(pointer: fine)", true);
 // src/menus/bubble/use-bubble-visibility.ts
 var hasTextRange = (state) => state.selection?.kind === "text" && !chunkFK7EBZPX_cjs.isCollapsed(state.selection) && chunkFK7EBZPX_cjs.markRanges(state).length > 0;
 function useBubbleVisibility(controller) {
-  const range = chunkP6HC7RUN_cjs.useEditorState(controller, hasTextRange);
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const range = chunkZ6LAARPB_cjs.useEditorState(controller, hasTextRange);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const fine = useFinePointer();
   const settled = useSelectionSettled(controller);
   return range && !readOnly && fine && settled;
@@ -4587,7 +4588,7 @@ function bubbleExtension() {
 // src/menus/link/link-at-selection.ts
 function linkAround(state, from, to = from) {
   if (from.block !== to.block || from.region !== to.region) return null;
-  const inline = chunkP6HC7RUN_cjs.regionInline(state, from.block, from.region) ?? [];
+  const inline = chunkZ6LAARPB_cjs.regionInline(state, from.block, from.region) ?? [];
   const extent = chunkFK7EBZPX_cjs.markExtent(inline, from.offset, "link");
   if (extent === null || to.offset > extent.to) return null;
   const attrs = chunkI7X7B3WD_cjs.sliceInline(inline, extent.from, extent.to)[0]?.marks.find((mark) => mark.type === "link")?.attrs;
@@ -4610,7 +4611,7 @@ function linkElementAt(controller, target) {
 }
 function linkAtElement(controller, state, element) {
   const host = controller.registry.locate(element);
-  const offset = host === null ? null : chunkP6HC7RUN_cjs.domMapOf(host.element)?.fromDom(element, 0) ?? null;
+  const offset = host === null ? null : chunkZ6LAARPB_cjs.domMapOf(host.element)?.fromDom(element, 0) ?? null;
   if (host === null || offset === null) return null;
   return linkAround(state, { block: host.block, region: host.region, offset });
 }
@@ -4663,7 +4664,7 @@ function caretLinkKey(state) {
   return link && [link.range.block, link.range.region, link.range.from, link.href].join("\0");
 }
 function useCaretInLink(controller, delay) {
-  const key = chunkP6HC7RUN_cjs.useEditorState(controller, caretLinkKey);
+  const key = chunkZ6LAARPB_cjs.useEditorState(controller, caretLinkKey);
   const settled = useSelectionSettled(controller);
   return useRestedValue(settled ? key : null, delay) !== null;
 }
@@ -4697,7 +4698,7 @@ var URL_LENGTH = 48;
 var CARD = "flex w-auto items-center gap-0.5 py-1 ps-3 pe-1 shadow-md";
 var ADDRESS = "me-1 whitespace-nowrap text-sm text-muted-foreground";
 function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
-  const state = chunkP6HC7RUN_cjs.useEditorState(controller, chunkP6HC7RUN_cjs.wholeState);
+  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
   const link = React7.useMemo(
     () => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
     [controller, state, element]
@@ -4715,7 +4716,7 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
   const edit2 = () => {
     if (element !== null) {
       const selection = chunkFK7EBZPX_cjs.textSelection({ block, region, offset: from }, { block, region, offset: to });
-      chunkP6HC7RUN_cjs.dispatchSelection(controller, selection);
+      chunkZ6LAARPB_cjs.dispatchSelection(controller, selection);
     }
     store.set({ linkPopover: { open: true } });
   };
@@ -4882,7 +4883,7 @@ function LinkOverlay({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
   const popoverOpen = useCanvasUi(store, isPopoverOpen);
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   useLinkClicks(controller);
   React7.useEffect(() => {
     if (readOnly && store.get().linkPopover.open) store.set({ linkPopover: { open: false } });
@@ -5062,10 +5063,10 @@ function useRangeAnchor(controller, range) {
   const [side, setSide] = React7.useState("bottom");
   const latest = React7.useRef(range);
   const start = range === null ? null : `${range.block} ${range.region} ${range.from}`;
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = range;
   });
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     const rect = latest.current && rangeRect(controller, latest.current);
     if (rect) setSide(sideFor(rect, window.innerHeight));
   }, [controller, start]);
@@ -5091,11 +5092,11 @@ function openCombobox(host, listboxId) {
 }
 function useComboboxHost(controller, block, region, listboxId, activeOptionId) {
   const host = React7.useRef(null);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     host.current = block === null || region === null ? null : controller.registry.get(block, region) ?? null;
     return host.current === null ? void 0 : openCombobox(host.current, listboxId);
   }, [controller, block, region, listboxId]);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     if (host.current !== null) restore(host.current, "aria-activedescendant", activeOptionId);
   }, [block, region, activeOptionId]);
 }
@@ -5141,10 +5142,10 @@ function handle(event, menu) {
 }
 function useSuggestionKeys(controller, open, menu) {
   const latest = React7.useRef(menu);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = menu;
   });
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     if (!open) return;
     const intercept = (event) => {
       const handled = handle(event, latest.current);
@@ -5165,10 +5166,10 @@ var isPromise = (value) => typeof value?.then === "function";
 function useSuggestionResults(source, query, onError) {
   const [answer, setAnswer] = React7.useState(FORGOTTEN);
   const report = React7.useRef(onError);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     report.current = onError;
   });
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     if (query === null) {
       setAnswer(FORGOTTEN);
       return;
@@ -5212,9 +5213,9 @@ function useSuggestion({
   emptyLabel
 }) {
   const { labels, onError } = useQuoin();
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const selectTrigger = React7.useCallback((state) => chunkFK7EBZPX_cjs.getPluginState(state, pluginKey).active, [pluginKey]);
-  const active = chunkP6HC7RUN_cjs.useEditorState(controller, selectTrigger);
+  const active = chunkZ6LAARPB_cjs.useEditorState(controller, selectTrigger);
   const trigger = readOnly ? null : active;
   const results = useSuggestionResults(source, trigger?.query ?? null, onError);
   const sections = React7.useMemo(() => groupItems(results.items, groupOf2), [results.items, groupOf2]);
@@ -5284,8 +5285,8 @@ function SuggestionMenu(props) {
   const { trigger, sections, activeIndex, listboxId } = suggestion;
   const { anchor, side } = useRangeAnchor(controller, trigger);
   const listbox = React7.useRef(null);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
-    listbox.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+    listbox.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [activeIndex, sections]);
   if (trigger === null) return null;
   const inEditor = (node) => node instanceof Node && controller.root?.contains(node) === true;
@@ -5363,7 +5364,7 @@ var TEXT_STEPS = /* @__PURE__ */ new Set(["replaceInline", "addMark", "removeMar
 var WHITESPACE3 = /\s/;
 var changesBlocks = (tr) => tr !== null && tr.steps.some((step) => !TEXT_STEPS.has(step.stepType));
 function withSpaceBefore(state, range) {
-  const inline = chunkP6HC7RUN_cjs.regionInline(state, range.block, range.region);
+  const inline = chunkZ6LAARPB_cjs.regionInline(state, range.block, range.region);
   if (inline === void 0 || range.from === 0) return null;
   const text2 = chunkI7X7B3WD_cjs.inlineText(inline);
   const after = text2.charAt(range.to);
@@ -5551,7 +5552,7 @@ function placement(viewport) {
 function EditingTools({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
-  const state = chunkP6HC7RUN_cjs.useEditorState(controller, chunkP6HC7RUN_cjs.wholeState);
+  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
   const viewport = useVisualViewport();
   const roving = useRovingFocus();
   const items = React7.useMemo(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
@@ -5875,7 +5876,7 @@ function runHistoryKey(controller, event) {
 }
 function useBlockIndex(controller, blockId) {
   const select = React7.useCallback((state) => state.doc.index.get(blockId) ?? -1, [blockId]);
-  return chunkP6HC7RUN_cjs.useEditorState(controller, select);
+  return chunkZ6LAARPB_cjs.useEditorState(controller, select);
 }
 var FOCUSABLE = [
   "input:not([disabled])",
@@ -5902,8 +5903,8 @@ function useEditingFocus(root, editing, stop) {
     const leaveUnlessInside = (event) => {
       if (!inside.current.has(event)) stop();
     };
-    const unlistenCapture = chunkP6HC7RUN_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
-    const unlisten = chunkP6HC7RUN_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
+    const unlistenCapture = chunkZ6LAARPB_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
+    const unlisten = chunkZ6LAARPB_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
     return () => {
       unlistenCapture();
       unlisten();
@@ -5932,8 +5933,8 @@ function VoidEditor({ Editor, controller, ...props }) {
 }
 function VoidBlock({ block, controller, definition }) {
   const { blockTypes, labels } = useQuoin();
-  const { report } = React7.useContext(chunkP6HC7RUN_cjs.BlockErrorContext);
-  const readOnly = chunkP6HC7RUN_cjs.useReadOnly(controller);
+  const { report } = React7.useContext(chunkZ6LAARPB_cjs.BlockErrorContext);
+  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
   const { editor: Editor, alwaysEditing = false } = definition;
   const name = blockTypeLabel(labels, block, blockTypes);
   const blockId = block.id;
@@ -5997,7 +5998,7 @@ function VoidBlock({ block, controller, definition }) {
       role: "group",
       "aria-label": name,
       tabIndex: editorShown ? -1 : void 0,
-      ...{ [chunkP6HC7RUN_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
+      ...{ [chunkZ6LAARPB_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
       onKeyDown,
       ...focusHandlers,
       onClick,
@@ -6179,7 +6180,7 @@ function revealLinkedBlock(controller, hash) {
   const { editor } = controller;
   const { doc, schema } = editor.state;
   editor.dispatch(editor.createTransaction().setSelection(chunkFK7EBZPX_cjs.startOf(doc, schema, id)));
-  shell.scrollIntoView({ block: "center" });
+  shell.scrollIntoView?.({ block: "center" });
   return true;
 }
 function useBlockLinkTarget(controller, focusOnMount) {
@@ -6216,7 +6217,7 @@ function deletions(codec, tr) {
 }
 function useDeleteReporter(controller, onDelete) {
   const latest = React7.useRef(onDelete);
-  chunkP6HC7RUN_cjs.useIsomorphicLayoutEffect(() => {
+  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onDelete;
   });
   React7.useEffect(() => {
@@ -6237,7 +6238,7 @@ function useStructureAnnouncements(controller, labels) {
     });
   }, [controller, labels]);
 }
-function useTypedInPlaceWarning(definitions, readOnly) {
+function useDefinitionWarnings(definitions, readOnly) {
   React7.useEffect(() => {
     if (readOnly) return;
     for (const type of definedTypedInPlace(definitions)) {
@@ -6245,6 +6246,11 @@ function useTypedInPlaceWarning(definitions, readOnly) {
         `the block type "${type}" has a definition of its own, which only a read-only canvas draws. An editable canvas keeps drawing ${type} blocks itself, since they are typed into in place.`
       );
     }
+    for (const type of definedWithoutEditor(definitions)) {
+      chunkA6PGQVTR_cjs.devWarn(
+        `the block type "${type}" has a definition of its own whose preview replaces the one that edits it, so an editable canvas draws ${type} blocks nobody can write in. Quoin edits ${type} in its preview rather than in an editor: give your definition an editor of its own, or keep Quoin's and draw yours only where the canvas is read-only.`
+      );
+    }
   }, [definitions, readOnly]);
 }
 var GUTTER_ROOM = "ps-12";
@@ -6286,9 +6292,9 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
     () => collectUi(allExtensions, blockTypes, readOnly, () => latestOnError.current),
     [allExtensions, blockTypes, readOnly]
   );
-  useTypedInPlaceWarning(blockTypes, readOnly);
+  useDefinitionWarnings(blockTypes, readOnly);
   const [focusOnMount] = React7.useState(autoFocus);
-  const controller = chunkP6HC7RUN_cjs.useQuoinEditor({
+  const controller = chunkZ6LAARPB_cjs.useQuoinEditor({
     blocks,
     onChange,
     readOnly,
@@ -6332,7 +6338,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
     [controller, resolveAssetUrl]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsxRuntime.jsx(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsxRuntime.jsx(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsxRuntime.jsx(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsxRuntime.jsx(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkP6HC7RUN_cjs.EditorView,
+    chunkZ6LAARPB_cjs.EditorView,
     {
       controller,
       renderers: ui.renderers,