quoin-editor 1.2.0 → 1.2.2

package/dist/{chunk-6X5A4DUQ.cjs → chunk-CZ5ZXBWC.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkNNDLIP2C_cjs = require('./chunk-NNDLIP2C.cjs');
+var chunkOGBD74IR_cjs = require('./chunk-OGBD74IR.cjs');
 var chunkA6PGQVTR_cjs = require('./chunk-A6PGQVTR.cjs');
-var chunk4F2IWBFM_cjs = require('./chunk-4F2IWBFM.cjs');
+var chunkG37GQ5JE_cjs = require('./chunk-G37GQ5JE.cjs');
 var chunkWZA5S5EJ_cjs = require('./chunk-WZA5S5EJ.cjs');
 var React7 = require('react');
 var lucideReact = require('lucide-react');
@@ -325,7 +325,7 @@ function imageSource(attrs, resolveAssetUrl) {
 var HINT = "text-sm text-muted-foreground";
 var TONE = {
   info: "border-info bg-info/15",
-  tip: "border-primary bg-primary/15",
+  tip: "border-tip bg-tip/15",
   warning: "border-warning bg-warning/15",
   success: "border-success bg-success/15",
   danger: "border-destructive bg-destructive/15"
@@ -408,7 +408,7 @@ function selectNode(controller, blockId) {
   const { editor } = controller;
   const { selection } = editor.state;
   if (selection?.kind === "node" && selection.block === blockId) return;
-  chunkNNDLIP2C_cjs.dispatchSelection(controller, chunk4F2IWBFM_cjs.nodeSelection(blockId));
+  chunkOGBD74IR_cjs.dispatchSelection(controller, chunkG37GQ5JE_cjs.nodeSelection(blockId));
 }
 function focusNode(controller, blockId) {
   selectNode(controller, blockId);
@@ -459,7 +459,7 @@ function createVoidEditing() {
     start?.();
   };
   return {
-    extension: chunk4F2IWBFM_cjs.defineExtension({
+    extension: chunkG37GQ5JE_cjs.defineExtension({
       name: "void-editing",
       priority: ABOVE_CORE_KEYS,
       keymap: { Enter: openEditor },
@@ -557,7 +557,7 @@ var FOCUS_RING = [
   "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-solid",
   "focus-visible:outline-[var(--quoin-ring)]"
 ].join(" ");
-var HIGHLIGHT_BAR = "data-[highlighted]:shadow-[inset_2px_0_0_var(--quoin-foreground)]";
+var HIGHLIGHT_BAR = "data-[highlighted]:shadow-[inset_2px_0_0_var(--quoin-ring)]";
 
 // src/ui/touch-target.ts
 var TAP_TARGET_FLOOR = "pointer-coarse:min-h-11";
@@ -570,8 +570,8 @@ var ICON_TAP_TARGET_FLOOR = [
 
 // src/ui/menu-styles.ts
 var FLOATING_TOOLBAR = "flex w-auto items-center gap-0.5 p-1 shadow-md";
-var MENU_CONTENT = "quoin bg-popover text-popover-foreground z-50 max-h-(--radix-popper-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
-var MENU_SUB_CONTENT = "quoin bg-popover text-popover-foreground z-50 max-h-(--radix-popper-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-lg";
+var MENU_CONTENT = "quoin bg-popover text-popover-foreground z-50 max-h-(--radix-popper-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg border border-border p-1 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+var MENU_SUB_CONTENT = "quoin bg-popover text-popover-foreground z-50 max-h-(--radix-popper-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg border border-border p-1 shadow-lg";
 var MENU_ITEM = [
   "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm focus:outline-hidden select-none data-[inset]:pl-8 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4",
   HIGHLIGHT_BAR,
@@ -736,32 +736,32 @@ function settle(tr, before) {
   const { schema } = tr.before;
   const result = tr.selection;
   if (result?.kind !== "blocks" || before?.kind === "blocks") return result;
-  const ids = chunk4F2IWBFM_cjs.selectedBlockIds(doc, result);
-  const head = chunk4F2IWBFM_cjs.headBlockId(before);
-  if (head !== null && ids.includes(head) && chunk4F2IWBFM_cjs.validateSelection(doc, schema, before) === before) return before;
-  return chunk4F2IWBFM_cjs.endOf(doc, schema, ids[0]);
+  const ids = chunkG37GQ5JE_cjs.selectedBlockIds(doc, result);
+  const head = chunkG37GQ5JE_cjs.headBlockId(before);
+  if (head !== null && ids.includes(head) && chunkG37GQ5JE_cjs.validateSelection(doc, schema, before) === before) return before;
+  return chunkG37GQ5JE_cjs.endOf(doc, schema, ids[0]);
 }
 function runOnBlocks(controller, blockIds, command) {
   const { state } = controller.editor;
   const ids = blockIds.filter((id) => state.doc.index.has(id));
   if (ids.length === 0) return false;
   const before = state.selection;
-  const exact = chunkWZA5S5EJ_cjs.sameItems(chunk4F2IWBFM_cjs.selectedBlockIds(state.doc, before), ids);
-  const ran = exact ? before : chunk4F2IWBFM_cjs.blockRangeSelection(ids[0], ids[ids.length - 1]);
-  const { ok, tr } = chunk4F2IWBFM_cjs.runCommands(state, [chunk4F2IWBFM_cjs.setSelection(ran), command]);
-  const result = ok && tr !== null ? tr : new chunk4F2IWBFM_cjs.Transaction(state).setSelection(ran);
+  const exact = chunkWZA5S5EJ_cjs.sameItems(chunkG37GQ5JE_cjs.selectedBlockIds(state.doc, before), ids);
+  const ran = exact ? before : chunkG37GQ5JE_cjs.blockRangeSelection(ids[0], ids[ids.length - 1]);
+  const { ok, tr } = chunkG37GQ5JE_cjs.runCommands(state, [chunkG37GQ5JE_cjs.setSelection(ran), command]);
+  const result = ok && tr !== null ? tr : new chunkG37GQ5JE_cjs.Transaction(state).setSelection(ran);
   const settled = exact ? result.selection : settle(result, before);
-  if (!chunk4F2IWBFM_cjs.sameSelection(settled, result.selection)) result.setSelection(settled);
-  if (result.docChanged || !chunk4F2IWBFM_cjs.sameSelection(result.selection, before)) controller.dispatch(result);
+  if (!chunkG37GQ5JE_cjs.sameSelection(settled, result.selection)) result.setSelection(settled);
+  if (result.docChanged || !chunkG37GQ5JE_cjs.sameSelection(result.selection, before)) controller.dispatch(result);
   return ok;
 }
 var noChange = () => true;
 
 // src/gutter/block-menu-items.ts
-var rangeOf = (blockIds) => chunk4F2IWBFM_cjs.blockRangeSelection(blockIds[0], blockIds[blockIds.length - 1]);
+var rangeOf = (blockIds) => chunkG37GQ5JE_cjs.blockRangeSelection(blockIds[0], blockIds[blockIds.length - 1]);
 function selectedWith(state, blockId) {
   const { doc, selection } = state;
-  const selected = chunk4F2IWBFM_cjs.selectedBlockIds(doc, selection);
+  const selected = chunkG37GQ5JE_cjs.selectedBlockIds(doc, selection);
   const ofBlocks = selection?.kind === "blocks" || selection?.kind === "text" && selected.length > 1;
   return ofBlocks && selected.includes(blockId) ? selected : null;
 }
@@ -770,7 +770,7 @@ function menuTargets(state, blockId) {
   if (selected !== null) return selected;
   const { doc } = state;
   const index = chunkWZA5S5EJ_cjs.requireBlockIndex(doc, blockId);
-  return doc.blocks.slice(index, chunk4F2IWBFM_cjs.descendantsEnd(doc, index)).map((block) => block.id);
+  return doc.blocks.slice(index, chunkG37GQ5JE_cjs.descendantsEnd(doc, index)).map((block) => block.id);
 }
 function styleTargets(state, blockId) {
   return selectedWith(state, blockId) ?? [blockId];
@@ -780,12 +780,12 @@ function menuActions(core, extra = []) {
 }
 function markdownOf(editor, blockIds, resolveAssetUrl) {
   const { doc } = editor.state;
-  const range = chunk4F2IWBFM_cjs.selectedBlockRange(doc, rangeOf(blockIds));
+  const range = chunkG37GQ5JE_cjs.selectedBlockRange(doc, rangeOf(blockIds));
   if (range === null) return "";
   const blocks = editor.codec.blocksFromDoc(chunkWZA5S5EJ_cjs.createDoc(doc.blocks.slice(range.start, range.end)));
-  return chunk4F2IWBFM_cjs.toMarkdown(blocks, { schema: editor.schema, resolveAssetUrl, comments: false });
+  return chunkG37GQ5JE_cjs.toMarkdown(blocks, { schema: editor.schema, resolveAssetUrl, comments: false });
 }
-var applies = (command) => (state, blockIds) => blockIds.every((id) => state.doc.index.has(id)) && chunk4F2IWBFM_cjs.runCommands(state, [chunk4F2IWBFM_cjs.setSelection(rangeOf(blockIds)), command]).ok;
+var applies = (command) => (state, blockIds) => blockIds.every((id) => state.doc.index.has(id)) && chunkG37GQ5JE_cjs.runCommands(state, [chunkG37GQ5JE_cjs.setSelection(rangeOf(blockIds)), command]).ok;
 function coreBlockMenuActions(labels, options) {
   const copy = (controller, blockIds, text2) => {
     void copyText(text2).then((copied) => {
@@ -799,7 +799,7 @@ function coreBlockMenuActions(labels, options) {
       label: labels.duplicate,
       icon: lucideReact.CopyPlus,
       shortcut: "Mod-d",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.duplicateBlocks())
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.duplicateBlocks())
     },
     {
       id: "copy",
@@ -818,23 +818,23 @@ function coreBlockMenuActions(labels, options) {
       label: labels.moveUp,
       icon: lucideReact.ArrowUp,
       shortcut: "Mod-Shift-ArrowUp",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.moveBlocksUp),
-      available: applies(chunk4F2IWBFM_cjs.moveBlocksUp)
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.moveBlocksUp),
+      available: applies(chunkG37GQ5JE_cjs.moveBlocksUp)
     },
     {
       id: "move-down",
       label: labels.moveDown,
       icon: lucideReact.ArrowDown,
       shortcut: "Mod-Shift-ArrowDown",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.moveBlocksDown),
-      available: applies(chunk4F2IWBFM_cjs.moveBlocksDown)
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.moveBlocksDown),
+      available: applies(chunkG37GQ5JE_cjs.moveBlocksDown)
     },
     {
       id: "delete",
       label: labels.delete,
       icon: lucideReact.Trash,
       destructive: true,
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.deleteBlocks)
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.deleteBlocks)
     }
   ];
 }
@@ -880,7 +880,7 @@ var sharedTone = (blocks) => {
 function CalloutMenus({ kit, controller, blocks }) {
   const labels = useLabels();
   const blockIds = blocks.map((block) => block.id);
-  const apply = (patch) => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.setAttrs(patch));
+  const apply = (patch) => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.setAttrs(patch));
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(kit.Sub, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(kit.SubTrigger, { children: [
@@ -928,7 +928,7 @@ function ColorMenu({ kit, controller, blocks }) {
   const labels = useLabels();
   const blockIds = blocks.map((block) => block.id);
   const value = { color: sharedColor(blocks, "color"), background: sharedColor(blocks, "background") };
-  const pick = (key, name) => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.setBlockColor({ [key]: name === "default" ? null : name }));
+  const pick = (key, name) => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.setBlockColor({ [key]: name === "default" ? null : name }));
   return /* @__PURE__ */ jsxRuntime.jsxs(kit.Sub, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(kit.SubTrigger, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: lucideReact.Palette }),
@@ -959,7 +959,7 @@ function modifierText(modifier, isMac, { keyNames }) {
   return Object.hasOwn(MODIFIERS, name) ? keyNames[MODIFIERS[name]] : capitalized(modifier);
 }
 function formatShortcut(shortcut, platform = {}) {
-  const { isMac = chunk4F2IWBFM_cjs.detectMac(), labels = englishLabels } = platform;
+  const { isMac = chunkG37GQ5JE_cjs.detectMac(), labels = englishLabels } = platform;
   const parts = shortcut.split(shortcut.includes("+") ? "+" : "-");
   const key = parts.pop() ?? shortcut;
   const written = [...parts.map((modifier) => modifierText(modifier, isMac, labels)), keyText(key, labels)];
@@ -1039,21 +1039,21 @@ function languageOptions(query, plainText) {
 }
 
 // src/blocks/insert-blocks.ts
-var isEmptyParagraph = (schema, block) => chunk4F2IWBFM_cjs.isParagraph(block) && chunk4F2IWBFM_cjs.regionLength(block, chunk4F2IWBFM_cjs.primaryRegion(schema, block) ?? "") === 0;
+var isEmptyParagraph = (schema, block) => chunkG37GQ5JE_cjs.isParagraph(block) && chunkG37GQ5JE_cjs.regionLength(block, chunkG37GQ5JE_cjs.primaryRegion(schema, block) ?? "") === 0;
 function fresh(schema, { id, type, attrs, regions }, indent3) {
-  const block = chunk4F2IWBFM_cjs.createBlock(schema, type, attrs, indent3, id);
+  const block = chunkG37GQ5JE_cjs.createBlock(schema, type, attrs, indent3, id);
   return regions === void 0 ? block : { ...block, regions };
 }
 function landOnLine(tr, schema, index, indent3) {
   const next = tr.doc.blocks[index];
   const reused = next !== void 0 && next.indent === indent3 && isEmptyParagraph(schema, next);
-  const line = reused ? next : chunk4F2IWBFM_cjs.createBlock(schema, schema.defaultTextBlock, {}, indent3);
-  if (!reused) tr.step(chunk4F2IWBFM_cjs.insertBlocksStep(index, [line]));
-  tr.setSelection(chunk4F2IWBFM_cjs.startOf(tr.doc, schema, line.id));
+  const line = reused ? next : chunkG37GQ5JE_cjs.createBlock(schema, schema.defaultTextBlock, {}, indent3);
+  if (!reused) tr.step(chunkG37GQ5JE_cjs.insertBlocksStep(index, [line]));
+  tr.setSelection(chunkG37GQ5JE_cjs.startOf(tr.doc, schema, line.id));
 }
 function land(tr, schema, landing, first, after) {
-  if (landing === "text") tr.setSelection(chunk4F2IWBFM_cjs.startOf(tr.doc, schema, first.id));
-  if (landing === "editor") tr.setSelection(chunk4F2IWBFM_cjs.nodeSelection(first.id)).setMeta(OPEN_EDITOR, first.id);
+  if (landing === "text") tr.setSelection(chunkG37GQ5JE_cjs.startOf(tr.doc, schema, first.id));
+  if (landing === "editor") tr.setSelection(chunkG37GQ5JE_cjs.nodeSelection(first.id)).setMeta(OPEN_EDITOR, first.id);
   if (landing === "line") landOnLine(tr, schema, after, first.indent);
 }
 function anchorIndex(doc, id) {
@@ -1063,24 +1063,24 @@ function anchorIndex(doc, id) {
 function insertBlocks(blocks, landing, anchorId) {
   return (state, dispatch) => {
     const { doc, schema } = state;
-    const id = anchorId === void 0 ? chunk4F2IWBFM_cjs.headBlockId(state.selection) : anchorId;
+    const id = anchorId === void 0 ? chunkG37GQ5JE_cjs.headBlockId(state.selection) : anchorId;
     const index = anchorIndex(doc, id);
     if (index === void 0 || blocks.length === 0) return false;
     const anchor = id === null ? void 0 : doc.blocks[index];
     const created2 = blocks.map((block) => fresh(schema, block, anchor?.indent ?? 0));
-    const tr = new chunk4F2IWBFM_cjs.Transaction(state);
+    const tr = new chunkG37GQ5JE_cjs.Transaction(state);
     const empty = anchor !== void 0 && landing !== "stay" && isEmptyParagraph(schema, anchor);
     if (empty && landing === "line") {
-      tr.step(chunk4F2IWBFM_cjs.insertBlocksStep(index, created2)).setSelection(chunk4F2IWBFM_cjs.startOf(tr.doc, schema, anchor.id));
+      tr.step(chunkG37GQ5JE_cjs.insertBlocksStep(index, created2)).setSelection(chunkG37GQ5JE_cjs.startOf(tr.doc, schema, anchor.id));
     } else if (empty) {
       const [first, ...rest] = created2;
       const filled = { ...first, id: anchor.id };
-      tr.step(chunk4F2IWBFM_cjs.replaceBlockStep(filled));
-      if (rest.length > 0) tr.step(chunk4F2IWBFM_cjs.insertBlocksStep(index + 1, rest));
+      tr.step(chunkG37GQ5JE_cjs.replaceBlockStep(filled));
+      if (rest.length > 0) tr.step(chunkG37GQ5JE_cjs.insertBlocksStep(index + 1, rest));
       land(tr, schema, landing, filled, index + created2.length);
     } else {
-      const at = anchor === void 0 ? 0 : chunk4F2IWBFM_cjs.descendantsEnd(doc, index);
-      tr.step(chunk4F2IWBFM_cjs.insertBlocksStep(at, created2));
+      const at = anchor === void 0 ? 0 : chunkG37GQ5JE_cjs.descendantsEnd(doc, index);
+      tr.step(chunkG37GQ5JE_cjs.insertBlocksStep(at, created2));
       land(tr, schema, landing, created2[0], at + created2.length);
     }
     dispatch?.(tr);
@@ -1103,18 +1103,18 @@ function writeCode(controller, blockId, code, group) {
   const { editor } = controller;
   const block = chunkWZA5S5EJ_cjs.blockById(editor.state.doc, blockId);
   if (block === void 0 || block.attrs.code === code) return;
-  controller.dispatch(editor.createTransaction().step(chunk4F2IWBFM_cjs.setAttrsStep(blockId, { code })).setMeta(chunk4F2IWBFM_cjs.HISTORY_GROUP, group));
+  controller.dispatch(editor.createTransaction().step(chunkG37GQ5JE_cjs.setAttrsStep(blockId, { code })).setMeta(chunkG37GQ5JE_cjs.HISTORY_GROUP, group));
 }
 function codeToParagraph(blockId) {
   return (state, dispatch) => {
-    const turn = chunk4F2IWBFM_cjs.setBlockType("MARKDOWN", { kind: "paragraph" });
-    const { ok, tr } = chunk4F2IWBFM_cjs.runCommands(state, [chunk4F2IWBFM_cjs.setSelection(chunk4F2IWBFM_cjs.nodeSelection(blockId)), turn]);
+    const turn = chunkG37GQ5JE_cjs.setBlockType("MARKDOWN", { kind: "paragraph" });
+    const { ok, tr } = chunkG37GQ5JE_cjs.runCommands(state, [chunkG37GQ5JE_cjs.setSelection(chunkG37GQ5JE_cjs.nodeSelection(blockId)), turn]);
     if (ok && tr !== null) dispatch?.(tr);
     return ok;
   };
 }
 function leaveCode(controller, blockId, direction, addsLine = false) {
-  const moved = chunkNNDLIP2C_cjs.moveToNeighbour(controller, blockId, direction);
+  const moved = chunkOGBD74IR_cjs.moveToNeighbour(controller, blockId, direction);
   if (!moved && !(addsLine && controller.run(insertBlocks([{ type: "MARKDOWN" }], "text", blockId)))) return false;
   controller.focus();
   return true;
@@ -1192,8 +1192,8 @@ var MOD_KEYS = [
   ["Mod-a", ({ value, start, end }) => start === 0 && end === value.length ? { kind: "selectAll" } : null]
 ];
 function codeKeyAction(event, field, isMac) {
-  const name = chunk4F2IWBFM_cjs.keyName(event, isMac);
-  const modKey = MOD_KEYS.find(([key]) => chunk4F2IWBFM_cjs.normalizeKey(key, isMac) === name);
+  const name = chunkG37GQ5JE_cjs.keyName(event, isMac);
+  const modKey = MOD_KEYS.find(([key]) => chunkG37GQ5JE_cjs.normalizeKey(key, isMac) === name);
   const handler = modKey?.[1] ?? (Object.hasOwn(KEYS, name) ? KEYS[name] : void 0);
   return handler?.(field) ?? null;
 }
@@ -1239,7 +1239,7 @@ function travel({ controller, blockId, area }, command) {
   const before = area.value;
   controller.run(command);
   const { selection } = controller.editor.state;
-  const edit2 = chunkNNDLIP2C_cjs.textDiff(before, area.value);
+  const edit2 = chunkOGBD74IR_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;
@@ -1255,13 +1255,13 @@ function runCodeAction(action, context) {
     case "paragraph":
       return selectAndFocus(context, codeToParagraph(blockId));
     case "undo":
-      return travel(context, chunk4F2IWBFM_cjs.undo);
+      return travel(context, chunkG37GQ5JE_cjs.undo);
     case "redo":
-      return travel(context, chunk4F2IWBFM_cjs.redo);
+      return travel(context, chunkG37GQ5JE_cjs.redo);
     case "selectAll":
-      return selectAndFocus(context, chunk4F2IWBFM_cjs.selectAll);
+      return selectAndFocus(context, chunkG37GQ5JE_cjs.selectAll);
     case "escape":
-      return selectAndFocus(context, chunk4F2IWBFM_cjs.setSelection(chunk4F2IWBFM_cjs.blockRangeSelection(blockId)));
+      return selectAndFocus(context, chunkG37GQ5JE_cjs.setSelection(chunkG37GQ5JE_cjs.blockRangeSelection(blockId)));
     case "controls":
       context.focusControls();
       return true;
@@ -1324,11 +1324,11 @@ function CodeEditor({ block, controller, field, focusControls }) {
   useTypeIntoCode(controller, blockId, field, edit2);
   const onKeyDown = (event) => {
     const area = event.currentTarget;
-    if (chunkNNDLIP2C_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkOGBD74IR_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", { ...{ [chunkNNDLIP2C_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunkOGBD74IR_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       HighlightOverlay,
       {
@@ -1370,7 +1370,7 @@ var BASE = [
 ];
 var VARIANTS = {
   default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-  outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+  outline: "border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
   ghost: "hover:bg-accent hover:text-accent-foreground"
 };
 var SIZES = {
@@ -1398,7 +1398,7 @@ var Button = React7__namespace.forwardRef(function Button2({ className, variant
 var COPIED_FOR_MS = 1500;
 function CopyCodeButton({ code, controller }) {
   const labels = useLabels();
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const [copied, setCopied] = React7.useState(false);
   React7.useEffect(() => {
     if (!copied) return;
@@ -1468,7 +1468,7 @@ var PopoverContent = /* @__PURE__ */ React7__namespace.forwardRef(function Popov
       align,
       sideOffset,
       className: cn(
-        "quoin bg-popover text-popover-foreground z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md focus:outline-hidden",
+        "quoin bg-popover text-popover-foreground z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-lg border p-4 shadow-md focus:outline-hidden",
         className
       ),
       ...props
@@ -1481,7 +1481,7 @@ var preventDefault = (event) => event.preventDefault();
 
 // src/blocks/text/set-block-attrs.ts
 function setBlockAttrs(controller, blockId, patch) {
-  if (!controller.readOnly) controller.run(chunkNNDLIP2C_cjs.onBlock(blockId, chunk4F2IWBFM_cjs.setAttrs(patch)));
+  if (!controller.readOnly) controller.run(chunkOGBD74IR_cjs.onBlock(blockId, chunkG37GQ5JE_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`;
@@ -1497,7 +1497,7 @@ 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}`;
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     list.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }, [active]);
   const close = () => {
@@ -1523,7 +1523,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
     onDone();
   };
   const onKeyDown = (event) => {
-    if (chunkNNDLIP2C_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkOGBD74IR_cjs.isComposingKey(controller, event.nativeEvent)) return;
     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
       const step = event.key === "ArrowDown" ? 1 : -1;
@@ -1597,7 +1597,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
 }
 var CodeBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const languageField = React7.useRef(null);
   const codeField = React7.useRef(null);
   const code = chunkWZA5S5EJ_cjs.str(block.attrs.code);
@@ -1699,7 +1699,7 @@ function selectHandlers(controller, blockId, root, onSelect) {
   return {
     onKeyDown(event) {
       const key = event.nativeEvent;
-      if (chunkNNDLIP2C_cjs.isComposingKey(controller, key)) return;
+      if (chunkOGBD74IR_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;
@@ -1888,7 +1888,7 @@ function assetOf(controller, blockId, type) {
 var sameAsset = (a, b) => a !== null && b !== null && a.url === b.url && a.storageKey === b.storageKey;
 function writeAttrs(controller, blockId, patch, recorded) {
   const { editor } = controller;
-  const tr = editor.createTransaction().step(chunk4F2IWBFM_cjs.setAttrsStep(blockId, patch));
+  const tr = editor.createTransaction().step(chunkG37GQ5JE_cjs.setAttrsStep(blockId, patch));
   editor.dispatch(recorded ? tr : tr.setMeta("addToHistory", false));
 }
 async function uploadInto(controller, blockId, file, { type, category }, { upload, onLand }, land2) {
@@ -1919,7 +1919,7 @@ var uploadFile = (controller, blockId, file, host) => uploadInto(
 var anyFile = () => true;
 var FileBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const filled = hasFile(block.attrs);
   useNodeKeys(controller, block.id, !readOnly, !filled, root);
@@ -1983,7 +1983,7 @@ function usePartAnchor(controller, blockId, selector) {
 }
 var replaceItem = (title, run) => run ? [{ id: "replace", title, icon: lucideReact.Upload, run }] : [];
 function deleteBlock(controller, blockId) {
-  runOnBlocks(controller, [blockId], chunk4F2IWBFM_cjs.deleteBlocks);
+  runOnBlocks(controller, [blockId], chunkG37GQ5JE_cjs.deleteBlocks);
   controller.focus();
 }
 var deleteItem = (blockId, title) => ({
@@ -1998,8 +1998,8 @@ function markItem(mark, title, icon) {
     id: mark,
     title,
     icon,
-    isActive: (state) => chunk4F2IWBFM_cjs.isActive(state, mark),
-    run: (controller) => void controller.run(chunk4F2IWBFM_cjs.toggleMark(mark))
+    isActive: (state) => chunkG37GQ5JE_cjs.isActive(state, mark),
+    run: (controller) => void controller.run(chunkG37GQ5JE_cjs.toggleMark(mark))
   };
 }
 var linkItem = (labels, openLink) => ({
@@ -2069,7 +2069,7 @@ function useRovingFocus() {
     },
     [syncTabStop]
   );
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(syncTabStop);
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(syncTabStop);
   const onFocus = (event) => {
     if (!owns(event.target)) return;
     current.current = event.target;
@@ -2088,7 +2088,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) {
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     const intercept = (event) => {
       if (!isFocusKey(event)) return false;
       event.preventDefault();
@@ -2100,11 +2100,11 @@ function useFocusKey(controller, focus) {
 }
 function NodeToolbar(props) {
   const { blockId, controller, label, anchor, items, next, buttonRefs, children, popover } = props;
-  const state = chunkNNDLIP2C_cjs.useEditorState(controller, chunkNNDLIP2C_cjs.wholeState);
+  const state = chunkOGBD74IR_cjs.useEditorState(controller, chunkOGBD74IR_cjs.wholeState);
   const roving = useRovingFocus();
   useFocusKey(controller, roving.focusCurrent);
   const onKeyDown = (event) => {
-    if (!roving.owns(event.target) || chunkNNDLIP2C_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (!roving.owns(event.target) || chunkOGBD74IR_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();
@@ -2185,8 +2185,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 = chunkNNDLIP2C_cjs.useEditorState(controller, selected);
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const blockId = chunkOGBD74IR_cjs.useEditorState(controller, selected);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const settled = useSelectionSettled(controller);
   return blockId !== null && !readOnly && (settled || keptFor === blockId) ? blockId : null;
 }
@@ -2265,7 +2265,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
   const value = percent ?? drawn;
   const write = (widthPercent) => setBlockAttrs(controller, blockId, { widthPercent });
   const onKeyDown = (event) => {
-    if (chunkNNDLIP2C_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkOGBD74IR_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const next = keyedWidth(event.key, value);
     if (event.key === "Escape") controller.focus();
     else if (next === null) return;
@@ -2307,7 +2307,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
       "aria-valuetext": labels.widthValue(value),
       "data-side": side,
       className: "quoin-image-handle",
-      ...{ [chunkNNDLIP2C_cjs.NATIVE_INTERACTION]: "" },
+      ...{ [chunkOGBD74IR_cjs.NATIVE_INTERACTION]: "" },
       ...bubblePart(controller),
       onKeyDown,
       onPointerDown: onPointerDown(side),
@@ -2380,7 +2380,7 @@ function ImageFigure({ block, controller, readOnly }) {
       )
     ] }),
     (!readOnly || (regions.caption?.length ?? 0) > 0) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNDLIP2C_cjs.EditableRegion,
+      chunkOGBD74IR_cjs.EditableRegion,
       {
         block: id,
         region: "caption",
@@ -2410,9 +2410,8 @@ var Input = React7__namespace.forwardRef(function Input2({ className, type, ...p
       type,
       "data-slot": "input",
       className: cn(
-        "border-muted-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:opacity-50 md:text-sm",
+        "border-input hover:border-muted-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,border-color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:opacity-50 md:text-sm",
         FOCUS_RING,
-        "focus-visible:border-ring",
         "aria-invalid:border-destructive",
         TAP_TARGET_FLOOR,
         className
@@ -2519,7 +2518,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
       // then follows.
       enter() {
         const { editor } = controller;
-        editor.dispatch(editor.createTransaction().setSelection(chunk4F2IWBFM_cjs.textSelection(captionEnd(controller, blockId))));
+        editor.dispatch(editor.createTransaction().setSelection(chunkG37GQ5JE_cjs.textSelection(captionEnd(controller, blockId))));
         controller.focus();
       },
       type(key) {
@@ -2544,7 +2543,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
 }
 var ImageBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const picture = hasPicture(block.attrs);
   useImageKeys(controller, block.id, picture, !readOnly, root);
@@ -2557,17 +2556,17 @@ var ImageBlock = ({ block, controller }) => {
       "aria-label": labels.blockNames.image,
       contentEditable: false,
       className: "quoin-image",
-      ...picture ? { [chunkNNDLIP2C_cjs.NODE_ENTRY]: "" } : void 0,
+      ...picture ? { [chunkOGBD74IR_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);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onPress;
   });
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     const doc = ownerDocument();
     const inside = (target) => element.current?.contains(target) === true;
     let touched = null;
@@ -2582,7 +2581,7 @@ function useOutsidePress(element, ownerDocument, onPress) {
       if (touched !== null && !inside(event.target)) latest.current(touched);
       touched = null;
     };
-    return chunkNNDLIP2C_cjs.listen(doc, { pointerdown: down, click }, true);
+    return chunkOGBD74IR_cjs.listen(doc, { pointerdown: down, click }, true);
   }, [element, ownerDocument]);
 }
 function storeAlt(controller, blockId, opened, patch) {
@@ -2590,7 +2589,7 @@ function storeAlt(controller, blockId, opened, patch) {
   const attrs = chunkWZA5S5EJ_cjs.blockById(editor.state.doc, blockId)?.attrs ?? {};
   const changed = chunkWZA5S5EJ_cjs.str(attrs.alt) !== opened.alt || attrs.decorative === true !== opened.decorative;
   if (controller.readOnly || controller.root === null || changed) return;
-  chunkNNDLIP2C_cjs.onBlock(blockId, chunk4F2IWBFM_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
+  chunkOGBD74IR_cjs.onBlock(blockId, chunkG37GQ5JE_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
 }
 function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative, onClose }) {
   const labels = useLabels();
@@ -2632,7 +2631,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
     close(true);
   };
   const onKeyDown = (event) => {
-    if (event.key !== "Tab" || chunkNNDLIP2C_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (event.key !== "Tab" || chunkOGBD74IR_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const controls = [...event.currentTarget.elements];
     const next = controls[controls.indexOf(event.target) + (event.shiftKey ? -1 : 1)];
     event.preventDefault();
@@ -2660,7 +2659,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
             onCloseAutoFocus: preventDefault,
             onEscapeKeyDown: (event) => {
               event.preventDefault();
-              if (!chunkNNDLIP2C_cjs.isComposingKey(controller, event)) close(false);
+              if (!chunkOGBD74IR_cjs.isComposingKey(controller, event)) close(false);
             },
             ...bubblePart(controller),
             children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "quoin-image-alt", onSubmit: save, onKeyDown, children: [
@@ -2754,7 +2753,7 @@ function ImageToolbarOverlay({ controller }) {
 }
 function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
   const { labels, resolveAssetUrl } = useQuoin();
-  const state = chunkNNDLIP2C_cjs.useEditorState(controller, chunkNNDLIP2C_cjs.wholeState);
+  const state = chunkOGBD74IR_cjs.useEditorState(controller, chunkOGBD74IR_cjs.wholeState);
   const picker = useReplacePicker(controller, blockId, uploadImage, "image/*");
   const altButton = React7.useRef(null);
   const anchor = usePartAnchor(controller, blockId, ".quoin-image-frame");
@@ -2986,13 +2985,13 @@ function CalloutToneMenu({ blockId, controller, tone }) {
 }
 var CalloutBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const readOnly = chunkOGBD74IR_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(
-      chunkNNDLIP2C_cjs.EditableRegion,
+      chunkOGBD74IR_cjs.EditableRegion,
       {
         block: block.id,
         region: "body",
@@ -3061,22 +3060,22 @@ var headingStyles = (level) => `quoin-heading mb-1 font-semibold leading-tight i
 function Heading({ block }) {
   const labels = useLabels();
   const level = chunkWZA5S5EJ_cjs.headingLevel(block.attrs.level);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsxRuntime.jsx(chunkNNDLIP2C_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(chunkOGBD74IR_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
 }
 function NumberedItem({ block, controller }) {
   const labels = useLabels();
-  const number = chunkNNDLIP2C_cjs.useOrderedNumber(controller, block.id);
+  const number = chunkOGBD74IR_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(chunkNNDLIP2C_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
   ] });
 }
 function TaskItem({ block, controller }) {
   const labels = useLabels();
-  const hostId = chunkNNDLIP2C_cjs.useRegionDomId(block.id, REGION);
+  const hostId = chunkOGBD74IR_cjs.useRegionDomId(block.id, REGION);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkNNDLIP2C_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkNNDLIP2C_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
   ] });
 }
 var MarkdownBlock = (props) => {
@@ -3088,16 +3087,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(chunkNNDLIP2C_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_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(chunkNNDLIP2C_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkNNDLIP2C_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
   }
 };
 
@@ -3105,19 +3104,19 @@ var MarkdownBlock = (props) => {
 function nestedBlockIds({ doc }, blockId) {
   const index = doc.index.get(blockId);
   if (index === void 0) return [];
-  return doc.blocks.slice(index + 1, chunk4F2IWBFM_cjs.descendantsEnd(doc, index)).map((block) => block.id);
+  return doc.blocks.slice(index + 1, chunkG37GQ5JE_cjs.descendantsEnd(doc, index)).map((block) => block.id);
 }
 function useNestedBlocks(controller, blockId) {
-  return chunkNNDLIP2C_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkWZA5S5EJ_cjs.sameItems);
+  return chunkOGBD74IR_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkWZA5S5EJ_cjs.sameItems);
 }
 var ToggleBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const domId = chunkNNDLIP2C_cjs.useBlockDomId();
+  const domId = chunkOGBD74IR_cjs.useBlockDomId();
   const nested = useNestedBlocks(controller, block.id);
-  const open = chunkNNDLIP2C_cjs.useToggleOpen(controller, block);
+  const open = chunkOGBD74IR_cjs.useToggleOpen(controller, block);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNNDLIP2C_cjs.ToggleChevron,
+      chunkOGBD74IR_cjs.ToggleChevron,
       {
         block,
         controller,
@@ -3125,7 +3124,7 @@ var ToggleBlock = ({ block, controller }) => {
         controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkNNDLIP2C_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOGBD74IR_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
   ] });
 };
 
@@ -3184,7 +3183,7 @@ function turnIntoTargets(labels) {
 function TurnIntoItems({ kit, controller, blockIds }) {
   const { blockTypes, labels } = useQuoin();
   const targets = turnIntoTargets(labels).filter((target) => drawsType(blockTypes, target.type));
-  return targets.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, chunk4F2IWBFM_cjs.setBlockType(target.type, target.attrs)), children: [
+  return targets.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, chunkG37GQ5JE_cjs.setBlockType(target.type, target.attrs)), children: [
     /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: target.icon }),
     target.label
   ] }, target.id));
@@ -3219,10 +3218,10 @@ function ActionItem({ kit, controller, action, blockIds }) {
   );
 }
 function BlockMenuItems({ kit, controller, blocks, styled, title, actions }) {
-  const state = chunkNNDLIP2C_cjs.useEditorState(controller, chunkNNDLIP2C_cjs.wholeState);
+  const state = chunkOGBD74IR_cjs.useEditorState(controller, chunkOGBD74IR_cjs.wholeState);
   const blockIds = blocks.map((block) => block.id);
   const shown = actions.filter((action) => action.available?.(state, blockIds) ?? true);
-  const anyText = styled.some((block) => chunk4F2IWBFM_cjs.isTextFlow(state.schema, block));
+  const anyText = styled.some((block) => chunkG37GQ5JE_cjs.isTextFlow(state.schema, block));
   const anyMarkdown = styled.some((block) => block.type === "MARKDOWN");
   const allCallouts = styled.length > 0 && styled.every((block) => block.type === "CALLOUT");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -3264,7 +3263,7 @@ var CONTEXT_KIT = {
   SubTrigger: ContextMenuSubTrigger
 };
 var GUTTER_BLOCK = "data-quoin-gutter-block";
-var OWN_MENU = `[${chunkNNDLIP2C_cjs.NATIVE_INTERACTION}], input, textarea, select`;
+var OWN_MENU = `[${chunkOGBD74IR_cjs.NATIVE_INTERACTION}], input, textarea, select`;
 function contextBlock(controller, target) {
   const { state } = controller.editor;
   const gutter = target.closest(`[${GUTTER_BLOCK}]`)?.getAttribute(GUTTER_BLOCK);
@@ -3274,7 +3273,7 @@ function contextBlock(controller, target) {
   if (target.closest(OWN_MENU) || controller.registry.locate(target) !== null) return null;
   const id = controller.blockAt(target);
   const block = id === void 0 ? void 0 : chunkWZA5S5EJ_cjs.blockById(state.doc, id);
-  return block === void 0 || chunk4F2IWBFM_cjs.isTextFlow(state.schema, block) ? null : block.id;
+  return block === void 0 || chunkG37GQ5JE_cjs.isTextFlow(state.schema, block) ? null : block.id;
 }
 function useContextMenuOpener(controller, store, trigger) {
   React7.useEffect(() => {
@@ -3293,7 +3292,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 chunkNNDLIP2C_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
+    return chunkOGBD74IR_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
   }, [controller, store, trigger]);
 }
 
@@ -3329,7 +3328,7 @@ function useLiveBlocks(controller, blockIds) {
     (state) => blockIds.flatMap((id) => chunkWZA5S5EJ_cjs.blockById(state.doc, id) ?? []),
     [blockIds]
   );
-  return chunkNNDLIP2C_cjs.useEditorState(controller, select, chunkWZA5S5EJ_cjs.sameItems);
+  return chunkOGBD74IR_cjs.useEditorState(controller, select, chunkWZA5S5EJ_cjs.sameItems);
 }
 function useMenuBlocks(controller, store, menu) {
   const labels = useLabels();
@@ -3382,12 +3381,12 @@ function BlockContextMenu({ controller, store, actions }) {
 // src/gutter/block-menu-keymap.ts
 function blockMenuKeymap(store) {
   const openForHead = (state, dispatch) => {
-    const head = chunk4F2IWBFM_cjs.headBlockId(state.selection);
+    const head = chunkG37GQ5JE_cjs.headBlockId(state.selection);
     if (head === null || !state.doc.index.has(head)) return false;
     if (dispatch) openBlockMenu(store, state, head);
     return true;
   };
-  return chunk4F2IWBFM_cjs.defineExtension({ name: "block-menu", keymap: { "Mod-/": openForHead } });
+  return chunkG37GQ5JE_cjs.defineExtension({ name: "block-menu", keymap: { "Mod-/": openForHead } });
 }
 var UNIQUE_OR_FOCUSABLE = ["id", "data-block-id", "contenteditable", "tabindex"];
 function copyOf(shell) {
@@ -3456,7 +3455,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 [chunkNNDLIP2C_cjs.drawnBlockCount(doc, 0, index) + 1, chunkNNDLIP2C_cjs.drawnBlockCount(doc)];
+  return [chunkOGBD74IR_cjs.drawnBlockCount(doc, 0, index) + 1, chunkOGBD74IR_cjs.drawnBlockCount(doc)];
 }
 function blockMovedMessage(doc, blockId, labels) {
   return labels.blockMoved(...drawnPosition(doc, blockId));
@@ -3472,11 +3471,11 @@ 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 + chunkNNDLIP2C_cjs.drawnBlockCount(tr.docs[i], index, index + count);
+    return deleted + chunkOGBD74IR_cjs.drawnBlockCount(tr.docs[i], index, index + count);
   }, 0);
 }
 function insertedBlock(tr) {
-  if (tr.getMeta(chunk4F2IWBFM_cjs.LINE_SPLIT) === true || tr.steps.some((step) => step.stepType === "removeBlocks")) return null;
+  if (tr.getMeta(chunkG37GQ5JE_cjs.LINE_SPLIT) === true || tr.steps.some((step) => step.stepType === "removeBlocks")) return null;
   const inserted = tr.steps.flatMap((step) => {
     const { blocks } = step.toJSON();
     return step.stepType === "insertBlocks" && Array.isArray(blocks) ? blocks : [];
@@ -3484,7 +3483,7 @@ function insertedBlock(tr) {
   return inserted.find((block) => tr.doc.index.has(block.id))?.id ?? null;
 }
 function structureAnnouncement(tr, labels, undoKeys) {
-  if (tr.origin !== "command" || tr.getMeta(chunk4F2IWBFM_cjs.LINE_JOIN) === true) return null;
+  if (tr.origin !== "command" || tr.getMeta(chunkG37GQ5JE_cjs.LINE_JOIN) === true) return null;
   const moved = movedBlock(tr);
   if (moved !== null) return blockMovedMessage(tr.doc, moved, labels);
   const deleted = deletedCount(tr);
@@ -3514,7 +3513,7 @@ function inlineEdges(shell, box, rtl) {
 function measure(controller, root, moved, rtl) {
   const { doc } = controller.editor.state;
   const origin = rootOrigin(root);
-  return chunkNNDLIP2C_cjs.visibleBlockIndexes(doc).flatMap((index) => {
+  return chunkOGBD74IR_cjs.visibleBlockIndexes(doc).flatMap((index) => {
     const { id, indent: indent3 } = doc.blocks[index];
     const shell = controller.blockElement(id);
     if (shell === void 0) return [];
@@ -3529,7 +3528,7 @@ function measureDrag(controller, root, ids) {
   const { doc } = controller.editor.state;
   const direction = inlineDirection(root);
   const rtl = direction === "rtl";
-  const moved = new Set(chunk4F2IWBFM_cjs.movedBlockIds(doc, ids));
+  const moved = new Set(chunkG37GQ5JE_cjs.movedBlockIds(doc, ids));
   const blocks = measure(controller, root, moved, rtl);
   const dragged = blocks.filter((block) => block.dragged);
   if (dragged.length === 0) return null;
@@ -3589,7 +3588,7 @@ function draggedBlocks(controller, blockId) {
 function followPress(press, root, view) {
   const { controller, store, overlay, handle: handle2, pointerId } = press;
   const doc = view.document;
-  const scroll = chunkNNDLIP2C_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
+  const scroll = chunkOGBD74IR_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
   let pointer = { x: press.x, y: press.y };
   let active = null;
   let unsubscribe = () => {
@@ -3642,7 +3641,7 @@ function followPress(press, root, view) {
     finish();
     if (dropped === null || dropped.target === null || controller.readOnly) return;
     const { ids, layout, target } = dropped;
-    if (!controller.run(chunk4F2IWBFM_cjs.moveBlocksTo(ids, layout.toIndex(target.index), target.indent))) return;
+    if (!controller.run(chunkG37GQ5JE_cjs.moveBlocksTo(ids, layout.toIndex(target.index), target.indent))) return;
     controller.focus();
     press.onMoved(ids[0]);
   }
@@ -3664,9 +3663,9 @@ function followPress(press, root, view) {
     event.stopPropagation();
     finish();
   }
-  const unlistenDocument = chunkNNDLIP2C_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
-  const unlistenBlur = chunkNNDLIP2C_cjs.listen(view, { blur: finish });
-  const unlistenKeys = chunkNNDLIP2C_cjs.listen(view, { keydown: onKeyDown }, true);
+  const unlistenDocument = chunkOGBD74IR_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
+  const unlistenBlur = chunkOGBD74IR_cjs.listen(view, { blur: finish });
+  const unlistenKeys = chunkOGBD74IR_cjs.listen(view, { keydown: onKeyDown }, true);
   return finish;
 }
 function pressDragHandle(press) {
@@ -3720,10 +3719,10 @@ function addBlockBelow(controller, blockId) {
   const { doc, schema } = state;
   const block = chunkWZA5S5EJ_cjs.blockById(doc, blockId);
   if (block === void 0) return false;
-  const empty = chunk4F2IWBFM_cjs.isParagraph(block) && chunk4F2IWBFM_cjs.regionLength(block, chunk4F2IWBFM_cjs.primaryRegion(schema, block) ?? "") === 0;
-  const fill = empty ? chunk4F2IWBFM_cjs.setSelection(chunk4F2IWBFM_cjs.startOf(doc, schema, blockId)) : chunk4F2IWBFM_cjs.insertBlockAfter("MARKDOWN", { kind: "paragraph" });
-  const slash = chunk4F2IWBFM_cjs.insertText("/", { origin: "command" });
-  const { ok, tr } = chunk4F2IWBFM_cjs.runCommands(state, [chunk4F2IWBFM_cjs.setSelection(chunk4F2IWBFM_cjs.blockRangeSelection(blockId)), fill, slash]);
+  const empty = chunkG37GQ5JE_cjs.isParagraph(block) && chunkG37GQ5JE_cjs.regionLength(block, chunkG37GQ5JE_cjs.primaryRegion(schema, block) ?? "") === 0;
+  const fill = empty ? chunkG37GQ5JE_cjs.setSelection(chunkG37GQ5JE_cjs.startOf(doc, schema, blockId)) : chunkG37GQ5JE_cjs.insertBlockAfter("MARKDOWN", { kind: "paragraph" });
+  const slash = chunkG37GQ5JE_cjs.insertText("/", { origin: "command" });
+  const { ok, tr } = chunkG37GQ5JE_cjs.runCommands(state, [chunkG37GQ5JE_cjs.setSelection(chunkG37GQ5JE_cjs.blockRangeSelection(blockId)), fill, slash]);
   if (ok && tr !== null) controller.dispatch(tr);
   controller.focus();
   return ok;
@@ -3801,7 +3800,7 @@ function place2(controller, root, gutter, block) {
   gutter.style.visibility = "";
 }
 function useGutterPosition(controller, gutter, block) {
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     const element = gutter.current;
     const root = controller.root;
     const view = root?.ownerDocument.defaultView;
@@ -3825,7 +3824,7 @@ function useGutterPosition(controller, gutter, block) {
     };
   }, [controller, gutter, block]);
 }
-var headOf = (state) => chunk4F2IWBFM_cjs.headBlockId(state.selection);
+var headOf = (state) => chunkG37GQ5JE_cjs.headBlockId(state.selection);
 function blockAcross(controller, root, y) {
   const box = root.getBoundingClientRect();
   const probe = root.ownerDocument.elementFromPoint?.(box.left + box.width / 2, y);
@@ -3833,7 +3832,7 @@ function blockAcross(controller, root, y) {
 }
 function useGutterTarget(controller, store, gutter) {
   const hovered = useCanvasUi(store, (state) => state.hoveredBlock);
-  const head = chunkNNDLIP2C_cjs.useEditorState(controller, headOf);
+  const head = chunkOGBD74IR_cjs.useEditorState(controller, headOf);
   const [focusWithin, setFocusWithin] = React7.useState(false);
   React7.useEffect(() => {
     const root = controller.root;
@@ -3851,7 +3850,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 chunkNNDLIP2C_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
+    return chunkOGBD74IR_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
   }, [controller, store, gutter]);
   const fallback = focusWithin ? head : null;
   const target = hovered ?? fallback;
@@ -3948,7 +3947,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 = chunkNNDLIP2C_cjs.domMapOf(host);
+  const map = chunkOGBD74IR_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));
@@ -3961,7 +3960,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 === chunkNNDLIP2C_cjs.hostKey(range.block, range.region)) {
+  if (host === void 0 || !host.isConnected || controller.composingKey === chunkOGBD74IR_cjs.hostKey(range.block, range.region)) {
     return null;
   }
   const rect = textRect(host, range);
@@ -3977,7 +3976,7 @@ function union(a, b) {
 function selectionRect(controller) {
   const { state } = controller.editor;
   if (state.selection?.kind !== "text") return null;
-  const ranges = chunk4F2IWBFM_cjs.markRanges(state);
+  const ranges = chunkG37GQ5JE_cjs.markRanges(state);
   if (ranges.length === 0) return null;
   const first = rangeRect(controller, ranges[0]);
   if (ranges.length === 1) return first;
@@ -3988,7 +3987,7 @@ function selectionRect(controller) {
 // src/menus/floating/use-selection-anchor.ts
 var ROOM_ABOVE = 56;
 function selectionHost(controller) {
-  const [first] = chunk4F2IWBFM_cjs.markRanges(controller.editor.state);
+  const [first] = chunkG37GQ5JE_cjs.markRanges(controller.editor.state);
   return (first && controller.registry.get(first.block, first.region)) ?? controller.root ?? void 0;
 }
 function useSelectionAnchor(controller, state) {
@@ -4002,7 +4001,7 @@ function useSelectionAnchor(controller, state) {
     [controller, state]
   );
   const [side, setSide] = React7.useState("top");
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     const rect = selectionRect(controller);
     if (rect) setSide(rect.top < ROOM_ABOVE ? "bottom" : "top");
   }, [controller, state]);
@@ -4037,7 +4036,7 @@ var ICONS = { left: lucideReact.AlignLeft, center: lucideReact.AlignCenter, righ
 var ALIGNS2 = Object.keys(ICONS);
 var LABEL_KEYS = { left: "alignLeft", center: "alignCenter", right: "alignRight", justify: "alignJustify" };
 function sharedAlign(state) {
-  const blocks = chunk4F2IWBFM_cjs.selectedBlockIds(state.doc, state.selection).map((id) => chunkWZA5S5EJ_cjs.blockById(state.doc, id)).filter((block) => block?.type === "MARKDOWN");
+  const blocks = chunkG37GQ5JE_cjs.selectedBlockIds(state.doc, state.selection).map((id) => chunkWZA5S5EJ_cjs.blockById(state.doc, id)).filter((block) => block?.type === "MARKDOWN");
   if (blocks.length === 0) return null;
   const aligns = new Set(blocks.map((block) => chunkWZA5S5EJ_cjs.alignOrUndefined(block?.attrs.align) ?? "left"));
   return aligns.size === 1 ? [...aligns][0] : "";
@@ -4048,7 +4047,7 @@ function AlignDropdown({ controller, state }) {
   if (value === null) return null;
   const Icon = value === "" ? lucideReact.AlignLeft : ICONS[value];
   const trigger = /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.align, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) });
-  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value, onValueChange: (align) => controller.run(chunk4F2IWBFM_cjs.setTextAlign(align)), children: ALIGNS2.map((align) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: align, indicator: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value, onValueChange: (align) => controller.run(chunkG37GQ5JE_cjs.setTextAlign(align)), children: ALIGNS2.map((align) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: align, indicator: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }), children: [
     /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: ICONS[align] }),
     labels[LABEL_KEYS[align]]
   ] }, align)) }) });
@@ -4056,8 +4055,8 @@ function AlignDropdown({ controller, state }) {
 var MARKS = { color: "color", background: "highlight" };
 function selectionColor(state, mark) {
   const names = /* @__PURE__ */ new Set();
-  for (const range of chunk4F2IWBFM_cjs.markRanges(state)) {
-    for (const node of chunk4F2IWBFM_cjs.rangeContent(state, range)) {
+  for (const range of chunkG37GQ5JE_cjs.markRanges(state)) {
+    for (const node of chunkG37GQ5JE_cjs.rangeContent(state, range)) {
       const found = node.marks.find((candidate) => candidate.type === mark);
       names.add(found === void 0 ? "default" : found.attrs?.color);
     }
@@ -4066,7 +4065,7 @@ function selectionColor(state, mark) {
   return names.size === 1 && typeof only === "string" ? only : "";
 }
 function colorCommand(key, name) {
-  return name === "default" ? chunk4F2IWBFM_cjs.unsetMark(MARKS[key]) : chunk4F2IWBFM_cjs.setMark(MARKS[key], { color: name });
+  return name === "default" ? chunkG37GQ5JE_cjs.unsetMark(MARKS[key]) : chunkG37GQ5JE_cjs.setMark(MARKS[key], { color: name });
 }
 function ColorPopover({ controller, state }) {
   const labels = useLabels();
@@ -4080,11 +4079,11 @@ function TurnIntoDropdown({ controller, state }) {
     labels.turnInto,
     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {})
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: chunk4F2IWBFM_cjs.selectedBlockIds(state.doc, state.selection) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: chunkG37GQ5JE_cjs.selectedBlockIds(state.doc, state.selection) }) });
 }
 var DIVIDER = "mx-0.5 h-5 w-px shrink-0 bg-border";
 function BubbleToolbar({ controller, labels, store, extraItems }) {
-  const state = chunkNNDLIP2C_cjs.useEditorState(controller, chunkNNDLIP2C_cjs.wholeState);
+  const state = chunkOGBD74IR_cjs.useEditorState(controller, chunkOGBD74IR_cjs.wholeState);
   const { anchor, side } = useSelectionAnchor(controller, state);
   const roving = useRovingFocus();
   const items = React7.useMemo(() => bubbleItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
@@ -4146,10 +4145,10 @@ function useMediaQuery(query, unsupported) {
 var useFinePointer = () => useMediaQuery("(pointer: fine)", true);
 
 // src/menus/bubble/use-bubble-visibility.ts
-var hasTextRange = (state) => state.selection?.kind === "text" && !chunk4F2IWBFM_cjs.isCollapsed(state.selection) && chunk4F2IWBFM_cjs.markRanges(state).length > 0;
+var hasTextRange = (state) => state.selection?.kind === "text" && !chunkG37GQ5JE_cjs.isCollapsed(state.selection) && chunkG37GQ5JE_cjs.markRanges(state).length > 0;
 function useBubbleVisibility(controller) {
-  const range = chunkNNDLIP2C_cjs.useEditorState(controller, hasTextRange);
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const range = chunkOGBD74IR_cjs.useEditorState(controller, hasTextRange);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const fine = useFinePointer();
   const settled = useSelectionSettled(controller);
   return range && !readOnly && fine && settled;
@@ -4166,14 +4165,14 @@ function BubbleOverlay({ controller }) {
   return /* @__PURE__ */ jsxRuntime.jsx(BubbleToolbar, { controller, labels, store, extraItems });
 }
 function bubbleExtension() {
-  return chunk4F2IWBFM_cjs.defineExtension({ name: "bubble", ui: { overlays: [BubbleOverlay] } });
+  return chunkG37GQ5JE_cjs.defineExtension({ name: "bubble", ui: { overlays: [BubbleOverlay] } });
 }
 
 // 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 = chunkNNDLIP2C_cjs.regionInline(state, from.block, from.region) ?? [];
-  const extent = chunk4F2IWBFM_cjs.markExtent(inline, from.offset, "link");
+  const inline = chunkOGBD74IR_cjs.regionInline(state, from.block, from.region) ?? [];
+  const extent = chunkG37GQ5JE_cjs.markExtent(inline, from.offset, "link");
   if (extent === null || to.offset > extent.to) return null;
   const attrs = chunkWZA5S5EJ_cjs.sliceInline(inline, extent.from, extent.to)[0]?.marks.find((mark) => mark.type === "link")?.attrs;
   if (attrs?.href === void 0) return null;
@@ -4183,7 +4182,7 @@ function linkAround(state, from, to = from) {
 function linkAtSelection(state) {
   const { selection } = state;
   if (selection?.kind !== "text") return null;
-  const { from, to } = chunk4F2IWBFM_cjs.orderedRange(state.doc, selection.anchor, selection.head);
+  const { from, to } = chunkG37GQ5JE_cjs.orderedRange(state.doc, selection.anchor, selection.head);
   return linkAround(state, from, to);
 }
 
@@ -4195,7 +4194,7 @@ function linkElementAt(controller, target) {
 }
 function linkAtElement(controller, state, element) {
   const host = controller.registry.locate(element);
-  const offset = host === null ? null : chunkNNDLIP2C_cjs.domMapOf(host.element)?.fromDom(element, 0) ?? null;
+  const offset = host === null ? null : chunkOGBD74IR_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 });
 }
@@ -4221,7 +4220,7 @@ function truncateMiddle(text2, max) {
 // src/menus/link/unlink-range.ts
 function unlinkRange({ block, region, from, to }) {
   return (state, dispatch) => {
-    const tr = new chunk4F2IWBFM_cjs.Transaction(state).step(chunk4F2IWBFM_cjs.removeMarkStep(block, region, from, to, "link"));
+    const tr = new chunkG37GQ5JE_cjs.Transaction(state).step(chunkG37GQ5JE_cjs.removeMarkStep(block, region, from, to, "link"));
     if (!tr.docChanged) return false;
     dispatch?.(tr);
     return true;
@@ -4243,12 +4242,12 @@ function useRestedValue(value, delay) {
 // src/menus/link/use-caret-in-link.ts
 function caretLinkKey(state) {
   const { selection } = state;
-  if (selection?.kind !== "text" || !chunk4F2IWBFM_cjs.isCollapsed(selection)) return null;
+  if (selection?.kind !== "text" || !chunkG37GQ5JE_cjs.isCollapsed(selection)) return null;
   const link = linkAtSelection(state);
   return link && [link.range.block, link.range.region, link.range.from, link.href].join("\0");
 }
 function useCaretInLink(controller, delay) {
-  const key = chunkNNDLIP2C_cjs.useEditorState(controller, caretLinkKey);
+  const key = chunkOGBD74IR_cjs.useEditorState(controller, caretLinkKey);
   const settled = useSelectionSettled(controller);
   return useRestedValue(settled ? key : null, delay) !== null;
 }
@@ -4282,7 +4281,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 = chunkNNDLIP2C_cjs.useEditorState(controller, chunkNNDLIP2C_cjs.wholeState);
+  const state = chunkOGBD74IR_cjs.useEditorState(controller, chunkOGBD74IR_cjs.wholeState);
   const link = React7.useMemo(
     () => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
     [controller, state, element]
@@ -4299,8 +4298,8 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
   const address = truncateMiddle(link.href, URL_LENGTH);
   const edit2 = () => {
     if (element !== null) {
-      const selection = chunk4F2IWBFM_cjs.textSelection({ block, region, offset: from }, { block, region, offset: to });
-      chunkNNDLIP2C_cjs.dispatchSelection(controller, selection);
+      const selection = chunkG37GQ5JE_cjs.textSelection({ block, region, offset: from }, { block, region, offset: to });
+      chunkOGBD74IR_cjs.dispatchSelection(controller, selection);
     }
     store.set({ linkPopover: { open: true } });
   };
@@ -4346,8 +4345,8 @@ function insertLinkedText(value, href, caret) {
   return (state, dispatch) => {
     if (!safe) return false;
     const link = { type: "link", attrs: { href: safe } };
-    const marks = chunkWZA5S5EJ_cjs.addMark(chunk4F2IWBFM_cjs.caretMarks(state.doc, state.schema, state.storedMarks, caret), link);
-    const tr = new chunk4F2IWBFM_cjs.Transaction(state).step(chunk4F2IWBFM_cjs.replaceInlineStep(caret.block, caret.region, caret.offset, caret.offset, [chunkWZA5S5EJ_cjs.text(value, marks)])).setSelection(chunk4F2IWBFM_cjs.textSelection({ ...caret, offset: caret.offset + value.length }));
+    const marks = chunkWZA5S5EJ_cjs.addMark(chunkG37GQ5JE_cjs.caretMarks(state.doc, state.schema, state.storedMarks, caret), link);
+    const tr = new chunkG37GQ5JE_cjs.Transaction(state).step(chunkG37GQ5JE_cjs.replaceInlineStep(caret.block, caret.region, caret.offset, caret.offset, [chunkWZA5S5EJ_cjs.text(value, marks)])).setSelection(chunkG37GQ5JE_cjs.textSelection({ ...caret, offset: caret.offset + value.length }));
     dispatch?.(tr);
     return true;
   };
@@ -4356,10 +4355,10 @@ function applyLink(href, value) {
   return (state, dispatch) => {
     const { selection } = state;
     const link = linkAtSelection(state);
-    if (selection?.kind === "text" && chunk4F2IWBFM_cjs.isCollapsed(selection) && link === null) {
+    if (selection?.kind === "text" && chunkG37GQ5JE_cjs.isCollapsed(selection) && link === null) {
       return insertLinkedText(value, href, selection.head)(state, dispatch);
     }
-    return chunk4F2IWBFM_cjs.setLink(href, link?.title)(state, dispatch);
+    return chunkG37GQ5JE_cjs.setLink(href, link?.title)(state, dispatch);
   };
 }
 var CONTENT2 = "w-80 p-2 shadow-md";
@@ -4370,7 +4369,7 @@ function popoverAnchor(controller, link) {
   if (selection?.kind !== "text") return null;
   const { block, region, offset } = selection.head;
   const caret = link?.range ?? { block, region, from: offset, to: offset };
-  const collapsed = chunk4F2IWBFM_cjs.isCollapsed(selection);
+  const collapsed = chunkG37GQ5JE_cjs.isCollapsed(selection);
   return virtualAnchor(
     () => collapsed ? rangeRect(controller, caret) : selectionRect(controller),
     () => controller.registry.get(block, region)
@@ -4399,7 +4398,7 @@ function LinkPopover({ controller, labels, onClose }) {
     backToText();
   };
   const remove = () => {
-    controller.run(chunk4F2IWBFM_cjs.unsetLink);
+    controller.run(chunkG37GQ5JE_cjs.unsetLink);
     backToText();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4467,7 +4466,7 @@ function LinkOverlay({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
   const popoverOpen = useCanvasUi(store, isPopoverOpen);
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   useLinkClicks(controller);
   React7.useEffect(() => {
     if (readOnly && store.get().linkPopover.open) store.set({ linkPopover: { open: false } });
@@ -4482,7 +4481,7 @@ function linkExtension(store) {
     if (dispatch) store.set({ linkPopover: { open: true } });
     return true;
   };
-  return chunk4F2IWBFM_cjs.defineExtension({ name: "link", keymap: { "Mod-k": openPopover }, ui: { overlays: [LinkOverlay] } });
+  return chunkG37GQ5JE_cjs.defineExtension({ name: "link", keymap: { "Mod-k": openPopover }, ui: { overlays: [LinkOverlay] } });
 }
 
 // src/menus/suggestion/find-trigger.ts
@@ -4507,7 +4506,7 @@ function triggerOffset(text2, start, config) {
 }
 function findTrigger(state, config) {
   const { doc, selection } = state;
-  if (selection?.kind !== "text" || !chunk4F2IWBFM_cjs.isCollapsed(selection)) return null;
+  if (selection?.kind !== "text" || !chunkG37GQ5JE_cjs.isCollapsed(selection)) return null;
   const { block: blockId, region, offset: caret } = selection.head;
   const block = chunkWZA5S5EJ_cjs.blockById(doc, blockId);
   if (block === void 0 || NO_TRIGGER_TYPES.has(block.type) || !Object.hasOwn(block.regions, region)) return null;
@@ -4545,7 +4544,7 @@ function suggestionPlugin(key, config) {
     init: (state) => ({ active: nearest(state, findTrigger(state, config)), dismissedAt: null }),
     apply(tr, value, oldState, newState) {
       const dismissing = tr.getMeta(DISMISS) === key.name;
-      if (!dismissing && !tr.docChanged && chunk4F2IWBFM_cjs.sameSelection(oldState.selection, newState.selection)) return value;
+      if (!dismissing && !tr.docChanged && chunkG37GQ5JE_cjs.sameSelection(oldState.selection, newState.selection)) return value;
       const found = findTrigger(newState, config);
       let dismissedAt = null;
       if (dismissing) dismissedAt = found && rangeOf2(found);
@@ -4562,14 +4561,14 @@ function suggestionPlugin(key, config) {
 }
 function dismissSuggestion(key) {
   return (state, dispatch) => {
-    if (chunk4F2IWBFM_cjs.getPluginState(state, key).active === null) return false;
-    dispatch?.(new chunk4F2IWBFM_cjs.Transaction(state).setMeta(DISMISS, key.name));
+    if (chunkG37GQ5JE_cjs.getPluginState(state, key).active === null) return false;
+    dispatch?.(new chunkG37GQ5JE_cjs.Transaction(state).setMeta(DISMISS, key.name));
     return true;
   };
 }
 
 // src/menus/slash/slash-key.ts
-var slashKey = chunk4F2IWBFM_cjs.createPluginKey("slash");
+var slashKey = chunkG37GQ5JE_cjs.createPluginKey("slash");
 var DETAILS = {
   text: { group: "basic", keywords: ["paragraph", "plain"], shortcut: "Mod-Alt-0" },
   heading1: { group: "basic", keywords: ["h1", "title", "#"], shortcut: "Mod-Alt-1" },
@@ -4645,10 +4644,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}`;
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = range;
   });
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     const rect = latest.current && rangeRect(controller, latest.current);
     if (rect) setSide(sideFor(rect, window.innerHeight));
   }, [controller, start]);
@@ -4674,11 +4673,11 @@ function openCombobox(host, listboxId) {
 }
 function useComboboxHost(controller, block, region, listboxId, activeOptionId) {
   const host = React7.useRef(null);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_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]);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     if (host.current !== null) restore(host.current, "aria-activedescendant", activeOptionId);
   }, [block, region, activeOptionId]);
 }
@@ -4724,10 +4723,10 @@ function handle(event, menu) {
 }
 function useSuggestionKeys(controller, open, menu) {
   const latest = React7.useRef(menu);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = menu;
   });
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     if (!open) return;
     const intercept = (event) => {
       const handled = handle(event, latest.current);
@@ -4748,10 +4747,10 @@ var isPromise = (value) => typeof value?.then === "function";
 function useSuggestionResults(source, query, onError) {
   const [answer, setAnswer] = React7.useState(FORGOTTEN);
   const report = React7.useRef(onError);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     report.current = onError;
   });
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     if (query === null) {
       setAnswer(FORGOTTEN);
       return;
@@ -4795,9 +4794,9 @@ function useSuggestion({
   emptyLabel
 }) {
   const { labels, onError } = useQuoin();
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
-  const selectTrigger = React7.useCallback((state) => chunk4F2IWBFM_cjs.getPluginState(state, pluginKey).active, [pluginKey]);
-  const active = chunkNNDLIP2C_cjs.useEditorState(controller, selectTrigger);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
+  const selectTrigger = React7.useCallback((state) => chunkG37GQ5JE_cjs.getPluginState(state, pluginKey).active, [pluginKey]);
+  const active = chunkOGBD74IR_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]);
@@ -4819,7 +4818,7 @@ function useSuggestion({
   );
   const select = React7.useCallback(
     (index) => {
-      const current = chunk4F2IWBFM_cjs.getPluginState(controller.editor.state, pluginKey).active;
+      const current = chunkG37GQ5JE_cjs.getPluginState(controller.editor.state, pluginKey).active;
       if (current !== null && index < ordered.length) onSelect(ordered[index], rangeOf2(current));
     },
     [controller, pluginKey, ordered, onSelect]
@@ -4867,7 +4866,7 @@ function SuggestionMenu(props) {
   const { trigger, sections, activeIndex, listboxId } = suggestion;
   const { anchor, side } = useRangeAnchor(controller, trigger);
   const listbox = React7.useRef(null);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     listbox.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }, [activeIndex, sections]);
   if (trigger === null) return null;
@@ -4926,14 +4925,14 @@ function SuggestionMenu(props) {
 // src/menus/suggestion/replace-trigger.ts
 function deleteTrigger({ block, region, from, to }) {
   return (state, dispatch) => {
-    const tr = new chunk4F2IWBFM_cjs.Transaction(state);
-    if (from >= to || !tr.maybeStep(chunk4F2IWBFM_cjs.replaceInlineStep(block, region, from, to, []))) return false;
-    dispatch?.(tr.setSelection(chunk4F2IWBFM_cjs.textSelection({ block, region, offset: from })));
+    const tr = new chunkG37GQ5JE_cjs.Transaction(state);
+    if (from >= to || !tr.maybeStep(chunkG37GQ5JE_cjs.replaceInlineStep(block, region, from, to, []))) return false;
+    dispatch?.(tr.setSelection(chunkG37GQ5JE_cjs.textSelection({ block, region, offset: from })));
     return true;
   };
 }
 function triggerReplacement(state, range, command) {
-  return chunk4F2IWBFM_cjs.runCommands(state, command === void 0 ? [deleteTrigger(range)] : [deleteTrigger(range), command]);
+  return chunkG37GQ5JE_cjs.runCommands(state, command === void 0 ? [deleteTrigger(range)] : [deleteTrigger(range), command]);
 }
 function replaceTrigger(controller, range, command) {
   const { ok, tr } = triggerReplacement(controller.editor.state, range, command);
@@ -4946,7 +4945,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 = chunkNNDLIP2C_cjs.regionInline(state, range.block, range.region);
+  const inline = chunkOGBD74IR_cjs.regionInline(state, range.block, range.region);
   if (inline === void 0 || range.from === 0) return null;
   const text2 = chunkWZA5S5EJ_cjs.inlineText(inline);
   const after = text2.charAt(range.to);
@@ -5053,7 +5052,7 @@ function SlashOverlay({ controller }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SlashMenu, { controller, labels, items });
 }
 function slashExtension() {
-  return chunk4F2IWBFM_cjs.defineExtension({
+  return chunkG37GQ5JE_cjs.defineExtension({
     name: "slash",
     plugins: [suggestionPlugin(slashKey, { char: "/" })],
     ui: { overlays: [SlashOverlay] }
@@ -5063,7 +5062,7 @@ function commandItem(id, title, icon, command) {
   return { id, title, icon, run: (controller) => void controller.run(command) };
 }
 function addBlockAtCaret(controller) {
-  const block = chunk4F2IWBFM_cjs.headBlockId(controller.editor.state.selection);
+  const block = chunkG37GQ5JE_cjs.headBlockId(controller.editor.state.selection);
   if (block !== null) addBlockBelow(controller, block);
 }
 function mobileItems(labels, openLink) {
@@ -5075,10 +5074,10 @@ function mobileItems(labels, openLink) {
       markItem("strike", labels.strike, lucideReact.Strikethrough),
       markItem("code", labels.code, lucideReact.Code),
       linkItem(labels, openLink),
-      commandItem("indent", labels.indent, lucideReact.ListIndentIncrease, chunk4F2IWBFM_cjs.indent),
-      commandItem("outdent", labels.outdent, lucideReact.ListIndentDecrease, chunk4F2IWBFM_cjs.outdent),
-      commandItem("undo", labels.undo, lucideReact.Undo2, chunk4F2IWBFM_cjs.undo),
-      commandItem("redo", labels.redo, lucideReact.Redo2, chunk4F2IWBFM_cjs.redo)
+      commandItem("indent", labels.indent, lucideReact.ListIndentIncrease, chunkG37GQ5JE_cjs.indent),
+      commandItem("outdent", labels.outdent, lucideReact.ListIndentDecrease, chunkG37GQ5JE_cjs.outdent),
+      commandItem("undo", labels.undo, lucideReact.Undo2, chunkG37GQ5JE_cjs.undo),
+      commandItem("redo", labels.redo, lucideReact.Redo2, chunkG37GQ5JE_cjs.redo)
     ]
   };
 }
@@ -5132,7 +5131,7 @@ function placement(viewport) {
 function EditingTools({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
-  const state = chunkNNDLIP2C_cjs.useEditorState(controller, chunkNNDLIP2C_cjs.wholeState);
+  const state = chunkOGBD74IR_cjs.useEditorState(controller, chunkOGBD74IR_cjs.wholeState);
   const viewport = useVisualViewport();
   const roving = useRovingFocus();
   const items = React7.useMemo(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
@@ -5186,7 +5185,7 @@ var DialogOverlay = /* @__PURE__ */ React7__namespace.forwardRef(function Dialog
       ref,
       "data-slot": "dialog-overlay",
       className: cn(
-        "quoin fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "quoin fixed inset-0 z-50 bg-black/40 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className
       ),
       ...props
@@ -5202,7 +5201,7 @@ var DialogContent = /* @__PURE__ */ React7__namespace.forwardRef(function Dialog
         ref,
         "data-slot": "dialog-content",
         className: cn(
-          "quoin bg-popover fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "quoin bg-popover fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           className
         ),
         ...props,
@@ -5389,7 +5388,7 @@ function shortcutsExtension(store) {
     if (dispatch) store.set({ shortcutsOpen: true });
     return true;
   };
-  return chunk4F2IWBFM_cjs.defineExtension({
+  return chunkG37GQ5JE_cjs.defineExtension({
     name: "shortcuts",
     keymap: { [SHORTCUT]: open, "Mod-Shift-?": open },
     ui: { overlays: [ShortcutsOverlay] }
@@ -5425,8 +5424,8 @@ function writeBlockData(controller, blockId, data) {
   const block = doc.blocks[index];
   const { attrs, regions } = chunkWZA5S5EJ_cjs.specFor(schema, block.type).fromData(data, editor.codec.context);
   if (chunkWZA5S5EJ_cjs.sameValue(attrs, block.attrs) && chunkWZA5S5EJ_cjs.sameValue(regions, block.regions)) return;
-  const tr = editor.createTransaction().step(chunk4F2IWBFM_cjs.replaceBlockStep({ ...block, attrs, regions }));
-  editor.dispatch(tr.setMeta(chunk4F2IWBFM_cjs.HISTORY_GROUP, `block-data:${blockId}`));
+  const tr = editor.createTransaction().step(chunkG37GQ5JE_cjs.replaceBlockStep({ ...block, attrs, regions }));
+  editor.dispatch(tr.setMeta(chunkG37GQ5JE_cjs.HISTORY_GROUP, `block-data:${blockId}`));
 }
 function insertAfterBlock(controller, blockId, type, definitions, onError) {
   const editor = internal(controller);
@@ -5456,7 +5455,7 @@ function runHistoryKey(controller, event) {
 }
 function useBlockIndex(controller, blockId) {
   const select = React7.useCallback((state) => state.doc.index.get(blockId) ?? -1, [blockId]);
-  return chunkNNDLIP2C_cjs.useEditorState(controller, select);
+  return chunkOGBD74IR_cjs.useEditorState(controller, select);
 }
 var FOCUSABLE = [
   "input:not([disabled])",
@@ -5483,8 +5482,8 @@ function useEditingFocus(root, editing, stop) {
     const leaveUnlessInside = (event) => {
       if (!inside.current.has(event)) stop();
     };
-    const unlistenCapture = chunkNNDLIP2C_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
-    const unlisten = chunkNNDLIP2C_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
+    const unlistenCapture = chunkOGBD74IR_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
+    const unlisten = chunkOGBD74IR_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
     return () => {
       unlistenCapture();
       unlisten();
@@ -5513,8 +5512,8 @@ function VoidEditor({ Editor, controller, ...props }) {
 }
 function VoidBlock({ block, controller, definition }) {
   const { blockTypes, labels } = useQuoin();
-  const { report } = React7.useContext(chunkNNDLIP2C_cjs.BlockErrorContext);
-  const readOnly = chunkNNDLIP2C_cjs.useReadOnly(controller);
+  const { report } = React7.useContext(chunkOGBD74IR_cjs.BlockErrorContext);
+  const readOnly = chunkOGBD74IR_cjs.useReadOnly(controller);
   const { editor: Editor, alwaysEditing = false } = definition;
   const name = blockTypeLabel(labels, block, blockTypes);
   const blockId = block.id;
@@ -5578,7 +5577,7 @@ function VoidBlock({ block, controller, definition }) {
       role: "group",
       "aria-label": name,
       tabIndex: editorShown ? -1 : void 0,
-      ...{ [chunkNNDLIP2C_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
+      ...{ [chunkOGBD74IR_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
       onKeyDown,
       ...focusHandlers,
       onClick,
@@ -5679,7 +5678,7 @@ function fileBlock(file, stored) {
 }
 function anchorBlock(controller, at) {
   const { doc, selection } = controller.editor.state;
-  const candidates = [at?.block, chunk4F2IWBFM_cjs.headBlockId(selection), doc.blocks[doc.blocks.length - 1]?.id];
+  const candidates = [at?.block, chunkG37GQ5JE_cjs.headBlockId(selection), doc.blocks[doc.blocks.length - 1]?.id];
   return candidates.find((id) => typeof id === "string" && doc.index.has(id)) ?? null;
 }
 var writerOf = (controller) => ({
@@ -5688,7 +5687,7 @@ var writerOf = (controller) => ({
 });
 function movedOn(controller, before) {
   const now = writerOf(controller);
-  return now.focus !== before.focus || !chunk4F2IWBFM_cjs.sameSelection(now.selection, before.selection);
+  return now.focus !== before.focus || !chunkG37GQ5JE_cjs.sameSelection(now.selection, before.selection);
 }
 async function insertUploads(controller, files, at, { upload, resolveAssetUrl, onError, unavailable, failed }) {
   if (!upload) return onError(new Error(unavailable));
@@ -5723,8 +5722,8 @@ function markdownPlaceholder(state, block, labels) {
   return holdsHead(state, block) || state.doc.blocks.length === 1 ? labels.placeholderEmpty : void 0;
 }
 function placeholderFor(state, block, labels) {
-  const region = chunk4F2IWBFM_cjs.primaryRegion(state.schema, block);
-  if (region === null || chunk4F2IWBFM_cjs.regionLength(block, region) > 0) return void 0;
+  const region = chunkG37GQ5JE_cjs.primaryRegion(state.schema, block);
+  if (region === null || chunkG37GQ5JE_cjs.regionLength(block, region) > 0) return void 0;
   switch (block.type) {
     case "MARKDOWN":
       return markdownPlaceholder(state, block, labels);
@@ -5759,7 +5758,7 @@ function revealLinkedBlock(controller, hash) {
   if (id === null || shell === void 0) return false;
   const { editor } = controller;
   const { doc, schema } = editor.state;
-  editor.dispatch(editor.createTransaction().setSelection(chunk4F2IWBFM_cjs.startOf(doc, schema, id)));
+  editor.dispatch(editor.createTransaction().setSelection(chunkG37GQ5JE_cjs.startOf(doc, schema, id)));
   shell.scrollIntoView({ block: "center" });
   return true;
 }
@@ -5776,8 +5775,8 @@ function useBlockLinkTarget(controller, focusOnMount) {
   }, [controller, focusOnMount]);
 }
 var WRITER_ORIGINS = /* @__PURE__ */ new Set(["command", "input", "paste"]);
-var isBlockDeletion = (tr) => WRITER_ORIGINS.has(tr.origin) && tr.getMeta(chunk4F2IWBFM_cjs.LINE_JOIN) !== true;
-var isEmptyText = (schema, block) => chunk4F2IWBFM_cjs.isTextFlow(schema, block) && chunk4F2IWBFM_cjs.regionLength(block, chunk4F2IWBFM_cjs.primaryRegion(schema, block) ?? "") === 0;
+var isBlockDeletion = (tr) => WRITER_ORIGINS.has(tr.origin) && tr.getMeta(chunkG37GQ5JE_cjs.LINE_JOIN) !== true;
+var isEmptyText = (schema, block) => chunkG37GQ5JE_cjs.isTextFlow(schema, block) && chunkG37GQ5JE_cjs.regionLength(block, chunkG37GQ5JE_cjs.primaryRegion(schema, block) ?? "") === 0;
 function filledLine({ origin, before }, schema) {
   const { selection } = before;
   if (origin !== "paste" || selection?.kind !== "text") return () => false;
@@ -5797,7 +5796,7 @@ function deletions(codec, tr) {
 }
 function useDeleteReporter(controller, onDelete) {
   const latest = React7.useRef(onDelete);
-  chunkNNDLIP2C_cjs.useIsomorphicLayoutEffect(() => {
+  chunkOGBD74IR_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onDelete;
   });
   React7.useEffect(() => {
@@ -5851,7 +5850,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
   const [voidEditing] = React7.useState(createVoidEditing);
   const [uiStore] = React7.useState(createCanvasUiStore);
   const [allExtensions] = React7.useState(() => [
-    ...chunk4F2IWBFM_cjs.coreExtensions(),
+    ...chunkG37GQ5JE_cjs.coreExtensions(),
     voidEditing.extension,
     blockMenuKeymap(uiStore),
     slashExtension(),
@@ -5869,7 +5868,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
   );
   useTypedInPlaceWarning(blockTypes, readOnly);
   const [focusOnMount] = React7.useState(autoFocus);
-  const controller = chunkNNDLIP2C_cjs.useQuoinEditor({
+  const controller = chunkOGBD74IR_cjs.useQuoinEditor({
     blocks,
     onChange,
     readOnly,
@@ -5913,7 +5912,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(
-    chunkNNDLIP2C_cjs.EditorView,
+    chunkOGBD74IR_cjs.EditorView,
     {
       controller,
       renderers: ui.renderers,
@@ -6191,5 +6190,5 @@ exports.useQuoin = useQuoin;
 exports.useRangeAnchor = useRangeAnchor;
 exports.useRovingFocus = useRovingFocus;
 exports.virtualAnchor = virtualAnchor;
-//# sourceMappingURL=chunk-6X5A4DUQ.cjs.map
-//# sourceMappingURL=chunk-6X5A4DUQ.cjs.map
+//# sourceMappingURL=chunk-CZ5ZXBWC.cjs.map
+//# sourceMappingURL=chunk-CZ5ZXBWC.cjs.map