quoin-editor 2.0.4 → 2.1.0

package/dist/{chunk-EBSDPHPS.cjs → chunk-4UFWFV43.cjs}

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunk2QKFRKOP_cjs = require('./chunk-2QKFRKOP.cjs');
+var chunkN25EH2GZ_cjs = require('./chunk-N25EH2GZ.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 var chunkA6PGQVTR_cjs = require('./chunk-A6PGQVTR.cjs');
-var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
-var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
+var chunkQFGWSFOI_cjs = require('./chunk-QFGWSFOI.cjs');
+var chunkZ5EEDCRI_cjs = require('./chunk-Z5EEDCRI.cjs');
+var chunk4JDRDPLC_cjs = require('./chunk-4JDRDPLC.cjs');
 var reactDirection = require('@radix-ui/react-direction');
 var React7 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -472,21 +473,9 @@ function frozen(labels) {
 var englishLabels = frozen({
   document: "Editor",
   editorHint: "Press Escape, then Tab, to leave the editor.",
-  paragraph: "Paragraph",
-  heading: (level) => `Heading ${level}`,
-  bulletItem: "Bullet list item",
-  numberedItem: (n) => `Numbered list item ${n}`,
-  task: "Task",
-  quote: "Quote",
-  callout: (tone) => `Callout, ${tone}`,
-  calloutTones: { info: "info", tip: "tip", success: "success", warning: "warning", danger: "danger" },
+  ...chunkN25EH2GZ_cjs.englishRendererLabels,
   calloutIcon: "Callout icon",
   calloutToneMenu: (tone) => `Callout tone: ${tone}`,
-  toggle: "Toggle",
-  toggleButton: (hidden) => {
-    if (hidden === 0) return "Toggle";
-    return `Toggle, ${hidden} ${hidden === 1 ? "block" : "blocks"} hidden`;
-  },
   placeholderEmpty: "Type '/' for commands",
   placeholderHeading: (level) => `Heading ${level}`,
   placeholderList: "List",
@@ -509,18 +498,21 @@ var englishLabels = frozen({
   color: "Color",
   textColor: "Text color",
   backgroundColor: "Background color",
+  textColorSample: "A",
   tone: "Tone",
   icon: "Icon",
   duplicate: "Duplicate",
   copy: "Copy",
   copyLink: "Copy link to block",
   copied: "Copied",
+  copyFailed: "Could not copy",
   moveUp: "Move up",
   moveDown: "Move down",
   delete: "Delete",
   askAi: "Ask AI",
   addBelow: "Add block below",
   dragHandle: "Drag to move, click for options",
+  blockOptions: "Block options",
   slashMenu: "Commands",
   noResults: "No results",
   resultCount: (n) => `${n} ${n === 1 ? "result" : "results"}`,
@@ -584,6 +576,7 @@ var englishLabels = frozen({
   },
   blockMoved: (position, total) => `Block moved to position ${position} of ${total}`,
   blockInserted: (position, total) => `Block inserted at position ${position} of ${total}`,
+  blocksInserted: (n, position, total) => `${n} blocks inserted at position ${position} of ${total}`,
   blockDeleted: (n) => n === 1 ? "Block deleted" : `${n} blocks deleted`,
   blocksSelected: (n) => `${n} ${n === 1 ? "block" : "blocks"} selected`,
   undoHint: (shortcut) => `Press ${shortcut} to undo`,
@@ -706,7 +699,7 @@ function useLabels() {
 }
 
 // src/blocks/caption-markdown.ts
-var captionText = (markdown) => chunkI7X7B3WD_cjs.inlineText(chunkI7X7B3WD_cjs.parseInline(markdown), () => "");
+var captionText = (markdown) => chunk4JDRDPLC_cjs.inlineText(chunk4JDRDPLC_cjs.parseInline(markdown), () => "");
 function Token({ text: text2, color, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: chunkA6PGQVTR_cjs.tokenColour(color) }, className, children: text2 });
 }
@@ -727,17 +720,17 @@ function assetHref(resolveAssetUrl, storageKey) {
   if (storageKey === "") return null;
   try {
     const src = resolveAssetUrl(storageKey);
-    return typeof src === "string" && chunkI7X7B3WD_cjs.sanitizeAssetUrl(src) || null;
+    return typeof src === "string" && chunk4JDRDPLC_cjs.sanitizeAssetUrl(src) || null;
   } catch {
     return null;
   }
 }
 
 // src/blocks/image/image-source.ts
-var hasPicture = (attrs) => chunkI7X7B3WD_cjs.str(attrs.url) !== "" || chunkI7X7B3WD_cjs.str(attrs.storageKey) !== "";
+var hasPicture = (attrs) => chunk4JDRDPLC_cjs.str(attrs.url) !== "" || chunk4JDRDPLC_cjs.str(attrs.storageKey) !== "";
 function imageSource(attrs, resolveAssetUrl) {
-  const url = chunkI7X7B3WD_cjs.str(attrs.url);
-  return url === "" ? assetHref(resolveAssetUrl, chunkI7X7B3WD_cjs.str(attrs.storageKey)) : chunkI7X7B3WD_cjs.sanitizeHref(url);
+  const url = chunk4JDRDPLC_cjs.str(attrs.url);
+  return url === "" ? assetHref(resolveAssetUrl, chunk4JDRDPLC_cjs.str(attrs.storageKey)) : chunk4JDRDPLC_cjs.sanitizeHref(url);
 }
 var HINT = "text-sm text-muted-foreground";
 var TONE = {
@@ -749,36 +742,35 @@ var TONE = {
 };
 function MarkdownPreview({ data }) {
   const labels = useLabels();
-  const markdown = chunkI7X7B3WD_cjs.str(data.markdown);
+  const markdown = chunk4JDRDPLC_cjs.str(data.markdown);
   if (markdown.trim() === "") return /* @__PURE__ */ jsxRuntime.jsx("p", { className: HINT, children: labels.emptyMarkdown });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap text-base leading-7", children: markdown });
 }
 function CodePreview({ data }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { dir: "ltr", className: "quoin-code quoin-code-scroll pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(HighlightOverlay, { code: chunkI7X7B3WD_cjs.str(data.code), language: chunkI7X7B3WD_cjs.str(data.language) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { dir: "ltr", className: "quoin-code quoin-code-scroll pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(HighlightOverlay, { code: chunk4JDRDPLC_cjs.str(data.code), language: chunk4JDRDPLC_cjs.str(data.language) }) });
 }
 function ImagePreview({ data }) {
   const { resolveAssetUrl, labels } = useQuoin();
   const src = imageSource(data, resolveAssetUrl);
   if (src === null) return /* @__PURE__ */ jsxRuntime.jsx("p", { className: HINT, children: labels.emptyImage });
-  const caption = captionText(chunkI7X7B3WD_cjs.str(data.caption));
+  const caption = captionText(chunk4JDRDPLC_cjs.str(data.caption));
   return /* @__PURE__ */ jsxRuntime.jsxs("figure", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: chunkI7X7B3WD_cjs.str(data.alt) || labels.imageNoAlt, className: "max-w-full rounded-md" }),
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: chunk4JDRDPLC_cjs.str(data.alt) || labels.imageNoAlt, className: "max-w-full rounded-md" }),
     caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: HINT, children: caption })
   ] });
 }
 function FilePreview({ data }) {
   const labels = useLabels();
-  const name = chunkI7X7B3WD_cjs.str(data.filename);
+  const name = chunk4JDRDPLC_cjs.str(data.filename);
   if (name === "") return /* @__PURE__ */ jsxRuntime.jsx("p", { className: HINT, children: labels.emptyFile });
   return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: name });
 }
 function CalloutPreview({ data }) {
   const labels = useLabels();
-  const body = chunkI7X7B3WD_cjs.str(data.body);
+  const body = chunk4JDRDPLC_cjs.str(data.body);
   if (body.trim() === "") return /* @__PURE__ */ jsxRuntime.jsx("p", { className: HINT, children: labels.emptyCallout });
-  const tone = chunkI7X7B3WD_cjs.str(data.tone) || "info";
-  const paint = TONE[tone] ?? "border-border bg-muted/50";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-tone": tone, className: `rounded-md border-l-4 ${paint} p-3 text-sm`, children: body });
+  const tone = chunkQFGWSFOI_cjs.calloutTone(data.tone);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-tone": tone, className: `rounded-md border-l-4 ${TONE[tone]} p-3 text-sm`, children: body });
 }
 
 // src/blocks/core.ts
@@ -825,7 +817,7 @@ function selectNode(controller, blockId) {
   const { editor } = controller;
   const { selection } = editor.state;
   if (selection?.kind === "node" && selection.block === blockId) return;
-  chunk2QKFRKOP_cjs.dispatchSelection(controller, chunkFK7EBZPX_cjs.nodeSelection(blockId));
+  chunkN25EH2GZ_cjs.dispatchSelection(controller, chunkZ5EEDCRI_cjs.nodeSelection(blockId));
 }
 function focusNode(controller, blockId) {
   selectNode(controller, blockId);
@@ -855,8 +847,8 @@ var OPEN_EDITOR = "openEditor";
 var ABOVE_CORE_KEYS = 200;
 function turnedBlock(tr, { doc, selection }) {
   if (selection?.kind !== "node" || tr.origin === "remote" || tr.origin === "reconcile") return void 0;
-  const before = chunkI7X7B3WD_cjs.blockById(tr.before.doc, selection.block);
-  return before !== void 0 && before.type !== chunkI7X7B3WD_cjs.blockById(doc, selection.block)?.type ? selection.block : void 0;
+  const before = chunk4JDRDPLC_cjs.blockById(tr.before.doc, selection.block);
+  return before !== void 0 && before.type !== chunk4JDRDPLC_cjs.blockById(doc, selection.block)?.type ? selection.block : void 0;
 }
 function createVoidEditing() {
   const starters = /* @__PURE__ */ new Map();
@@ -876,7 +868,7 @@ function createVoidEditing() {
     start?.();
   };
   return {
-    extension: chunkFK7EBZPX_cjs.defineExtension({
+    extension: chunkZ5EEDCRI_cjs.defineExtension({
       name: "void-editing",
       priority: ABOVE_CORE_KEYS,
       keymap: { Enter: openEditor },
@@ -898,7 +890,8 @@ function createVoidEditing() {
 // src/blocks/text/return-focus-to-text.ts
 function focusBelongsInText(controller, focused) {
   if (!focused || focused === focused.ownerDocument.body) return true;
-  return focused.getAttribute("aria-haspopup") === "menu" && controller.root?.contains(focused) === true;
+  const canvasMenuButton = focused.getAttribute("aria-haspopup") === "menu" && focused.tabIndex < 0;
+  return canvasMenuButton && controller.root?.contains(focused) === true;
 }
 function returnFocusToText(controller) {
   return (event) => {
@@ -974,7 +967,10 @@ 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-ring)]";
+var HIGHLIGHT_BAR = [
+  "data-[highlighted]:shadow-[inset_2px_0_0_var(--quoin-ring)]",
+  "rtl:data-[highlighted]:shadow-[inset_-2px_0_0_var(--quoin-ring)]"
+].join(" ");
 
 // src/ui/touch-target.ts
 var TAP_TARGET_FLOOR = "pointer-coarse:min-h-11";
@@ -990,24 +986,24 @@ 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-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",
+  "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]:ps-8 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4",
   HIGHLIGHT_BAR,
   TAP_TARGET_FLOOR
 ].join(" ");
 var MENU_CHECKABLE_ITEM = [
-  "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm focus:outline-hidden select-none",
+  "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pe-2 ps-8 text-sm focus:outline-hidden select-none",
   HIGHLIGHT_BAR,
   TAP_TARGET_FLOOR
 ].join(" ");
-var MENU_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
+var MENU_ITEM_INDICATOR = "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center";
 var MENU_SUB_TRIGGER = [
-  "focus:bg-accent data-[state=open]:bg-accent 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",
+  "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm focus:outline-hidden select-none data-[inset]:ps-8",
   HIGHLIGHT_BAR,
   TAP_TARGET_FLOOR
 ].join(" ");
-var MENU_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
+var MENU_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:ps-8";
 var MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
-var MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
+var MENU_SHORTCUT = "text-muted-foreground ms-auto text-xs tracking-widest";
 function ContextMenu({ modal = false, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.Root, { modal, ...props });
 }
@@ -1098,7 +1094,7 @@ var ContextMenuSubTrigger = /* @__PURE__ */ React7__namespace.forwardRef(functio
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "ms-auto size-4 rtl:rotate-180" })
       ]
     }
   );
@@ -1115,150 +1111,27 @@ var ContextMenuSubContent = /* @__PURE__ */ React7__namespace.forwardRef(functio
   );
 });
 
-// src/gutter/copy-text.ts
-function copyThroughTextArea(text2, doc) {
-  const previous = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
-  const area = doc.createElement("textarea");
-  area.value = text2;
-  area.readOnly = true;
-  area.setAttribute("aria-hidden", "true");
-  area.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none";
-  const beside = previous !== null && previous !== doc.body ? previous.parentElement : null;
-  (beside ?? doc.body).append(area);
-  area.focus({ preventScroll: true });
-  area.select();
-  try {
-    return doc.execCommand("copy");
-  } catch {
-    return false;
-  } finally {
-    area.remove();
-    previous?.focus({ preventScroll: true });
-  }
-}
-async function copyText(text2, doc = document) {
-  const clipboard = doc.defaultView?.navigator.clipboard;
-  if (clipboard === void 0) return copyThroughTextArea(text2, doc);
-  try {
-    await clipboard.writeText(text2);
-    return true;
-  } catch {
-    return copyThroughTextArea(text2, doc);
-  }
-}
-
-// src/gutter/run-on-blocks.ts
-function settle(tr, before) {
-  const { doc } = tr;
-  const { schema } = tr.before;
-  const result = tr.selection;
-  if (result?.kind !== "blocks" || before?.kind === "blocks") return result;
-  const ids = chunkFK7EBZPX_cjs.selectedBlockIds(doc, result);
-  const head = chunkFK7EBZPX_cjs.headBlockId(before);
-  if (head !== null && ids.includes(head) && chunkFK7EBZPX_cjs.validateSelection(doc, schema, before) === before) return before;
-  return chunkFK7EBZPX_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 = chunkI7X7B3WD_cjs.sameItems(chunkFK7EBZPX_cjs.selectedBlockIds(state.doc, before), ids);
-  const ran = exact ? before : chunkFK7EBZPX_cjs.blockRangeSelection(ids[0], ids[ids.length - 1]);
-  const { ok, tr } = chunkFK7EBZPX_cjs.runCommands(state, [chunkFK7EBZPX_cjs.setSelection(ran), command]);
-  const result = ok && tr !== null ? tr : new chunkFK7EBZPX_cjs.Transaction(state).setSelection(ran);
-  const settled = exact ? result.selection : settle(result, before);
-  if (!chunkFK7EBZPX_cjs.sameSelection(settled, result.selection)) result.setSelection(settled);
-  if (result.docChanged || !chunkFK7EBZPX_cjs.sameSelection(result.selection, before)) controller.dispatch(result);
-  return ok;
-}
-var noChange = () => true;
-
-// src/gutter/block-menu-items.ts
-var rangeOf = (blockIds) => chunkFK7EBZPX_cjs.blockRangeSelection(blockIds[0], blockIds[blockIds.length - 1]);
+// src/canvas/block-targets.ts
 function selectedWith(state, blockId) {
   const { doc, selection } = state;
-  const selected = chunkFK7EBZPX_cjs.selectedBlockIds(doc, selection);
+  const selected = chunkZ5EEDCRI_cjs.selectedBlockIds(doc, selection);
   const ofBlocks = selection?.kind === "blocks" || selection?.kind === "text" && selected.length > 1;
   return ofBlocks && selected.includes(blockId) ? selected : null;
 }
-function menuTargets(state, blockId) {
+function handleTargets(state, blockId) {
   const selected = selectedWith(state, blockId);
   if (selected !== null) return selected;
   const { doc } = state;
-  const index = chunkI7X7B3WD_cjs.requireBlockIndex(doc, blockId);
-  return doc.blocks.slice(index, chunkFK7EBZPX_cjs.descendantsEnd(doc, index)).map((block) => block.id);
+  const index = chunk4JDRDPLC_cjs.requireBlockIndex(doc, blockId);
+  return doc.blocks.slice(index, chunkZ5EEDCRI_cjs.descendantsEnd(doc, index)).map((block) => block.id);
 }
 function styleTargets(state, blockId) {
   return selectedWith(state, blockId) ?? [blockId];
 }
-function menuActions(core, extra = []) {
-  return [...core.filter((action) => !action.destructive), ...extra, ...core.filter((action) => action.destructive)];
-}
-function markdownOf(editor, blockIds, resolveAssetUrl) {
-  const { doc } = editor.state;
-  const range = chunkFK7EBZPX_cjs.selectedBlockRange(doc, rangeOf(blockIds));
-  if (range === null) return "";
-  const blocks = editor.codec.blocksFromDoc(chunkI7X7B3WD_cjs.createDoc(doc.blocks.slice(range.start, range.end)));
-  return chunkFK7EBZPX_cjs.toMarkdown(blocks, { schema: editor.schema, resolveAssetUrl, comments: false });
-}
-var applies = (command) => (state, blockIds) => blockIds.every((id) => state.doc.index.has(id)) && chunkFK7EBZPX_cjs.runCommands(state, [chunkFK7EBZPX_cjs.setSelection(rangeOf(blockIds)), command]).ok;
-function coreBlockMenuActions(labels, options) {
-  const copy = (controller, blockIds, text2) => {
-    void copyText(text2).then((copied) => {
-      if (copied) options.onCopied?.();
-    });
-    runOnBlocks(controller, blockIds, noChange);
-  };
-  return [
-    {
-      id: "duplicate",
-      label: labels.duplicate,
-      icon: CopyPlus,
-      shortcut: "Mod-d",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkFK7EBZPX_cjs.duplicateBlocks())
-    },
-    {
-      id: "copy",
-      label: labels.copy,
-      icon: Copy,
-      run: (controller, blockIds) => copy(controller, blockIds, markdownOf(controller.editor, blockIds, options.resolveAssetUrl))
-    },
-    {
-      id: "copy-link",
-      label: labels.copyLink,
-      icon: Link,
-      run: (controller, blockIds) => copy(controller, blockIds, options.blockLink(blockIds[0]))
-    },
-    {
-      id: "move-up",
-      label: labels.moveUp,
-      icon: ArrowUp,
-      shortcut: "Mod-Shift-ArrowUp",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkFK7EBZPX_cjs.moveBlocksUp),
-      available: applies(chunkFK7EBZPX_cjs.moveBlocksUp)
-    },
-    {
-      id: "move-down",
-      label: labels.moveDown,
-      icon: ArrowDown,
-      shortcut: "Mod-Shift-ArrowDown",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkFK7EBZPX_cjs.moveBlocksDown),
-      available: applies(chunkFK7EBZPX_cjs.moveBlocksDown)
-    },
-    {
-      id: "delete",
-      label: labels.delete,
-      icon: Trash,
-      destructive: true,
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkFK7EBZPX_cjs.deleteBlocks)
-    }
-  ];
-}
 
 // src/gutter/block-menu-state.ts
 var targetsOf = (state, blockId) => ({
-  blockIds: menuTargets(state, blockId),
+  blockIds: handleTargets(state, blockId),
   styleIds: styleTargets(state, blockId)
 });
 function openBlockMenu(store, state, blockId) {
@@ -1283,24 +1156,54 @@ var TONE_ICONS = {
 function calloutIcon(attrs, tone) {
   return typeof attrs.icon === "string" && attrs.icon !== "" ? attrs.icon : TONE_ICONS[tone];
 }
+function iconTellsTone(attrs, tone) {
+  return calloutIcon(attrs, tone) === TONE_ICONS[tone];
+}
 function MenuIcon({ icon: Icon2 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4" }) });
 }
+
+// src/gutter/run-on-blocks.ts
+function settle(tr, before) {
+  const { doc } = tr;
+  const { schema } = tr.before;
+  const result = tr.selection;
+  if (result?.kind !== "blocks" || before?.kind === "blocks") return result;
+  const ids = chunkZ5EEDCRI_cjs.selectedBlockIds(doc, result);
+  const head = chunkZ5EEDCRI_cjs.headBlockId(before);
+  if (head !== null && ids.includes(head) && chunkZ5EEDCRI_cjs.validateSelection(doc, schema, before) === before) return before;
+  return chunkZ5EEDCRI_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 = chunk4JDRDPLC_cjs.sameItems(chunkZ5EEDCRI_cjs.selectedBlockIds(state.doc, before), ids);
+  const ran = exact ? before : chunkZ5EEDCRI_cjs.blockRangeSelection(ids[0], ids[ids.length - 1]);
+  const { ok, tr } = chunkZ5EEDCRI_cjs.runCommands(state, [chunkZ5EEDCRI_cjs.setSelection(ran), command]);
+  const result = ok && tr !== null ? tr : new chunkZ5EEDCRI_cjs.Transaction(state).setSelection(ran);
+  const settled = exact ? result.selection : settle(result, before);
+  if (!chunkZ5EEDCRI_cjs.sameSelection(settled, result.selection)) result.setSelection(settled);
+  if (result.docChanged || !chunkZ5EEDCRI_cjs.sameSelection(result.selection, before)) controller.dispatch(result);
+  return ok;
+}
+var noChange = () => true;
 var sharedTone = (blocks) => {
-  const tones = new Set(blocks.map((block) => chunk2QKFRKOP_cjs.calloutTone(block.attrs.tone)));
+  const tones = new Set(blocks.map((block) => chunkQFGWSFOI_cjs.calloutTone(block.attrs.tone)));
   return tones.size === 1 ? [...tones][0] : "";
 };
 function CalloutMenus({ kit, controller, blocks }) {
   const labels = useLabels();
   const blockIds = blocks.map((block) => block.id);
-  const apply = (patch) => runOnBlocks(controller, blockIds, chunkFK7EBZPX_cjs.setAttrs(patch));
+  const apply = (patch) => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_cjs.setAttrs(patch));
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(kit.Sub, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(kit.SubTrigger, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: Droplet }),
         labels.tone
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(kit.SubContent, { children: /* @__PURE__ */ jsxRuntime.jsx(kit.RadioGroup, { value: sharedTone(blocks), onValueChange: (tone) => apply({ tone }), children: chunk2QKFRKOP_cjs.CALLOUT_TONES.map((tone) => /* @__PURE__ */ jsxRuntime.jsx(kit.RadioItem, { value: tone, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: labels.calloutTones[tone] }, tone)) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(kit.SubContent, { children: /* @__PURE__ */ jsxRuntime.jsx(kit.RadioGroup, { value: sharedTone(blocks), onValueChange: (tone) => apply({ tone }), children: chunkQFGWSFOI_cjs.CALLOUT_TONES.map((tone) => /* @__PURE__ */ jsxRuntime.jsx(kit.RadioItem, { value: tone, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: labels.calloutTones[tone] }, tone)) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(kit.Sub, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(kit.SubTrigger, { children: [
@@ -1313,11 +1216,11 @@ function CalloutMenus({ kit, controller, blocks }) {
 }
 function sharedColor(blocks, key) {
   const coloured = blocks.filter((block) => block.type === "MARKDOWN");
-  const colors = new Set(coloured.map((block) => chunkI7X7B3WD_cjs.paletteOrUndefined(block.attrs[key]) ?? "default"));
+  const colors = new Set(coloured.map((block) => chunk4JDRDPLC_cjs.paletteOrUndefined(block.attrs[key]) ?? "default"));
   return colors.size === 1 ? [...colors][0] : "";
 }
 var swatches = {
-  color: (name) => /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-color": name, className: "w-4 text-center font-medium", children: "A" }),
+  color: (name, labels) => /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-color": name, className: "w-4 text-center font-medium", children: labels.textColorSample ?? englishLabels.textColorSample }),
   background: (name) => /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-bg": name, className: "size-4 rounded-sm border border-border" })
 };
 function ColorGroups({ kit, value, onPick }) {
@@ -1326,8 +1229,8 @@ function ColorGroups({ kit, value, onPick }) {
   const backgroundTitle = React7.useId();
   const group = (key, title, titleId) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(kit.Label, { id: titleId, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx(kit.RadioGroup, { "aria-labelledby": titleId, value: value[key], onValueChange: (name) => onPick(key, name), children: chunkI7X7B3WD_cjs.PALETTE.map((name) => /* @__PURE__ */ jsxRuntime.jsxs(kit.RadioItem, { value: name, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: [
-      swatches[key](name),
+    /* @__PURE__ */ jsxRuntime.jsx(kit.RadioGroup, { "aria-labelledby": titleId, value: value[key], onValueChange: (name) => onPick(key, name), children: chunk4JDRDPLC_cjs.PALETTE.map((name) => /* @__PURE__ */ jsxRuntime.jsxs(kit.RadioItem, { value: name, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: [
+      swatches[key](name, labels),
       labels.colors[name]
     ] }, name)) })
   ] });
@@ -1341,7 +1244,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, chunkFK7EBZPX_cjs.setBlockColor({ [key]: name === "default" ? null : name }));
+  const pick = (key, name) => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_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: Palette }),
@@ -1372,7 +1275,7 @@ function modifierText(modifier, isMac, { keyNames }) {
   return Object.hasOwn(MODIFIERS, name) ? keyNames[MODIFIERS[name]] : capitalized(modifier);
 }
 function formatShortcut(shortcut, platform = {}) {
-  const { isMac = chunkFK7EBZPX_cjs.detectMac(), labels = englishLabels } = platform;
+  const { isMac = chunkZ5EEDCRI_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)];
@@ -1452,21 +1355,21 @@ function languageOptions(query, plainText) {
 }
 
 // src/blocks/insert-blocks.ts
-var isEmptyParagraph = (schema, block) => chunkFK7EBZPX_cjs.isParagraph(block) && chunkFK7EBZPX_cjs.regionLength(block, chunkFK7EBZPX_cjs.primaryRegion(schema, block) ?? "") === 0;
+var isEmptyParagraph = (schema, block) => chunkZ5EEDCRI_cjs.isParagraph(block) && chunkZ5EEDCRI_cjs.regionLength(block, chunkZ5EEDCRI_cjs.primaryRegion(schema, block) ?? "") === 0;
 function fresh(schema, { id, type, attrs, regions }, indent3) {
-  const block = chunkFK7EBZPX_cjs.createBlock(schema, type, attrs, indent3, id);
+  const block = chunkZ5EEDCRI_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 : chunkFK7EBZPX_cjs.createBlock(schema, schema.defaultTextBlock, {}, indent3);
-  if (!reused) tr.step(chunkFK7EBZPX_cjs.insertBlocksStep(index, [line]));
-  tr.setSelection(chunkFK7EBZPX_cjs.startOf(tr.doc, schema, line.id));
+  const line = reused ? next : chunkZ5EEDCRI_cjs.createBlock(schema, schema.defaultTextBlock, {}, indent3);
+  if (!reused) tr.step(chunkZ5EEDCRI_cjs.insertBlocksStep(index, [line]));
+  tr.setSelection(chunkZ5EEDCRI_cjs.startOf(tr.doc, schema, line.id));
 }
 function land(tr, schema, landing, first, after) {
-  if (landing === "text") tr.setSelection(chunkFK7EBZPX_cjs.startOf(tr.doc, schema, first.id));
-  if (landing === "editor") tr.setSelection(chunkFK7EBZPX_cjs.nodeSelection(first.id)).setMeta(OPEN_EDITOR, first.id);
+  if (landing === "text") tr.setSelection(chunkZ5EEDCRI_cjs.startOf(tr.doc, schema, first.id));
+  if (landing === "editor") tr.setSelection(chunkZ5EEDCRI_cjs.nodeSelection(first.id)).setMeta(OPEN_EDITOR, first.id);
   if (landing === "line") landOnLine(tr, schema, after, first.indent);
 }
 function anchorIndex(doc, id) {
@@ -1476,24 +1379,24 @@ function anchorIndex(doc, id) {
 function insertBlocks(blocks, landing, anchorId) {
   return (state, dispatch) => {
     const { doc, schema } = state;
-    const id = anchorId === void 0 ? chunkFK7EBZPX_cjs.headBlockId(state.selection) : anchorId;
+    const id = anchorId === void 0 ? chunkZ5EEDCRI_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 chunkFK7EBZPX_cjs.Transaction(state);
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state);
     const empty = anchor !== void 0 && landing !== "stay" && isEmptyParagraph(schema, anchor);
     if (empty && landing === "line") {
-      tr.step(chunkFK7EBZPX_cjs.insertBlocksStep(index, created2)).setSelection(chunkFK7EBZPX_cjs.startOf(tr.doc, schema, anchor.id));
+      tr.step(chunkZ5EEDCRI_cjs.insertBlocksStep(index, created2)).setSelection(chunkZ5EEDCRI_cjs.startOf(tr.doc, schema, anchor.id));
     } else if (empty) {
       const [first, ...rest] = created2;
       const filled = { ...first, id: anchor.id };
-      tr.step(chunkFK7EBZPX_cjs.replaceBlockStep(filled));
-      if (rest.length > 0) tr.step(chunkFK7EBZPX_cjs.insertBlocksStep(index + 1, rest));
+      tr.step(chunkZ5EEDCRI_cjs.replaceBlockStep(filled));
+      if (rest.length > 0) tr.step(chunkZ5EEDCRI_cjs.insertBlocksStep(index + 1, rest));
       land(tr, schema, landing, filled, index + created2.length);
     } else {
-      const at = anchor === void 0 ? 0 : chunkFK7EBZPX_cjs.descendantsEnd(doc, index);
-      tr.step(chunkFK7EBZPX_cjs.insertBlocksStep(at, created2));
+      const at = anchor === void 0 ? 0 : chunkZ5EEDCRI_cjs.descendantsEnd(doc, index);
+      tr.step(chunkZ5EEDCRI_cjs.insertBlocksStep(at, created2));
       land(tr, schema, landing, created2[0], at + created2.length);
     }
     dispatch?.(tr);
@@ -1506,7 +1409,7 @@ function landingFor(flow, hasEditor) {
 }
 function insertBlockToWrite(block, hasEditor, anchorId) {
   return (state, dispatch) => {
-    const landing = landingFor(chunkI7X7B3WD_cjs.specFor(state.schema, block.type).flow, hasEditor);
+    const landing = landingFor(chunk4JDRDPLC_cjs.specFor(state.schema, block.type).flow, hasEditor);
     return insertBlocks([block], landing, anchorId)(state, dispatch);
   };
 }
@@ -1514,20 +1417,20 @@ function insertBlockToWrite(block, hasEditor, anchorId) {
 // src/blocks/code/code-actions.ts
 function writeCode(controller, blockId, code, group) {
   const { editor } = controller;
-  const block = chunkI7X7B3WD_cjs.blockById(editor.state.doc, blockId);
+  const block = chunk4JDRDPLC_cjs.blockById(editor.state.doc, blockId);
   if (block === void 0 || block.attrs.code === code) return;
-  controller.dispatch(editor.createTransaction().step(chunkFK7EBZPX_cjs.setAttrsStep(blockId, { code })).setMeta(chunkFK7EBZPX_cjs.HISTORY_GROUP, group));
+  controller.dispatch(editor.createTransaction().step(chunkZ5EEDCRI_cjs.setAttrsStep(blockId, { code })).setMeta(chunkZ5EEDCRI_cjs.HISTORY_GROUP, group));
 }
 function codeToParagraph(blockId) {
   return (state, dispatch) => {
-    const turn = chunkFK7EBZPX_cjs.setBlockType("MARKDOWN", { kind: "paragraph" });
-    const { ok, tr } = chunkFK7EBZPX_cjs.runCommands(state, [chunkFK7EBZPX_cjs.setSelection(chunkFK7EBZPX_cjs.nodeSelection(blockId)), turn]);
+    const turn = chunkZ5EEDCRI_cjs.setBlockType("MARKDOWN", { kind: "paragraph" });
+    const { ok, tr } = chunkZ5EEDCRI_cjs.runCommands(state, [chunkZ5EEDCRI_cjs.setSelection(chunkZ5EEDCRI_cjs.nodeSelection(blockId)), turn]);
     if (ok && tr !== null) dispatch?.(tr);
     return ok;
   };
 }
 function leaveCode(controller, blockId, direction, addsLine = false) {
-  const moved = chunk2QKFRKOP_cjs.moveToNeighbour(controller, blockId, direction);
+  const moved = chunkN25EH2GZ_cjs.moveToNeighbour(controller, blockId, direction);
   if (!moved && !(addsLine && controller.run(insertBlocks([{ type: "MARKDOWN" }], "text", blockId)))) return false;
   controller.focus();
   return true;
@@ -1605,8 +1508,8 @@ var MOD_KEYS = [
   ["Mod-a", ({ value, start, end }) => start === 0 && end === value.length ? { kind: "selectAll" } : null]
 ];
 function codeKeyAction(event, field, isMac) {
-  const name = chunkFK7EBZPX_cjs.keyName(event, isMac);
-  const modKey = MOD_KEYS.find(([key]) => chunkFK7EBZPX_cjs.normalizeKey(key, isMac) === name);
+  const name = chunkZ5EEDCRI_cjs.keyName(event, isMac);
+  const modKey = MOD_KEYS.find(([key]) => chunkZ5EEDCRI_cjs.normalizeKey(key, isMac) === name);
   const handler = modKey?.[1] ?? (Object.hasOwn(KEYS, name) ? KEYS[name] : void 0);
   return handler?.(field) ?? null;
 }
@@ -1648,13 +1551,16 @@ function selectAndFocus({ controller }, command) {
   controller.focus();
   return true;
 }
-function travel({ controller, blockId, area }, command) {
+function travel({ controller, blockId, area, reveal }, command) {
   const before = area.value;
   controller.run(command);
   const { selection } = controller.editor.state;
-  const edit2 = chunk2QKFRKOP_cjs.textDiff(before, area.value);
+  const edit2 = chunkN25EH2GZ_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);
+  else if (edit2 !== null) {
+    area.setSelectionRange(edit2.from + edit2.insert.length, edit2.from + edit2.insert.length);
+    reveal();
+  }
   return true;
 }
 function runCodeAction(action, context) {
@@ -1668,13 +1574,13 @@ function runCodeAction(action, context) {
     case "paragraph":
       return selectAndFocus(context, codeToParagraph(blockId));
     case "undo":
-      return travel(context, chunkFK7EBZPX_cjs.undo);
+      return travel(context, chunkZ5EEDCRI_cjs.undo);
     case "redo":
-      return travel(context, chunkFK7EBZPX_cjs.redo);
+      return travel(context, chunkZ5EEDCRI_cjs.redo);
     case "selectAll":
-      return selectAndFocus(context, chunkFK7EBZPX_cjs.selectAll);
+      return selectAndFocus(context, chunkZ5EEDCRI_cjs.selectAll);
     case "escape":
-      return selectAndFocus(context, chunkFK7EBZPX_cjs.setSelection(chunkFK7EBZPX_cjs.blockRangeSelection(blockId)));
+      return selectAndFocus(context, chunkZ5EEDCRI_cjs.setSelection(chunkZ5EEDCRI_cjs.blockRangeSelection(blockId)));
     case "controls":
       context.focusControls();
       return true;
@@ -1737,18 +1643,18 @@ function CodeEditor({ block, controller, field, focusControls }) {
   useTypeIntoCode(controller, blockId, field, edit2);
   const onKeyDown = (event) => {
     const area = event.currentTarget;
-    if (chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkN25EH2GZ_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();
+    if (action !== null && runCodeAction(action, { controller, blockId, area, edit: edit2, reveal, focusControls })) event.preventDefault();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunk2QKFRKOP_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunkN25EH2GZ_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       HighlightOverlay,
       {
         "aria-hidden": "true",
         drawnRef: drawn,
-        code: chunkI7X7B3WD_cjs.str(block.attrs.code),
-        language: chunkI7X7B3WD_cjs.str(block.attrs.language)
+        code: chunk4JDRDPLC_cjs.str(block.attrs.code),
+        language: chunk4JDRDPLC_cjs.str(block.attrs.language)
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("span", { ref: mark, "aria-hidden": "true", className: "quoin-code-caret" }),
@@ -1758,7 +1664,7 @@ function CodeEditor({ block, controller, field, focusControls }) {
         ref: field,
         "aria-label": labels.codeText,
         "aria-keyshortcuts": "Alt+F10",
-        value: chunkI7X7B3WD_cjs.str(block.attrs.code),
+        value: chunk4JDRDPLC_cjs.str(block.attrs.code),
         wrap: "off",
         tabIndex: -1,
         spellCheck: false,
@@ -1777,6 +1683,38 @@ function CodeEditor({ block, controller, field, focusControls }) {
     )
   ] }) });
 }
+
+// src/gutter/copy-text.ts
+function copyThroughTextArea(text2, doc) {
+  const previous = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
+  const area = doc.createElement("textarea");
+  area.value = text2;
+  area.readOnly = true;
+  area.setAttribute("aria-hidden", "true");
+  area.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none";
+  const beside = previous !== null && previous !== doc.body ? previous.parentElement : null;
+  (beside ?? doc.body).append(area);
+  area.focus({ preventScroll: true });
+  area.select();
+  try {
+    return doc.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    area.remove();
+    previous?.focus({ preventScroll: true });
+  }
+}
+async function copyText(text2, doc = document) {
+  const clipboard = doc.defaultView?.navigator.clipboard;
+  if (clipboard === void 0) return copyThroughTextArea(text2, doc);
+  try {
+    await clipboard.writeText(text2);
+    return true;
+  } catch {
+    return copyThroughTextArea(text2, doc);
+  }
+}
 var BASE = [
   "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow,opacity] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 shrink-0",
   FOCUS_RING
@@ -1811,7 +1749,7 @@ var Button = React7__namespace.forwardRef(function Button2({ className, variant
 var COPIED_FOR_MS = 1500;
 function CopyCodeButton({ code, controller }) {
   const labels = useLabels();
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const [copied, setCopied] = React7.useState(false);
   React7.useEffect(() => {
     if (!copied) return;
@@ -1873,10 +1811,12 @@ var PopoverAnchor = /* @__PURE__ */ React7__namespace.forwardRef(function Popove
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { ref, "data-slot": "popover-anchor", ...props });
 });
 var PopoverContent = /* @__PURE__ */ React7__namespace.forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
+  const dir = reactDirection.useDirection();
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverPrimitive__namespace.Content,
     {
       ref,
+      dir,
       "data-slot": "popover-content",
       align,
       sideOffset,
@@ -1894,7 +1834,7 @@ var preventDefault = (event) => event.preventDefault();
 
 // src/blocks/text/set-block-attrs.ts
 function setBlockAttrs(controller, blockId, patch) {
-  if (!controller.readOnly) controller.run(chunk2QKFRKOP_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch)));
+  if (!controller.readOnly) controller.run(chunkN25EH2GZ_cjs.onBlock(blockId, chunkZ5EEDCRI_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`;
@@ -1910,7 +1850,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}`;
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     list2.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [active]);
   const close = () => {
@@ -1936,7 +1876,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
     onDone();
   };
   const onKeyDown = (event) => {
-    if (chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkN25EH2GZ_cjs.isComposingKey(controller, event.nativeEvent)) return;
     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
       const step = event.key === "ArrowDown" ? 1 : -1;
@@ -2010,11 +1950,11 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
 }
 var CodeBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const languageField = React7.useRef(null);
   const codeField = React7.useRef(null);
-  const code = chunkI7X7B3WD_cjs.str(block.attrs.code);
-  const language2 = chunkI7X7B3WD_cjs.str(block.attrs.language);
+  const code = chunk4JDRDPLC_cjs.str(block.attrs.code);
+  const language2 = chunk4JDRDPLC_cjs.str(block.attrs.language);
   const name = languageName(language2) ?? language2;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": labels.blockNames.code, contentEditable: false, className: "quoin-code", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-header", children: [
@@ -2043,6 +1983,7 @@ var CodeBlock = ({ block, controller }) => {
 };
 function FilePickerButton({ label, accept, disabled, busy = false, onPick }) {
   const inputRef = React7__namespace.useRef(null);
+  const wrapper = React7__namespace.useRef(null);
   const restoreFocus = React7__namespace.useRef(false);
   React7__namespace.useEffect(() => {
     if (disabled || !restoreFocus.current) return;
@@ -2050,34 +1991,49 @@ function FilePickerButton({ label, accept, disabled, busy = false, onPick }) {
     const { activeElement } = document;
     if (activeElement === null || activeElement === document.body) inputRef.current?.focus();
   }, [disabled]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex rounded-md has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-[var(--quoin-ring)]", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: disabled || busy ? "pointer-events-none opacity-50" : void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Upload, { "aria-hidden": "true" }),
-      label
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        "aria-label": label,
-        disabled,
-        "aria-disabled": busy || void 0,
-        className: "absolute inset-0 cursor-pointer opacity-0 disabled:cursor-not-allowed aria-disabled:cursor-not-allowed",
-        onClick: (e) => {
-          if (busy) e.preventDefault();
-        },
-        onChange: (e) => {
-          const file = e.target.files?.[0];
-          e.target.value = "";
-          if (!file || busy) return;
-          restoreFocus.current = true;
-          onPick(file);
-        }
-      }
-    )
-  ] });
+  React7__namespace.useEffect(() => {
+    const doc = wrapper.current?.ownerDocument;
+    const pressed = (event) => {
+      if (!wrapper.current?.contains(event.target)) restoreFocus.current = false;
+    };
+    doc?.addEventListener("pointerdown", pressed, true);
+    return () => doc?.removeEventListener("pointerdown", pressed, true);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref: wrapper,
+      className: "relative inline-flex rounded-md has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-[var(--quoin-ring)]",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: disabled || busy ? "pointer-events-none opacity-50" : void 0, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Upload, { "aria-hidden": "true" }),
+          label
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            "aria-label": label,
+            disabled,
+            "aria-disabled": busy || void 0,
+            className: "absolute inset-0 cursor-pointer opacity-0 disabled:cursor-not-allowed aria-disabled:cursor-not-allowed",
+            onClick: (e) => {
+              if (busy) e.preventDefault();
+            },
+            onChange: (e) => {
+              const file = e.target.files?.[0];
+              e.target.value = "";
+              if (!file || busy) return;
+              restoreFocus.current = true;
+              onPick(file);
+            }
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/blocks/void/interactive-target.ts
@@ -2112,7 +2068,7 @@ function selectHandlers(controller, blockId, root, onSelect) {
   return {
     onKeyDown(event) {
       const key = event.nativeEvent;
-      if (chunk2QKFRKOP_cjs.isComposingKey(controller, key)) return;
+      if (chunkN25EH2GZ_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;
@@ -2124,6 +2080,29 @@ function selectHandlers(controller, blockId, root, onSelect) {
     }
   };
 }
+
+// src/blocks/upload/upload-targets.ts
+var targets = /* @__PURE__ */ new WeakMap();
+function offerUploadTarget(controller, blockId, target) {
+  const offered = targets.get(controller) ?? /* @__PURE__ */ new Map();
+  targets.set(controller, offered.set(blockId, target));
+  return () => {
+    if (offered.get(blockId) === target) offered.delete(blockId);
+  };
+}
+function fillSelectedBlock(controller, files) {
+  const { selection } = controller.editor.state;
+  const target = selection?.kind === "node" ? targets.get(controller)?.get(selection.block) : void 0;
+  const taken = target && files.find((file) => target.takes(file));
+  if (taken === void 0) return files;
+  target.start(taken);
+  return files.filter((file) => file !== taken);
+}
+
+// src/upload/upload-error.ts
+var uploadError = (cause, failed) => cause instanceof Error && cause.message ? cause : new Error(failed);
+
+// src/blocks/upload/use-block-upload.ts
 var IDLE = { busy: false, error: "" };
 function useBlockUpload(controller, blockId, area, uploader) {
   const { upload, resolveAssetUrl, onError, labels } = useQuoin();
@@ -2137,12 +2116,13 @@ function useBlockUpload(controller, blockId, area, uploader) {
         if (started.current === run) setState(next);
       };
       setState({ busy: true, error: "" });
+      controller.announce(labels.uploading);
       const onLand = () => {
         if (area.current?.contains(area.current.ownerDocument.activeElement)) focusNode(controller, blockId);
       };
       uploader(controller, blockId, file, { upload, resolveAssetUrl, onLand }).then(
         () => settle2(IDLE),
-        (cause) => settle2({ busy: false, error: cause instanceof Error && cause.message || labels.uploadFailed })
+        (cause) => settle2({ busy: false, error: uploadError(cause, labels.uploadFailed).message })
       );
     },
     [controller, blockId, area, uploader, upload, resolveAssetUrl, onError, labels]
@@ -2167,6 +2147,7 @@ function UploadArea(props) {
     element?.addEventListener("drop", onDrop);
     return () => element?.removeEventListener("drop", onDrop);
   }, [start, takes]);
+  React7.useEffect(() => offerUploadTarget(controller, blockId, { takes, start }), [controller, blockId, takes, start]);
   const onPaste = (event) => {
     const file = fileIn(event.clipboardData, takes);
     if (file === void 0) return;
@@ -2187,7 +2168,7 @@ function UploadArea(props) {
         ] }),
         children,
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "quoin-block-message", children: upload ? hint : labels.uploadsUnavailable }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: busy ? "quoin-block-message" : "sr-only", children: busy ? labels.uploading : "" }),
+        busy && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "quoin-block-message", children: labels.uploading }),
         error !== "" && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "quoin-block-message text-destructive", children: error })
       ]
     }
@@ -2195,8 +2176,8 @@ function UploadArea(props) {
 }
 var CONTROL = "input:not([disabled]), button:not([disabled])";
 var typed = (event) => !event.ctrlKey && !event.metaKey && [...event.key].length === 1;
-function useNodeKeys(controller, blockId, editable, opens, root, { enter, type } = {}) {
-  const { editing, stop } = useVoidEditing(controller, blockId, editable && opens);
+function useNodeKeys(controller, blockId, editable, opens2, root, { enter, type } = {}) {
+  const { editing, stop } = useVoidEditing(controller, blockId, editable && opens2);
   React7.useEffect(() => {
     if (!editing) return;
     stop();
@@ -2216,7 +2197,7 @@ function useNodeKeys(controller, blockId, editable, opens, root, { enter, type }
   }, [controller, blockId, editable, type]);
 }
 
-// src/menus/bubble/bubble-part.ts
+// src/toolbar/bubble-part.ts
 var BUBBLE_PART = "data-quoin-bubble";
 var partIds = /* @__PURE__ */ new WeakMap();
 var created = 0;
@@ -2252,16 +2233,16 @@ var kindOf = (value) => KINDS.find(([, pattern]) => pattern.test(value))?.[0];
 var fileIcon = (mime, filename) => kindOf(mime.toLowerCase()) ?? kindOf(/\.([^.]+)$/.exec(filename)?.[1].toLowerCase() ?? "") ?? FileIcon;
 
 // src/blocks/file/file-source.ts
-var fileName = (attrs) => chunkI7X7B3WD_cjs.str(attrs.filename) || chunkI7X7B3WD_cjs.str(attrs.storageKey);
+var fileName = (attrs) => chunk4JDRDPLC_cjs.str(attrs.filename) || chunk4JDRDPLC_cjs.str(attrs.storageKey);
 var hasFile = (attrs) => fileName(attrs) !== "";
 function FileCard({ block, controller, readOnly }) {
   const { labels, resolveAssetUrl } = useQuoin();
   const card = React7.useRef(null);
   const { id, attrs } = block;
   const name = fileName(attrs);
-  const size = chunkI7X7B3WD_cjs.optionalNumber(attrs.size);
-  const href = assetHref(resolveAssetUrl, chunkI7X7B3WD_cjs.str(attrs.storageKey));
-  const Icon2 = fileIcon(chunkI7X7B3WD_cjs.str(attrs.mime), name);
+  const size = chunk4JDRDPLC_cjs.optionalNumber(attrs.size);
+  const href = assetHref(resolveAssetUrl, chunk4JDRDPLC_cjs.str(attrs.storageKey));
+  const Icon2 = fileIcon(chunk4JDRDPLC_cjs.str(attrs.mime), name);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: card, className: "quoin-file-card", ...selectHandlers(controller, id, card), children: [
     /* @__PURE__ */ jsxRuntime.jsx(Icon2, { "aria-hidden": "true", className: "quoin-file-icon" }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-file-name", children: name }),
@@ -2270,7 +2251,7 @@ function FileCard({ block, controller, readOnly }) {
       "a",
       {
         href,
-        download: chunkI7X7B3WD_cjs.str(attrs.filename),
+        download: chunk4JDRDPLC_cjs.str(attrs.filename),
         target: "_blank",
         rel: "noopener",
         "aria-label": labels.downloadFile(name),
@@ -2296,21 +2277,22 @@ function claimUpload(controller, blockId) {
 }
 var isNewestUpload = (controller, blockId, token) => newestUploads.get(controller)?.get(blockId) === token;
 function assetOf(controller, blockId, type) {
-  const block = chunkI7X7B3WD_cjs.blockById(controller.editor.state.doc, blockId);
+  const block = chunk4JDRDPLC_cjs.blockById(controller.editor.state.doc, blockId);
   if (block?.type !== type || controller.readOnly) return null;
-  return { url: chunkI7X7B3WD_cjs.str(block.attrs.url), storageKey: chunkI7X7B3WD_cjs.str(block.attrs.storageKey) };
+  return { url: chunk4JDRDPLC_cjs.str(block.attrs.url), storageKey: chunk4JDRDPLC_cjs.str(block.attrs.storageKey) };
 }
+var isStored = (stored) => typeof stored?.storageKey === "string" && stored.storageKey !== "";
 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(chunkFK7EBZPX_cjs.setAttrsStep(blockId, patch));
+  const tr = editor.createTransaction().step(chunkZ5EEDCRI_cjs.setAttrsStep(blockId, patch));
   editor.dispatch(recorded ? tr : tr.setMeta("addToHistory", false));
 }
 async function uploadInto(controller, blockId, file, { type, category }, { upload, onLand }, land2) {
   const token = claimUpload(controller, blockId);
   const before = assetOf(controller, blockId, type);
   const stored = await upload(file, category);
-  if (typeof stored?.storageKey !== "string" || stored.storageKey === "") throw new Error();
+  if (!isStored(stored)) throw new Error();
   if (!isNewestUpload(controller, blockId, token) || !sameAsset(assetOf(controller, blockId, type), before)) return;
   onLand?.();
   await land2(stored, token);
@@ -2334,7 +2316,7 @@ var uploadFile = (controller, blockId, file, host) => uploadInto(
 var anyFile = () => true;
 var FileBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const filled = hasFile(block.attrs);
   useNodeKeys(controller, block.id, !readOnly, !filled, root);
@@ -2360,7 +2342,7 @@ function useReplacePicker(controller, blockId, uploader, accept) {
     if (file === void 0 || !upload) return;
     controller.announce(labels.uploading);
     uploader(controller, blockId, file, { upload, resolveAssetUrl }).catch(
-      (cause) => onError(cause instanceof Error && cause.message ? cause : new Error(labels.uploadFailed))
+      (cause) => onError(uploadError(cause, labels.uploadFailed))
     );
   };
   return {
@@ -2400,7 +2382,7 @@ function usePartAnchor(controller, blockId, selector) {
 // src/blocks/void/node-toolbar-items.ts
 var replaceItem = (title, run) => run ? [{ id: "replace", title, icon: Upload, run }] : [];
 function deleteBlock(controller, blockId) {
-  runOnBlocks(controller, [blockId], chunkFK7EBZPX_cjs.deleteBlocks);
+  runOnBlocks(controller, [blockId], chunkZ5EEDCRI_cjs.deleteBlocks);
   controller.focus();
 }
 var deleteItem = (blockId, title) => ({
@@ -2410,37 +2392,10 @@ var deleteItem = (blockId, title) => ({
   run: (controller) => deleteBlock(controller, blockId)
 });
 var PRESSED = "aria-pressed:bg-accent aria-pressed:text-accent-foreground";
-function markItem(mark, title, icon) {
-  return {
-    id: mark,
-    title,
-    icon,
-    isActive: (state) => chunkFK7EBZPX_cjs.isActive(state, mark),
-    run: (controller) => void controller.run(chunkFK7EBZPX_cjs.toggleMark(mark))
-  };
-}
-var linkItem = (labels, openLink) => ({
-  id: "link",
-  title: labels.link,
-  icon: Link,
-  run: openLink
-});
-function bubbleItems(labels, openLink) {
-  return {
-    inline: [
-      markItem("bold", labels.bold, Bold),
-      markItem("italic", labels.italic, Italic),
-      markItem("underline", labels.underline, Underline),
-      markItem("strike", labels.strike, Strikethrough),
-      markItem("code", labels.code, Code),
-      linkItem(labels, openLink)
-    ],
-    scripts: [markItem("sub", labels.subscript, Subscript), markItem("sup", labels.superscript, Superscript)]
-  };
-}
 function ToolbarButton({ item, state, controller, buttonRef }) {
   if (item.available?.(state) === false) return null;
   const Icon2 = item.icon;
+  const disabled = item.enabled?.(state) === false;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Button,
     {
@@ -2450,8 +2405,12 @@ function ToolbarButton({ item, state, controller, buttonRef }) {
       size: "icon-sm",
       "aria-label": item.title,
       "aria-pressed": item.isActive?.(state),
+      "aria-haspopup": item.opensDialog ? "dialog" : void 0,
+      "aria-disabled": disabled || void 0,
       className: PRESSED,
-      onClick: () => item.run(controller),
+      onClick: () => {
+        if (!disabled) item.run(controller);
+      },
       children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, {})
     }
   );
@@ -2486,7 +2445,7 @@ function useRovingFocus() {
     },
     [syncTabStop]
   );
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(syncTabStop);
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(syncTabStop);
   const onFocus = (event) => {
     if (!owns(event.target)) return;
     current.current = event.target;
@@ -2495,7 +2454,7 @@ function useRovingFocus() {
   const onKeyDown = (event) => {
     const all = items();
     const index = all.indexOf(event.target);
-    const key = row.current === null ? event.key : chunk2QKFRKOP_cjs.arrowAsWritten(event.key, chunk2QKFRKOP_cjs.inlineDirection(row.current));
+    const key = row.current === null ? event.key : chunkN25EH2GZ_cjs.arrowAsWritten(event.key, chunkN25EH2GZ_cjs.inlineDirection(row.current));
     if (index === -1 || !Object.hasOwn(MOVES, key)) return;
     event.preventDefault();
     all[MOVES[key](index, all.length)].focus();
@@ -2506,7 +2465,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) {
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const intercept = (event) => {
       if (!isFocusKey(event)) return false;
       event.preventDefault();
@@ -2518,11 +2477,11 @@ function useFocusKey(controller, focus) {
 }
 function NodeToolbar(props) {
   const { blockId, controller, label, anchor, items, next, buttonRefs, children, popover } = props;
-  const state = chunk2QKFRKOP_cjs.useEditorState(controller, chunk2QKFRKOP_cjs.wholeState);
+  const state = chunkN25EH2GZ_cjs.useEditorState(controller, chunkN25EH2GZ_cjs.wholeState);
   const roving = useRovingFocus();
   useFocusKey(controller, roving.focusCurrent);
   const onKeyDown = (event) => {
-    if (!roving.owns(event.target) || chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (!roving.owns(event.target) || chunkN25EH2GZ_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();
@@ -2560,10 +2519,12 @@ function createSettled(controller) {
   let pressed = false;
   let composing = false;
   const inEditor = (event) => event.target instanceof Node && controller.root?.contains(event.target) === true;
+  const release = () => void (pressed = false);
   const handlers = {
     pointerdown: (event) => void (pressed ||= inEditor(event)),
-    pointerup: () => void (pressed = false),
-    pointercancel: () => void (pressed = false),
+    pointerup: release,
+    pointercancel: release,
+    dragend: release,
     compositionstart: (event) => void (composing ||= inEditor(event)),
     compositionend: () => void (composing = false),
     focusin: () => {
@@ -2584,9 +2545,27 @@ function createSettled(controller) {
         doc.addEventListener(type, listener, true);
         return () => doc.removeEventListener(type, listener, true);
       });
+      const timers = /* @__PURE__ */ new Set();
+      const afterView = () => {
+        const timer = setTimeout(() => {
+          timers.delete(timer);
+          notify();
+        }, 0);
+        timers.add(timer);
+      };
+      const stopDoc = chunkN25EH2GZ_cjs.listen(doc, { compositionend: afterView });
+      const onWindowBlur = () => {
+        release();
+        notify();
+      };
+      const stopWindow = doc.defaultView ? chunkN25EH2GZ_cjs.listen(doc.defaultView, { blur: onWindowBlur }) : () => {
+      };
       const stopState = controller.editor.subscribe(() => notify());
       return () => {
         listeners2.forEach((remove) => remove());
+        timers.forEach(clearTimeout);
+        stopDoc();
+        stopWindow();
         stopState();
       };
     }
@@ -2600,12 +2579,12 @@ function useSelectionSettled(controller) {
 
 // src/blocks/void/use-toolbar-block.ts
 var selectedBlock = (type, filled) => ({ doc, selection }) => {
-  const block = selection?.kind === "node" ? chunkI7X7B3WD_cjs.blockById(doc, selection.block) : void 0;
+  const block = selection?.kind === "node" ? chunk4JDRDPLC_cjs.blockById(doc, selection.block) : void 0;
   return block?.type === type && filled(block.attrs) ? block.id : null;
 };
 function useToolbarBlock(controller, selected, keptFor = null) {
-  const blockId = chunk2QKFRKOP_cjs.useEditorState(controller, selected);
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const blockId = chunkN25EH2GZ_cjs.useEditorState(controller, selected);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const settled = useSelectionSettled(controller);
   return blockId !== null && !readOnly && (settled || keptFor === blockId) ? blockId : null;
 }
@@ -2645,6 +2624,23 @@ function requestAlt(controller, blockId) {
   listeners.get(controller)?.(blockId);
 }
 
+// src/blocks/image/owed-size.ts
+var owedSizes = /* @__PURE__ */ new WeakMap();
+var showsKey = (controller, blockId, storageKey) => sameAsset(assetOf(controller, blockId, "IMAGE"), { url: "", storageKey });
+function writeSize(controller, blockId, measured) {
+  if (!isNewestUpload(controller, blockId, measured.token)) return;
+  if (showsKey(controller, blockId, measured.storageKey)) writeAttrs(controller, blockId, { ...measured.size }, false);
+  else owedSizes.set(controller, (owedSizes.get(controller) ?? /* @__PURE__ */ new Map()).set(blockId, measured));
+}
+function payOwedSize(controller, blockId) {
+  const owing = owedSizes.get(controller);
+  const owed = owing?.get(blockId);
+  if (owed === void 0 || !showsKey(controller, blockId, owed.storageKey)) return;
+  owing.delete(blockId);
+  const unsized = chunk4JDRDPLC_cjs.blockById(controller.editor.state.doc, blockId)?.attrs.width === void 0;
+  if (unsized && isNewestUpload(controller, blockId, owed.token)) writeAttrs(controller, blockId, { ...owed.size }, false);
+}
+
 // src/blocks/image/resize-width.ts
 var MIN_WIDTH = 10;
 var MAX_WIDTH = 100;
@@ -2684,7 +2680,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
   const value = percent ?? drawn;
   const write = (widthPercent) => setBlockAttrs(controller, blockId, { widthPercent });
   const onKeyDown = (event) => {
-    if (chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkN25EH2GZ_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const next = keyedWidth(event.key, value);
     if (event.key === "Escape") controller.focus();
     else if (next === null) return;
@@ -2726,7 +2722,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
       "aria-valuetext": labels.widthValue(value),
       "data-side": side,
       className: "quoin-image-handle",
-      ...{ [chunk2QKFRKOP_cjs.NATIVE_INTERACTION]: "" },
+      ...{ [chunkN25EH2GZ_cjs.NATIVE_INTERACTION]: "" },
       ...bubblePart(controller),
       onKeyDown,
       onPointerDown: onPointerDown(side),
@@ -2747,15 +2743,16 @@ function ImageFigure({ block, controller, readOnly }) {
   const [failed, setFailed] = React7.useState(null);
   const { id, attrs, regions } = block;
   const src = imageSource(attrs, resolveAssetUrl);
-  const alt = chunkI7X7B3WD_cjs.str(attrs.alt);
+  const alt = chunk4JDRDPLC_cjs.str(attrs.alt);
   const name = alt || labels.imageNoAlt;
-  const percent = chunkI7X7B3WD_cjs.optionalNumber(attrs.widthPercent);
+  const percent = chunk4JDRDPLC_cjs.optionalNumber(attrs.widthPercent);
   const width = preview ?? percent;
   const flagged = !readOnly && alt === "" && attrs.decorative !== true;
   const select = () => focusNode(controller, id);
   const badgeText = labels.noAltBadge ?? englishLabels.noAltBadge;
   const badgeName = labels.addAltText ?? englishLabels.addAltText;
   const translatedAlone = badgeText !== englishLabels.noAltBadge && badgeName === englishLabels.addAltText;
+  React7.useEffect(() => payOwedSize(controller, id), [controller, id, attrs.storageKey]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: frame, className: "quoin-image-frame", style: width === void 0 ? void 0 : { width: `${width}%` }, children: [
       src !== null && src !== failed ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -2763,8 +2760,8 @@ function ImageFigure({ block, controller, readOnly }) {
         {
           src,
           alt: name,
-          width: chunkI7X7B3WD_cjs.optionalNumber(attrs.width),
-          height: chunkI7X7B3WD_cjs.optionalNumber(attrs.height),
+          width: chunk4JDRDPLC_cjs.optionalNumber(attrs.width),
+          height: chunk4JDRDPLC_cjs.optionalNumber(attrs.height),
           draggable: false,
           onError: () => setFailed(src),
           onClick: select
@@ -2799,7 +2796,7 @@ function ImageFigure({ block, controller, readOnly }) {
       )
     ] }),
     (!readOnly || (regions.caption?.length ?? 0) > 0) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2QKFRKOP_cjs.EditableRegion,
+      chunkN25EH2GZ_cjs.EditableRegion,
       {
         block: id,
         region: "caption",
@@ -2812,18 +2809,20 @@ function ImageFigure({ block, controller, readOnly }) {
 }
 
 // src/menus/link/link-address.ts
-var BARE_DOMAIN = /^[^\s/#?.]\S*\.\S*$/;
-var EMAIL = /^[^\s@/]+@[^\s@/]+\.[^\s@/]+$/;
+var DOMAIN_START = /^[^/#?.]/;
+var EMAIL = /^[^@/]+@([^@/]+)$/;
 var WHITESPACE = /\s/;
+var isEmail = (address) => EMAIL.exec(address)?.[1].slice(1, -1).includes(".") === true;
+var isBareDomain = (address) => DOMAIN_START.test(address) && address.includes(".", 1);
 function scheme(address) {
-  if (EMAIL.test(address)) return `mailto:${address}`;
-  return BARE_DOMAIN.test(address) ? `https://${address}` : address;
+  if (isEmail(address)) return `mailto:${address}`;
+  return isBareDomain(address) ? `https://${address}` : address;
 }
 function linkAddress(typed2) {
   const address = typed2.trim();
   if (WHITESPACE.test(address)) return null;
-  const completed = chunkI7X7B3WD_cjs.SCHEME.test(address) ? address : scheme(address);
-  const href = chunkI7X7B3WD_cjs.sanitizeHref(completed);
+  const completed = chunk4JDRDPLC_cjs.SCHEME.test(address) ? address : scheme(address);
+  const href = chunk4JDRDPLC_cjs.sanitizeHref(completed);
   return href || null;
 }
 var Input = React7__namespace.forwardRef(function Input2({ className, type, ...props }, ref) {
@@ -2897,9 +2896,7 @@ var isImageFile = (file) => file.type.startsWith("image/");
 async function measureImage(controller, blockId, storageKey, resolveAssetUrl, token = claimUpload(controller, blockId)) {
   const src = assetHref(resolveAssetUrl, storageKey);
   const size = src === null ? null : await intrinsicSize(src);
-  if (size && isNewestUpload(controller, blockId, token) && sameAsset(assetOf(controller, blockId, "IMAGE"), { url: "", storageKey })) {
-    writeAttrs(controller, blockId, { ...size }, false);
-  }
+  if (size) writeSize(controller, blockId, { storageKey, size, token });
 }
 var uploadImage = (controller, blockId, file, host) => uploadInto(controller, blockId, file, { type: "IMAGE", category: "image" }, host, async ({ storageKey }, token) => {
   writeAttrs(controller, blockId, { storageKey, url: void 0, width: void 0, height: void 0 }, true);
@@ -2929,8 +2926,8 @@ function ImageUploadArea({ blockId, controller }) {
   );
 }
 function captionEnd(controller, blockId) {
-  const caption = chunkI7X7B3WD_cjs.blockById(controller.editor.state.doc, blockId)?.regions.caption ?? [];
-  return { block: blockId, region: "caption", offset: chunkI7X7B3WD_cjs.inlineLength(caption) };
+  const caption = chunk4JDRDPLC_cjs.blockById(controller.editor.state.doc, blockId)?.regions.caption ?? [];
+  return { block: blockId, region: "caption", offset: chunk4JDRDPLC_cjs.inlineLength(caption) };
 }
 var plainEnter = (event) => event.key === "Enter" && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey;
 var menuOpenOn = (host) => host?.getAttribute("aria-expanded") === "true";
@@ -2942,7 +2939,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
       // then follows.
       enter() {
         const { editor } = controller;
-        editor.dispatch(editor.createTransaction().setSelection(chunkFK7EBZPX_cjs.textSelection(captionEnd(controller, blockId))));
+        editor.dispatch(editor.createTransaction().setSelection(chunkZ5EEDCRI_cjs.textSelection(captionEnd(controller, blockId))));
         controller.focus();
       },
       type(key) {
@@ -2967,7 +2964,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
 }
 var ImageBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const picture = hasPicture(block.attrs);
   useImageKeys(controller, block.id, picture, !readOnly, root);
@@ -2980,17 +2977,39 @@ var ImageBlock = ({ block, controller }) => {
       "aria-label": labels.blockNames.image,
       contentEditable: false,
       className: "quoin-image",
-      ...picture ? { [chunk2QKFRKOP_cjs.NODE_ENTRY]: "" } : void 0,
+      ...picture ? { [chunkN25EH2GZ_cjs.NODE_ENTRY]: "" } : void 0,
       children: picture ? /* @__PURE__ */ jsxRuntime.jsx(ImageFigure, { block, controller, readOnly }) : empty
     }
   );
 };
+function useClosing(controller, { store, onClose, onReturn }) {
+  const closed = React7.useRef(false);
+  const finish = (save, refocus = false) => {
+    if (closed.current) return false;
+    closed.current = true;
+    if (save) store(refocus);
+    return true;
+  };
+  const latestFinish = React7.useRef(finish);
+  latestFinish.current = finish;
+  React7.useEffect(() => {
+    closed.current = false;
+    return () => void latestFinish.current(true);
+  }, []);
+  const close = (save, refocus = true) => {
+    if (!refocus) controller.readSelectionFromDom();
+    if (!finish(save, refocus)) return;
+    onClose();
+    if (refocus) onReturn();
+  };
+  return { finish, close };
+}
 function useOutsidePress(element, ownerDocument, onPress) {
   const latest = React7.useRef(onPress);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onPress;
   });
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const doc = ownerDocument();
     const inside = (target) => element.current?.contains(target) === true;
     let touched = null;
@@ -3005,15 +3024,15 @@ function useOutsidePress(element, ownerDocument, onPress) {
       if (touched !== null && !inside(event.target)) latest.current(touched);
       touched = null;
     };
-    return chunk2QKFRKOP_cjs.listen(doc, { pointerdown: down, click }, true);
+    return chunkN25EH2GZ_cjs.listen(doc, { pointerdown: down, click }, true);
   }, [element, ownerDocument]);
 }
 function storeAlt(controller, blockId, opened, patch) {
   const { editor } = controller;
-  const attrs = chunkI7X7B3WD_cjs.blockById(editor.state.doc, blockId)?.attrs ?? {};
-  const changed = chunkI7X7B3WD_cjs.str(attrs.alt) !== opened.alt || attrs.decorative === true !== opened.decorative;
+  const attrs = chunk4JDRDPLC_cjs.blockById(editor.state.doc, blockId)?.attrs ?? {};
+  const changed = chunk4JDRDPLC_cjs.str(attrs.alt) !== opened.alt || attrs.decorative === true !== opened.decorative;
   if (controller.readOnly || controller.root === null || changed) return;
-  chunk2QKFRKOP_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
+  chunkN25EH2GZ_cjs.onBlock(blockId, chunkZ5EEDCRI_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
 }
 function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative, onClose }) {
   const labels = useLabels();
@@ -3022,29 +3041,18 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
   const [marked, setMarked] = React7.useState(decorative);
   const fieldId = React7.useId();
   const hintId = `${fieldId}-hint`;
-  const closed = React7.useRef(false);
-  const finish = (store) => {
-    if (closed.current) return false;
-    closed.current = true;
-    if (store && (draft !== alt || marked !== decorative))
-      storeAlt(controller, blockId, opened, { alt: draft, decorative: marked || void 0 });
-    return true;
-  };
-  const latestFinish = React7.useRef(finish);
-  latestFinish.current = finish;
-  React7.useEffect(() => {
-    closed.current = false;
-    return () => void latestFinish.current(true);
-  }, []);
+  const { finish, close } = useClosing(controller, {
+    store() {
+      if (draft !== alt || marked !== decorative) {
+        storeAlt(controller, blockId, opened, { alt: draft, decorative: marked || void 0 });
+      }
+    },
+    onClose,
+    onReturn: () => controller.focus()
+  });
   React7.useEffect(() => {
     if ((alt !== opened.alt || decorative !== opened.decorative) && finish(false)) onClose();
   });
-  const close = (store, refocus = true) => {
-    if (!refocus) controller.readSelectionFromDom();
-    if (!finish(store)) return;
-    onClose();
-    if (refocus) controller.focus();
-  };
   const content = React7.useRef(null);
   const ownerDocument = React7.useCallback(() => controller.root?.ownerDocument ?? document, [controller]);
   useOutsidePress(content, ownerDocument, (target) => {
@@ -3055,7 +3063,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
     close(true);
   };
   const onKeyDown = (event) => {
-    if (event.key !== "Tab" || chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (event.key !== "Tab" || chunkN25EH2GZ_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const controls = [...event.currentTarget.elements];
     const next = controls[controls.indexOf(event.target) + (event.shiftKey ? -1 : 1)];
     event.preventDefault();
@@ -3083,7 +3091,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
             onCloseAutoFocus: preventDefault,
             onEscapeKeyDown: (event) => {
               event.preventDefault();
-              if (!chunk2QKFRKOP_cjs.isComposingKey(controller, event)) close(false);
+              if (!chunkN25EH2GZ_cjs.isComposingKey(controller, event)) close(false);
             },
             ...bubblePart(controller),
             children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "quoin-image-alt", onSubmit: save, onKeyDown, children: [
@@ -3124,6 +3132,21 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
     }
   );
 }
+function around(a, b) {
+  const left = Math.min(a.left, b.left);
+  const top = Math.min(a.top, b.top);
+  return new DOMRect(left, top, Math.max(a.right, b.right) - left, Math.max(a.bottom, b.bottom) - top);
+}
+function useAroundToolbar(part, inToolbar) {
+  return React7.useMemo(() => {
+    const measure2 = () => {
+      const box = part.current.getBoundingClientRect();
+      const toolbar = inToolbar.current?.closest('[role="toolbar"]')?.getBoundingClientRect();
+      return toolbar === void 0 ? box : around(box, toolbar);
+    };
+    return { current: virtualAnchor(measure2, () => part.current.contextElement) };
+  }, [part, inToolbar]);
+}
 
 // src/blocks/image/image-toolbar-items.ts
 var ALIGNS = [
@@ -3137,7 +3160,7 @@ function imageToolbarItems(blockId, labels, actions) {
       id: align,
       title: labels[label],
       icon,
-      isActive: (state) => (chunkI7X7B3WD_cjs.alignOrUndefined(chunkI7X7B3WD_cjs.blockById(state.doc, blockId)?.attrs.align) ?? "left") === align,
+      isActive: (state) => (chunk4JDRDPLC_cjs.alignOrUndefined(chunk4JDRDPLC_cjs.blockById(state.doc, blockId)?.attrs.align) ?? "left") === align,
       run: (controller) => setBlockAttrs(controller, blockId, { align })
     })
   );
@@ -3179,11 +3202,12 @@ function ImageToolbarOverlay({ controller }) {
 }
 function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
   const { labels, resolveAssetUrl } = useQuoin();
-  const state = chunk2QKFRKOP_cjs.useEditorState(controller, chunk2QKFRKOP_cjs.wholeState);
+  const state = chunkN25EH2GZ_cjs.useEditorState(controller, chunkN25EH2GZ_cjs.wholeState);
   const picker = useReplacePicker(controller, blockId, uploadImage, "image/*");
   const altButton = React7.useRef(null);
   const anchor = usePartAnchor(controller, blockId, ".quoin-image-frame");
-  const attrs = chunkI7X7B3WD_cjs.blockById(state.doc, blockId)?.attrs ?? {};
+  const altAnchor = useAroundToolbar(anchor, altButton);
+  const attrs = chunk4JDRDPLC_cjs.blockById(state.doc, blockId)?.attrs ?? {};
   const items = imageToolbarItems(blockId, labels, {
     replace: picker.open,
     editAlt: () => {
@@ -3207,9 +3231,9 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
         {
           blockId,
           controller,
-          anchor,
+          anchor: altAnchor,
           opener: altButton,
-          alt: chunkI7X7B3WD_cjs.str(attrs.alt),
+          alt: chunk4JDRDPLC_cjs.str(attrs.alt),
           decorative: attrs.decorative === true,
           onClose: () => onEditAlt(null)
         }
@@ -3337,7 +3361,7 @@ var DropdownMenuSubTrigger = /* @__PURE__ */ React7__namespace.forwardRef(functi
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "ms-auto size-4 rtl:rotate-180" })
       ]
     }
   );
@@ -3383,7 +3407,7 @@ var SHOWN_WITH_THE_BLOCK = [
   "opacity-0 group-hover/callout:opacity-100 group-focus-within/callout:opacity-100",
   "in-data-[selected=true]:opacity-100 pointer-coarse:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100"
 ].join(" ");
-function CalloutToneMenu({ blockId, controller, tone }) {
+function CalloutToneMenu({ blockId, controller, tone, alwaysShown }) {
   const labels = useLabels();
   const name = labels.calloutTones[tone];
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
@@ -3395,7 +3419,7 @@ function CalloutToneMenu({ blockId, controller, tone }) {
         size: "xs",
         tabIndex: -1,
         "aria-label": labels.calloutToneMenu(name),
-        className: SHOWN_WITH_THE_BLOCK,
+        className: alwaysShown ? void 0 : SHOWN_WITH_THE_BLOCK,
         children: name
       }
     ) }),
@@ -3404,20 +3428,21 @@ function CalloutToneMenu({ blockId, controller, tone }) {
       {
         value: tone,
         onValueChange: (value) => setBlockAttrs(controller, blockId, { tone: value }),
-        children: chunk2QKFRKOP_cjs.CALLOUT_TONES.map((option) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: option, children: labels.calloutTones[option] }, option))
+        children: chunkQFGWSFOI_cjs.CALLOUT_TONES.map((option) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: option, children: labels.calloutTones[option] }, option))
       }
     ) })
   ] });
 }
 var CalloutBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
-  const tone = chunk2QKFRKOP_cjs.calloutTone(block.attrs.tone);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
+  const tone = chunkQFGWSFOI_cjs.calloutTone(block.attrs.tone);
   const icon = calloutIcon(block.attrs, tone);
+  const toneInWords = !iconTellsTone(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(
-      chunk2QKFRKOP_cjs.EditableRegion,
+      chunkN25EH2GZ_cjs.EditableRegion,
       {
         block: block.id,
         region: "body",
@@ -3425,7 +3450,7 @@ var CalloutBlock = ({ block, controller }) => {
         className: "min-w-0 flex-1"
       }
     ),
-    !readOnly && /* @__PURE__ */ jsxRuntime.jsx(CalloutToneMenu, { blockId: block.id, controller, tone })
+    readOnly ? toneInWords && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex h-6 items-center px-2 text-xs", children: labels.calloutTones[tone] }) : /* @__PURE__ */ jsxRuntime.jsx(CalloutToneMenu, { blockId: block.id, controller, tone, alwaysShown: toneInWords })
   ] });
 };
 var DividerBlock = ({ block, controller }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", contentEditable: false, onClick: () => focusNode(controller, block.id), children: /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-t border-border" }) });
@@ -3473,92 +3498,23 @@ var COUNTERS = [decimal, lowerAlpha, lowerRoman];
 function bulletGlyph(depth) {
   return BULLETS[cycleOf(depth)];
 }
-function orderedLabel(n, depth) {
-  return `${COUNTERS[cycleOf(depth)](n)}.`;
-}
-function ListMarker(props) {
-  const text2 = props.list === "bullet" ? bulletGlyph(props.depth) : orderedLabel(props.number, props.depth);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-marker", "aria-hidden": "true", children: text2 });
-}
-var REGION = "text";
-var HEADING_LEVELS = ["mt-6 text-3xl", "mt-5 text-2xl", "mt-4 text-xl", "mt-3 text-lg", "mt-3 text-base", "mt-3 text-sm"];
-var headingStyles = (level) => `quoin-heading mb-1 font-semibold leading-tight in-[[data-quoin-block]:first-child]:mt-0 ${HEADING_LEVELS[level - 1]}`;
-function Heading({ block }) {
-  const labels = useLabels();
-  const level = chunkI7X7B3WD_cjs.headingLevel(block.attrs.level);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsxRuntime.jsx(chunk2QKFRKOP_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
-}
-function NumberedItem({ block, controller }) {
-  const labels = useLabels();
-  const number = chunk2QKFRKOP_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(chunk2QKFRKOP_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
-  ] });
-}
-function TaskItem({ block, controller }) {
-  const labels = useLabels();
-  const hostId = chunk2QKFRKOP_cjs.useRegionDomId(block.id, REGION);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2QKFRKOP_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2QKFRKOP_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
-  ] });
-}
-var MarkdownBlock = (props) => {
-  const { block } = props;
-  const labels = useLabels();
-  switch (block.attrs.kind) {
-    case "heading":
-      return /* @__PURE__ */ jsxRuntime.jsx(Heading, { block });
-    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(chunk2QKFRKOP_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(chunk2QKFRKOP_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
-    default:
-      return /* @__PURE__ */ jsxRuntime.jsx(chunk2QKFRKOP_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
-  }
-};
-
-// src/blocks/text/use-nested-blocks.ts
-function nestedBlockIds({ doc }, blockId) {
-  const index = doc.index.get(blockId);
-  if (index === void 0) return [];
-  return doc.blocks.slice(index + 1, chunkFK7EBZPX_cjs.descendantsEnd(doc, index)).map((block) => block.id);
+function orderedLabel(n, depth) {
+  return `${COUNTERS[cycleOf(depth)](n)}.`;
 }
-function useNestedBlocks(controller, blockId) {
-  return chunk2QKFRKOP_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkI7X7B3WD_cjs.sameItems);
+function ListMarker(props) {
+  const text2 = props.list === "bullet" ? bulletGlyph(props.depth) : orderedLabel(props.number, props.depth);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-marker", "aria-hidden": "true", children: text2 });
 }
-var ToggleBlock = ({ block, controller }) => {
-  const labels = useLabels();
-  const domId = chunk2QKFRKOP_cjs.useBlockDomId();
-  const nested = useNestedBlocks(controller, block.id);
-  const open = chunk2QKFRKOP_cjs.useToggleOpen(controller, block);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2QKFRKOP_cjs.ToggleChevron,
-      {
-        block,
-        controller,
-        label: labels.toggleButton(open ? 0 : nested.length),
-        controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2QKFRKOP_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
-  ] });
-};
+var HEADING_LEVELS = ["mt-6 text-3xl", "mt-5 text-2xl", "mt-4 text-xl", "mt-3 text-lg", "mt-3 text-base", "mt-3 text-sm"];
+var headingStyles = (level) => `quoin-heading mb-1 font-semibold leading-tight in-[[data-quoin-block]:first-child]:mt-0 ${HEADING_LEVELS[level - 1]}`;
+var CANVAS_LOOK = { Marker: ListMarker, headingClassName: headingStyles };
+var MarkdownBlock = (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkN25EH2GZ_cjs.MarkdownText, { ...props, look: CANVAS_LOOK });
 
 // src/blocks/text/text-renderers.ts
 var textRenderers = {
   MARKDOWN: MarkdownBlock,
   CALLOUT: CalloutBlock,
-  TOGGLE: ToggleBlock,
+  TOGGLE: chunkN25EH2GZ_cjs.ToggleBlock,
   DIVIDER: DividerBlock
 };
 
@@ -3576,6 +3532,7 @@ function drawnAsText(definitions, type, readOnly) {
   return !hostDefines(definitions, type) || !readOnly && TYPED_IN_PLACE.includes(type);
 }
 var definedTypedInPlace = (definitions) => TYPED_IN_PLACE.filter((type) => hostDefines(definitions, type));
+var hostLabel = (definitions, type) => !TYPED_IN_PLACE.includes(type) && hostDefines(definitions, type) ? chunkA6PGQVTR_cjs.blockByType(definitions, type)?.label : void 0;
 function drawnInPlace(definitions, type) {
   return Object.hasOwn(inPlaceRenderers, type) && chunkA6PGQVTR_cjs.blockByType(definitions, type) !== void 0 && !hostDefines(definitions, type);
 }
@@ -3611,10 +3568,10 @@ 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, chunkFK7EBZPX_cjs.setBlockType(target.type, target.attrs)), children: [
+  const targets2 = turnIntoTargets(labels).filter((target) => drawsType(blockTypes, target.type));
+  return targets2.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_cjs.setBlockType(target.type, target.attrs)), children: [
     /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: target.icon }),
-    target.label
+    hostLabel(blockTypes, target.type) ?? target.label
   ] }, target.id));
 }
 function TurnIntoMenu(props) {
@@ -3647,10 +3604,10 @@ function ActionItem({ kit, controller, action, blockIds }) {
   );
 }
 function BlockMenuItems({ kit, controller, blocks, styled, title, actions }) {
-  const state = chunk2QKFRKOP_cjs.useEditorState(controller, chunk2QKFRKOP_cjs.wholeState);
+  const state = chunkN25EH2GZ_cjs.useEditorState(controller, chunkN25EH2GZ_cjs.wholeState);
   const blockIds = blocks.map((block) => block.id);
   const shown = actions.filter((action) => action.available?.(state, blockIds) ?? true);
-  const anyText = styled.some((block) => chunkFK7EBZPX_cjs.isTextFlow(state.schema, block));
+  const anyText = styled.some((block) => chunkZ5EEDCRI_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: [
@@ -3692,7 +3649,7 @@ var CONTEXT_KIT = {
   SubTrigger: ContextMenuSubTrigger
 };
 var GUTTER_BLOCK = "data-quoin-gutter-block";
-var OWN_MENU = `[${chunk2QKFRKOP_cjs.NATIVE_INTERACTION}], input, textarea, select`;
+var OWN_MENU = `[${chunkN25EH2GZ_cjs.NATIVE_INTERACTION}], input, textarea, select`;
 function contextBlock(controller, target) {
   const { state } = controller.editor;
   const gutter = target.closest(`[${GUTTER_BLOCK}]`)?.getAttribute(GUTTER_BLOCK);
@@ -3701,8 +3658,8 @@ function contextBlock(controller, target) {
   if (selection?.kind === "blocks") return selection.head;
   if (target.closest(OWN_MENU) || controller.registry.locate(target) !== null) return null;
   const id = controller.blockAt(target);
-  const block = id === void 0 ? void 0 : chunkI7X7B3WD_cjs.blockById(state.doc, id);
-  return block === void 0 || chunkFK7EBZPX_cjs.isTextFlow(state.schema, block) ? null : block.id;
+  const block = id === void 0 ? void 0 : chunk4JDRDPLC_cjs.blockById(state.doc, id);
+  return block === void 0 || chunkZ5EEDCRI_cjs.isTextFlow(state.schema, block) ? null : block.id;
 }
 function useContextMenuOpener(controller, store, trigger) {
   React7.useEffect(() => {
@@ -3712,8 +3669,15 @@ function useContextMenuOpener(controller, store, trigger) {
     const onMouseDown = (event) => {
       if (event.button === 2 && blockOf(event) !== null) event.preventDefault();
     };
+    let pressed = null;
+    const onPointerDown = (event) => {
+      const block = event.button === 2 ? blockOf(event) : null;
+      pressed = block === null ? null : { block, x: event.clientX, y: event.clientY };
+    };
+    const pressedAt = ({ clientX, clientY }) => pressed !== null && Math.hypot(clientX - pressed.x, clientY - pressed.y) <= 2 ? pressed.block : null;
     const onContextMenu = (event) => {
-      const block = blockOf(event);
+      const block = blockOf(event) ?? pressedAt(event);
+      pressed = null;
       const hidden = trigger.current;
       if (block === null || hidden === null) return;
       event.preventDefault();
@@ -3721,7 +3685,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 chunk2QKFRKOP_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
+    return chunkN25EH2GZ_cjs.listen(root, { pointerdown: onPointerDown, mousedown: onMouseDown, contextmenu: onContextMenu });
   }, [controller, store, trigger]);
 }
 
@@ -3745,6 +3709,8 @@ var nameIn = (names, key) => typeof key === "string" && Object.hasOwn(names, key
 function blockTypeLabel(labels, block, definitions, extensionNames = {}) {
   const { kind, level } = block.attrs;
   if (block.type === "MARKDOWN" && kind === "heading") return labels.heading(typeof level === "number" ? level : 1);
+  const own = hostLabel(definitions, block.type);
+  if (own !== void 0) return own;
   const name = block.type === "MARKDOWN" ? nameIn(KIND_NAMES, kind) : nameIn(TYPE_NAMES, block.type);
   if (name !== void 0) return labels.blockNames[name];
   return nameIn(extensionNames, block.type) ?? chunkA6PGQVTR_cjs.blockByType(definitions, block.type)?.label ?? labels.unsupportedBlock;
@@ -3754,10 +3720,10 @@ var ExtensionBlockNames = React7.createContext({});
 // src/gutter/use-menu-blocks.ts
 function useLiveBlocks(controller, blockIds) {
   const select = React7.useCallback(
-    (state) => blockIds.flatMap((id) => chunkI7X7B3WD_cjs.blockById(state.doc, id) ?? []),
+    (state) => blockIds.flatMap((id) => chunk4JDRDPLC_cjs.blockById(state.doc, id) ?? []),
     [blockIds]
   );
-  return chunk2QKFRKOP_cjs.useEditorState(controller, select, chunkI7X7B3WD_cjs.sameItems);
+  return chunkN25EH2GZ_cjs.useEditorState(controller, select, chunk4JDRDPLC_cjs.sameItems);
 }
 function useMenuBlocks(controller, store, menu) {
   const labels = useLabels();
@@ -3807,15 +3773,81 @@ function BlockContextMenu({ controller, store, actions }) {
   );
 }
 
+// src/gutter/block-menu-items.ts
+var rangeOf = (blockIds) => chunkZ5EEDCRI_cjs.blockRangeSelection(blockIds[0], blockIds[blockIds.length - 1]);
+function menuActions(core, extra = []) {
+  return [...core.filter((action) => !action.destructive), ...extra, ...core.filter((action) => action.destructive)];
+}
+function markdownOf(editor, blockIds, resolveAssetUrl) {
+  const { doc } = editor.state;
+  const range = chunkZ5EEDCRI_cjs.selectedBlockRange(doc, rangeOf(blockIds));
+  if (range === null) return "";
+  const blocks = editor.codec.blocksFromDoc(chunk4JDRDPLC_cjs.createDoc(doc.blocks.slice(range.start, range.end)));
+  return chunkZ5EEDCRI_cjs.toMarkdown(blocks, { schema: editor.schema, resolveAssetUrl, comments: false });
+}
+var applies = (command) => (state, blockIds) => blockIds.every((id) => state.doc.index.has(id)) && chunkZ5EEDCRI_cjs.runCommands(state, [chunkZ5EEDCRI_cjs.setSelection(rangeOf(blockIds)), command]).ok;
+function coreBlockMenuActions(labels, options) {
+  const copy = (controller, blockIds, text2) => {
+    void copyText(text2, controller.root?.ownerDocument).then((copied) => {
+      (copied ? options.onCopied : options.onCopyFailed)?.();
+    });
+    runOnBlocks(controller, blockIds, noChange);
+  };
+  return [
+    {
+      id: "duplicate",
+      label: labels.duplicate,
+      icon: CopyPlus,
+      shortcut: "Mod-d",
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_cjs.duplicateBlocks())
+    },
+    {
+      id: "copy",
+      label: labels.copy,
+      icon: Copy,
+      run: (controller, blockIds) => copy(controller, blockIds, markdownOf(controller.editor, blockIds, options.resolveAssetUrl))
+    },
+    {
+      id: "copy-link",
+      label: labels.copyLink,
+      icon: Link,
+      run: (controller, blockIds) => copy(controller, blockIds, options.blockLink(blockIds[0]))
+    },
+    {
+      id: "move-up",
+      label: labels.moveUp,
+      icon: ArrowUp,
+      shortcut: "Mod-Shift-ArrowUp",
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_cjs.moveBlocksUp),
+      available: applies(chunkZ5EEDCRI_cjs.moveBlocksUp)
+    },
+    {
+      id: "move-down",
+      label: labels.moveDown,
+      icon: ArrowDown,
+      shortcut: "Mod-Shift-ArrowDown",
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_cjs.moveBlocksDown),
+      available: applies(chunkZ5EEDCRI_cjs.moveBlocksDown)
+    },
+    {
+      id: "delete",
+      label: labels.delete,
+      icon: Trash,
+      destructive: true,
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, chunkZ5EEDCRI_cjs.deleteBlocks)
+    }
+  ];
+}
+
 // src/gutter/block-menu-keymap.ts
 function blockMenuKeymap(store) {
   const openForHead = (state, dispatch) => {
-    const head = chunkFK7EBZPX_cjs.headBlockId(state.selection);
+    const head = chunkZ5EEDCRI_cjs.headBlockId(state.selection);
     if (head === null || !state.doc.index.has(head)) return false;
     if (dispatch) openBlockMenu(store, state, head);
     return true;
   };
-  return chunkFK7EBZPX_cjs.defineExtension({ name: "block-menu", keymap: { "Mod-/": openForHead } });
+  return chunkZ5EEDCRI_cjs.defineExtension({ name: "block-menu", keymap: { "Mod-/": openForHead } });
 }
 var UNIQUE_OR_FOCUSABLE = ["id", "data-block-id", "contenteditable", "tabindex"];
 function copyOf(shell) {
@@ -3880,14 +3912,28 @@ var DragOverlay = React7.forwardRef(function DragOverlay2(_props, ref) {
   ] });
 });
 
+// src/canvas/removed-blocks.ts
+function blockRemovals(tr) {
+  return tr.steps.flatMap((step, at) => {
+    if (step.stepType !== "removeBlocks") return [];
+    const { index, count } = step.toJSON();
+    return typeof index === "number" && typeof count === "number" ? [{ step: at, index, count }] : [];
+  });
+}
+
 // src/canvas/structure-announcement.ts
 var DELETION_STEPS = /* @__PURE__ */ new Set(["removeBlocks", "setIndent"]);
 function drawnPosition(doc, blockId) {
-  const index = doc.index.get(blockId) ?? 0;
-  return [chunk2QKFRKOP_cjs.drawnBlockCount(doc, 0, index) + 1, chunk2QKFRKOP_cjs.drawnBlockCount(doc)];
+  const index = doc.index.get(blockId);
+  return index === void 0 ? null : [chunkN25EH2GZ_cjs.drawnBlockCount(doc, 0, index) + 1, chunkN25EH2GZ_cjs.drawnBlockCount(doc)];
 }
 function blockMovedMessage(doc, blockId, labels) {
-  return labels.blockMoved(...drawnPosition(doc, blockId));
+  const position = drawnPosition(doc, blockId);
+  return position && labels.blockMoved(...position);
+}
+function announceBlockMoved(controller, blockId, labels) {
+  const message = blockMovedMessage(controller.editor.state.doc, blockId, labels);
+  if (message !== null && controller.announcer.current()?.message !== message) controller.announce(message);
 }
 function movedBlock(tr) {
   const at = tr.steps.findIndex((step) => step.stepType === "moveBlocks");
@@ -3897,71 +3943,111 @@ function movedBlock(tr) {
 }
 function deletedCount(tr) {
   if (!tr.steps.every((step) => DELETION_STEPS.has(step.stepType))) return 0;
-  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 + chunk2QKFRKOP_cjs.drawnBlockCount(tr.docs[i], index, index + count);
-  }, 0);
+  return blockRemovals(tr).reduce(
+    (deleted, { step, index, count }) => deleted + chunkN25EH2GZ_cjs.drawnBlockCount(tr.docs[step], index, index + count),
+    0
+  );
 }
-function insertedBlock(tr) {
-  if (tr.getMeta(chunkFK7EBZPX_cjs.LINE_SPLIT) === true || tr.steps.some((step) => step.stepType === "removeBlocks")) return null;
+function insertedIds(tr) {
   const inserted = tr.steps.flatMap((step) => {
     const { blocks } = step.toJSON();
     return step.stepType === "insertBlocks" && Array.isArray(blocks) ? blocks : [];
   });
-  return inserted.find((block) => tr.doc.index.has(block.id))?.id ?? null;
+  return new Set(inserted.map(({ id }) => id));
+}
+function isCaretLine(tr, block) {
+  const { selection } = tr;
+  const empty = chunkZ5EEDCRI_cjs.isParagraph(block) && chunkZ5EEDCRI_cjs.regionLength(block, chunkZ5EEDCRI_cjs.primaryRegion(tr.before.schema, block) ?? "") === 0;
+  return empty && selection?.kind === "text" && selection.head.block === block.id;
+}
+function insertedBlocks(tr) {
+  if (tr.getMeta(chunkZ5EEDCRI_cjs.LINE_SPLIT) === true || tr.steps.some((step) => step.stepType === "removeBlocks")) return [];
+  const inserted = insertedIds(tr);
+  const { doc } = tr;
+  const drawn = doc.blocks.filter((block, index) => inserted.has(block.id) && chunkN25EH2GZ_cjs.drawnBlockCount(doc, index, index + 1));
+  const last2 = drawn.at(-1);
+  if (drawn.length > 1 && last2 !== void 0 && isCaretLine(tr, last2)) drawn.pop();
+  return drawn.map((block) => block.id);
+}
+function insertedMessage(tr, labels) {
+  const [first, ...more] = insertedBlocks(tr);
+  const position = first === void 0 ? null : drawnPosition(tr.doc, first);
+  if (position === null) return null;
+  if (more.length === 0) return labels.blockInserted(...position);
+  const blocksInserted = labels.blocksInserted ?? englishLabels.blocksInserted;
+  return blocksInserted(more.length + 1, ...position);
 }
 function structureAnnouncement(tr, labels, undoKeys) {
-  if (tr.origin !== "command" || tr.getMeta(chunkFK7EBZPX_cjs.LINE_JOIN) === true) return null;
+  if (tr.origin !== "command" || tr.getMeta(chunkZ5EEDCRI_cjs.LINE_JOIN) === true) return null;
   const moved = movedBlock(tr);
   if (moved !== null) return blockMovedMessage(tr.doc, moved, labels);
   const deleted = deletedCount(tr);
   if (deleted > 0) return `${labels.blockDeleted(deleted)}. ${labels.undoHint(undoKeys)}`;
-  const inserted = insertedBlock(tr);
-  return inserted === null ? null : labels.blockInserted(...drawnPosition(tr.doc, inserted));
+  return insertedMessage(tr, labels);
 }
 
 // src/drag/drag-layout.ts
-var INDENT_STEP_REM = 1.5;
 function rootOrigin(root) {
   const box = root.getBoundingClientRect();
   return { x: box.left + root.clientLeft - root.scrollLeft, y: box.top + root.clientTop - root.scrollTop };
 }
 var spanBetween = (a, b) => ({ left: Math.min(a, b), width: Math.abs(b - a) });
-function indentStep(doc) {
-  return (parseFloat(getComputedStyle(doc.documentElement).fontSize) || 16) * INDENT_STEP_REM;
+var leadingMargin = (element, rtl) => parseFloat(getComputedStyle(element)[rtl ? "marginRight" : "marginLeft"]) || 0;
+function indentStep(shell, rtl) {
+  const copies = [0, 1].map((depth) => {
+    const copy = shell.cloneNode(false);
+    copy.removeAttribute("id");
+    copy.removeAttribute("data-block-id");
+    copy.style.setProperty("--quoin-indent", String(depth));
+    copy.style.display = "none";
+    return copy;
+  });
+  shell.after(...copies);
+  const [flat, nested] = copies.map((copy) => leadingMargin(copy, rtl));
+  for (const copy of copies) copy.remove();
+  return nested > flat ? nested - flat : parseFloat(getComputedStyle(shell).fontSize) || 16;
 }
 function inlineEdges(shell, box, rtl) {
-  const style = getComputedStyle(shell);
-  if (rtl) return { start: box.right + (parseFloat(style.marginRight) || 0), end: box.left };
-  return { start: box.left - (parseFloat(style.marginLeft) || 0), end: box.right };
+  const margin = leadingMargin(shell, rtl);
+  return rtl ? { start: box.right + margin, end: box.left } : { start: box.left - margin, end: box.right };
 }
 function measure(controller, root, moved, rtl) {
   const { doc } = controller.editor.state;
   const origin = rootOrigin(root);
-  return chunk2QKFRKOP_cjs.visibleBlockIndexes(doc).flatMap((index) => {
-    const { id, indent: indent3 } = doc.blocks[index];
-    const shell = controller.blockElement(id);
+  return chunkN25EH2GZ_cjs.visibleBlockIndexes(doc).flatMap((index) => {
+    const block = doc.blocks[index];
+    const shell = controller.blockElement(block.id);
     if (shell === void 0) return [];
     const box = shell.getBoundingClientRect();
     const { start, end } = inlineEdges(shell, box, rtl);
-    const [top, bottom] = [box.top - origin.y, box.bottom - origin.y];
-    return [{ id, top, bottom, start: start - origin.x, end: end - origin.x, indent: indent3, dragged: moved.has(id), shell }];
+    return [
+      {
+        id: block.id,
+        top: box.top - origin.y,
+        bottom: box.bottom - origin.y,
+        start: start - origin.x,
+        end: end - origin.x,
+        indent: block.indent,
+        dragged: moved.has(block.id),
+        hidesNested: chunkZ5EEDCRI_cjs.isClosedToggle(block),
+        shell
+      }
+    ];
   });
 }
 var furthestEnd = (blocks, rtl) => blocks.reduce((end, block) => rtl ? Math.min(end, block.end) : Math.max(end, block.end), blocks[0].end);
 function measureDrag(controller, root, ids) {
   const { doc } = controller.editor.state;
-  const direction = chunk2QKFRKOP_cjs.inlineDirection(root);
+  const direction = chunkN25EH2GZ_cjs.inlineDirection(root);
   const rtl = direction === "rtl";
-  const moved = new Set(chunkFK7EBZPX_cjs.movedBlockIds(doc, ids));
+  const moved = new Set(chunkZ5EEDCRI_cjs.movedBlockIds(doc, ids));
   const blocks = measure(controller, root, moved, rtl);
   const dragged = blocks.filter((block) => block.dragged);
   if (dragged.length === 0) return null;
   const [first] = dragged;
   const origin = rootOrigin(root);
   const viewport = root.ownerDocument.defaultView?.innerHeight ?? Infinity;
-  const step = indentStep(root.ownerDocument);
+  const step = indentStep(first.shell, rtl);
   const rest = doc.blocks.filter((block) => !moved.has(block.id));
   const restIndex = new Map(rest.map((block, index) => [block.id, index]));
   const staying = blocks.filter((block) => !block.dragged);
@@ -3992,6 +4078,7 @@ function nearestGap(blocks, pointerY) {
   return nearest2;
 }
 function computeDropTarget({ pointerX, pointerY, blocks, indentStep: indentStep2, direction }) {
+  if (blocks.length === 0) return null;
   const staying = blocks.filter((block) => !block.dragged);
   if (staying.length === 0) return { index: 0, indent: 0, lineTop: blocks[0].top, lineStart: blocks[0].start };
   const index = nearestGap(staying, pointerY);
@@ -3999,7 +4086,8 @@ function computeDropTarget({ pointerX, pointerY, blocks, indentStep: indentStep2
   if (index === 0) return { index, indent: 0, lineTop, lineStart: staying[0].start };
   const above = staying[index - 1];
   const step = direction === "rtl" ? -indentStep2 : indentStep2;
-  const indent3 = Math.min(Math.max(Math.round((pointerX - above.start) / step), 0), above.indent + 1);
+  const deepest = above.hidesNested ? above.indent : above.indent + 1;
+  const indent3 = Math.min(Math.max(Math.round((pointerX - above.start) / step), 0), deepest);
   return { index, indent: indent3, lineTop, lineStart: above.start + indent3 * step };
 }
 
@@ -4009,12 +4097,12 @@ var SCROLL_EDGE = 48;
 var sameTarget = (a, b) => a?.index === b.index && a.indent === b.indent;
 function draggedBlocks(controller, blockId) {
   const { state } = controller.editor;
-  return state.doc.index.has(blockId) ? menuTargets(state, blockId) : [];
+  return state.doc.index.has(blockId) ? handleTargets(state, blockId) : [];
 }
 function followPress(press, root, view) {
   const { controller, store, overlay, handle: handle2, pointerId } = press;
   const doc = view.document;
-  const scroll = chunk2QKFRKOP_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
+  const scroll = chunkN25EH2GZ_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
   let pointer = { x: press.x, y: press.y };
   let active = null;
   let unsubscribe = () => {
@@ -4042,6 +4130,7 @@ function followPress(press, root, view) {
     const { indentStep: indentStep2, blocks, direction } = layout;
     const target = computeDropTarget({ pointerX: layout.draggedStart + dx, pointerY, blocks, indentStep: indentStep2, direction });
     overlay.follow(dx, pointer.y - press.y);
+    if (target === null) return;
     overlay.mark({ top: target.lineTop, ...spanBetween(target.lineStart, layout.end) });
     if (!sameTarget(active.target, target)) {
       store.set({ drag: { blockIds: ids, targetIndent: target.indent } });
@@ -4052,6 +4141,7 @@ function followPress(press, root, view) {
     if (done) return;
     done = true;
     unlistenDocument();
+    unlistenScroll();
     unlistenBlur();
     unlistenKeys();
     scroll.stop();
@@ -4067,7 +4157,7 @@ function followPress(press, root, view) {
     finish();
     if (dropped === null || dropped.target === null || controller.readOnly) return;
     const { ids, layout, target } = dropped;
-    if (!controller.run(chunkFK7EBZPX_cjs.moveBlocksTo(ids, layout.toIndex(target.index), target.indent))) return;
+    if (!controller.run(chunkZ5EEDCRI_cjs.moveBlocksTo(ids, layout.toIndex(target.index), target.indent))) return;
     controller.focus();
     press.onMoved(ids[0]);
   }
@@ -4089,9 +4179,10 @@ function followPress(press, root, view) {
     event.stopPropagation();
     finish();
   }
-  const unlistenDocument = chunk2QKFRKOP_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
-  const unlistenBlur = chunk2QKFRKOP_cjs.listen(view, { blur: finish });
-  const unlistenKeys = chunk2QKFRKOP_cjs.listen(view, { keydown: onKeyDown }, true);
+  const unlistenDocument = chunkN25EH2GZ_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
+  const unlistenScroll = chunkN25EH2GZ_cjs.listen(doc, { scroll: follow }, true);
+  const unlistenBlur = chunkN25EH2GZ_cjs.listen(view, { blur: finish });
+  const unlistenKeys = chunkN25EH2GZ_cjs.listen(view, { keydown: onKeyDown }, true);
   return finish;
 }
 function pressDragHandle(press) {
@@ -4126,9 +4217,9 @@ function useBlockDrag(controller, store, blockId, overlay) {
         onDragStart: () => {
           dragged.current = true;
         },
-        // The canvas has already said where a drop moved the block, and the announcer says the same words for the
-        // same state once, so this is heard only for a drop that nested the block in place.
-        onMoved: (movedId) => controller.announce(blockMovedMessage(controller.editor.state.doc, movedId, labels))
+        // The canvas has already said where a drop moved the block, so this is heard only for a drop that nested the
+        // block in place.
+        onMoved: (movedId) => announceBlockMoved(controller, movedId, labels)
       });
     },
     takeClick(event) {
@@ -4138,17 +4229,44 @@ function useBlockDrag(controller, store, blockId, overlay) {
     }
   };
 }
+var listOf = (query) => typeof window.matchMedia === "function" ? window.matchMedia(query) : null;
+var readOnServer = () => false;
+function useMediaQuery(query, unsupported) {
+  const subscribe3 = React7.useCallback(
+    (notify) => {
+      const list2 = listOf(query);
+      list2?.addEventListener("change", notify);
+      return () => list2?.removeEventListener("change", notify);
+    },
+    [query]
+  );
+  const read2 = () => listOf(query)?.matches ?? unsupported;
+  return React7.useSyncExternalStore(subscribe3, read2, readOnServer);
+}
+
+// src/mobile/use-coarse-pointer.ts
+var useCoarsePointer = () => useMediaQuery("(pointer: coarse)", false);
 
 // src/gutter/add-block-below.ts
+var paragraphAfter = (blockId) => (state, dispatch) => {
+  const { doc, schema } = state;
+  const index = chunk4JDRDPLC_cjs.requireBlockIndex(doc, blockId);
+  const paragraph = chunkZ5EEDCRI_cjs.createBlock(schema, "MARKDOWN", { kind: "paragraph" }, doc.blocks[index].indent);
+  const tr = new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.insertBlocksStep(chunkZ5EEDCRI_cjs.descendantsEnd(doc, index), [paragraph]));
+  dispatch?.(tr.setSelection(chunkZ5EEDCRI_cjs.startOf(tr.doc, schema, paragraph.id)));
+  return true;
+};
 function addBlockBelow(controller, blockId) {
   const { state } = controller.editor;
   const { doc, schema } = state;
-  const block = chunkI7X7B3WD_cjs.blockById(doc, blockId);
-  if (block === void 0) return false;
-  const empty = chunkFK7EBZPX_cjs.isParagraph(block) && chunkFK7EBZPX_cjs.regionLength(block, chunkFK7EBZPX_cjs.primaryRegion(schema, block) ?? "") === 0;
-  const fill = empty ? chunkFK7EBZPX_cjs.setSelection(chunkFK7EBZPX_cjs.startOf(doc, schema, blockId)) : chunkFK7EBZPX_cjs.insertBlockAfter("MARKDOWN", { kind: "paragraph" });
-  const slash = chunkFK7EBZPX_cjs.insertText("/", { origin: "command" });
-  const { ok, tr } = chunkFK7EBZPX_cjs.runCommands(state, [chunkFK7EBZPX_cjs.setSelection(chunkFK7EBZPX_cjs.blockRangeSelection(blockId)), fill, slash]);
+  const index = doc.index.get(blockId);
+  if (index === void 0) return false;
+  const block = doc.blocks[index];
+  const alone = chunkZ5EEDCRI_cjs.descendantsEnd(doc, index) === index + 1;
+  const empty = alone && chunkZ5EEDCRI_cjs.isParagraph(block) && chunkZ5EEDCRI_cjs.regionLength(block, chunkZ5EEDCRI_cjs.primaryRegion(schema, block) ?? "") === 0;
+  const fill = empty ? chunkZ5EEDCRI_cjs.setSelection(chunkZ5EEDCRI_cjs.startOf(doc, schema, blockId)) : paragraphAfter(blockId);
+  const slash = chunkZ5EEDCRI_cjs.insertText("/", { origin: "command" });
+  const { ok, tr } = chunkZ5EEDCRI_cjs.runCommands(state, [chunkZ5EEDCRI_cjs.setSelection(chunkZ5EEDCRI_cjs.blockRangeSelection(blockId)), fill, slash]);
   if (ok && tr !== null) controller.dispatch(tr);
   controller.focus();
   return ok;
@@ -4197,6 +4315,20 @@ function BlockMenu({ controller, store, actions, onOpen, children }) {
   );
 }
 
+// src/ui/watch-direction.ts
+var TURNS_ROUND = { attributeFilter: ["dir", "class", "style"] };
+function watchDirection(element, onChange) {
+  let current = chunkN25EH2GZ_cjs.inlineDirection(element);
+  const observer = new MutationObserver(() => {
+    const next = chunkN25EH2GZ_cjs.inlineDirection(element);
+    if (next === current) return;
+    current = next;
+    onChange(next);
+  });
+  for (let node = element; node !== null; node = node.parentElement) observer.observe(node, TURNS_ROUND);
+  return () => observer.disconnect();
+}
+
 // src/gutter/use-gutter-position.ts
 var GAP = 4;
 var VOID_LINE = 24;
@@ -4220,13 +4352,13 @@ function place2(controller, root, gutter, block) {
   const line = firstLine(shell);
   const top = line.top + (line.height - gutter.offsetHeight) / 2 - rootBox.top - root.clientTop + root.scrollTop;
   const shellBox = shell.getBoundingClientRect();
-  const beside = chunk2QKFRKOP_cjs.inlineDirection(root) === "rtl" ? shellBox.right + GAP : shellBox.left - gutter.offsetWidth - GAP;
+  const beside = chunkN25EH2GZ_cjs.inlineDirection(root) === "rtl" ? shellBox.right + GAP : shellBox.left - gutter.offsetWidth - GAP;
   const left = beside - rootBox.left - root.clientLeft + root.scrollLeft;
   gutter.style.transform = `translate(${left}px, ${top}px)`;
   gutter.style.visibility = "";
 }
 function useGutterPosition(controller, gutter, block) {
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const element = gutter.current;
     const root = controller.root;
     const view = root?.ownerDocument.defaultView;
@@ -4239,18 +4371,20 @@ function useGutterPosition(controller, gutter, block) {
       frame = view.requestAnimationFrame(update);
     };
     const unsubscribe = controller.editor.subscribe(later);
+    const unwatch = watchDirection(root, later);
     const observer = new ResizeObserver(later);
     observer.observe(root);
     view.addEventListener("resize", later);
     return () => {
       view.cancelAnimationFrame(frame);
       unsubscribe();
+      unwatch();
       observer.disconnect();
       view.removeEventListener("resize", later);
     };
   }, [controller, gutter, block]);
 }
-var headOf = (state) => chunkFK7EBZPX_cjs.headBlockId(state.selection);
+var headOf = (state) => chunkZ5EEDCRI_cjs.headBlockId(state.selection);
 function blockAcross(controller, root, y) {
   const box = root.getBoundingClientRect();
   const probe = root.ownerDocument.elementFromPoint?.(box.left + box.width / 2, y);
@@ -4258,7 +4392,7 @@ function blockAcross(controller, root, y) {
 }
 function useGutterTarget(controller, store, gutter) {
   const hovered = useCanvasUi(store, (state) => state.hoveredBlock);
-  const head = chunk2QKFRKOP_cjs.useEditorState(controller, headOf);
+  const head = chunkN25EH2GZ_cjs.useEditorState(controller, headOf);
   const [focusWithin, setFocusWithin] = React7.useState(false);
   React7.useEffect(() => {
     const root = controller.root;
@@ -4276,7 +4410,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 chunk2QKFRKOP_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
+    return chunkN25EH2GZ_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
   }, [controller, store, gutter]);
   const fallback = focusWithin ? head : null;
   const target = hovered ?? fallback;
@@ -4286,6 +4420,7 @@ var GUTTER = "absolute top-0 left-0 z-10 flex items-center gap-0.5 pointer-coars
 var ADD_BELOW = "text-muted-foreground pointer-coarse:hidden";
 function Gutter({ controller, store, actions }) {
   const labels = useLabels();
+  const coarse = useCoarsePointer();
   const element = React7.useRef(null);
   const overlay = React7.useRef(null);
   const menuOpenAtPress = React7.useRef(false);
@@ -4331,7 +4466,7 @@ function Gutter({ controller, store, actions }) {
               variant: "ghost",
               size: null,
               tabIndex: -1,
-              "aria-label": labels.dragHandle,
+              "aria-label": coarse ? labels.blockOptions ?? englishLabels.blockOptions : labels.dragHandle,
               className: cn("text-muted-foreground h-6 w-4 cursor-grab rounded-md", SQUARE_TAP_TARGET_FLOOR),
               onPointerDown: (event) => {
                 menuOpenAtPress.current = event.button === 0 && store.get().blockMenu?.anchor === "handle";
@@ -4353,17 +4488,6 @@ function Gutter({ controller, store, actions }) {
   ] });
 }
 
-// src/i18n/resolve-labels.ts
-var isRecord = (value) => typeof value === "object" && value !== null;
-function ontoRecords(overrides) {
-  const taken = Object.entries(overrides).map(([key, value]) => {
-    const fallback = englishLabels[key];
-    return [key, isRecord(value) && isRecord(fallback) ? { ...fallback, ...value } : value];
-  });
-  return Object.fromEntries(taken);
-}
-var resolveLabels = (overrides) => chunkZWTIRGY5_cjs.mergeLabels(englishLabels, overrides && ontoRecords(overrides));
-
 // src/menus/floating/range-rect.ts
 var TEXT_NODE = 3;
 function lineBox(rect, host) {
@@ -4377,7 +4501,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 = chunk2QKFRKOP_cjs.domMapOf(host);
+  const map = chunkN25EH2GZ_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));
@@ -4390,7 +4514,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 === chunk2QKFRKOP_cjs.hostKey(range.block, range.region)) {
+  if (host === void 0 || !host.isConnected || controller.composingKey === chunkN25EH2GZ_cjs.hostKey(range.block, range.region)) {
     return null;
   }
   const rect = textRect(host, range);
@@ -4406,7 +4530,7 @@ function union(a, b) {
 function selectionRect(controller) {
   const { state } = controller.editor;
   if (state.selection?.kind !== "text") return null;
-  const ranges = chunkFK7EBZPX_cjs.markRanges(state);
+  const ranges = chunkZ5EEDCRI_cjs.markRanges(state);
   if (ranges.length === 0) return null;
   const first = rangeRect(controller, ranges[0]);
   if (ranges.length === 1) return first;
@@ -4417,7 +4541,7 @@ function selectionRect(controller) {
 // src/menus/floating/use-selection-anchor.ts
 var ROOM_ABOVE = 56;
 function selectionHost(controller) {
-  const [first] = chunkFK7EBZPX_cjs.markRanges(controller.editor.state);
+  const [first] = chunkZ5EEDCRI_cjs.markRanges(controller.editor.state);
   return (first && controller.registry.get(first.block, first.region)) ?? controller.root ?? void 0;
 }
 function useSelectionAnchor(controller, state) {
@@ -4431,7 +4555,7 @@ function useSelectionAnchor(controller, state) {
     [controller, state]
   );
   const [side, setSide] = React7.useState("top");
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const rect = selectionRect(controller);
     if (rect) setSide(rect.top < ROOM_ABOVE ? "bottom" : "top");
   }, [controller, state]);
@@ -4466,9 +4590,9 @@ var ICONS = { left: AlignLeft, center: AlignCenter, right: AlignRight, justify:
 var ALIGNS2 = Object.keys(ICONS);
 var LABEL_KEYS = { left: "alignLeft", center: "alignCenter", right: "alignRight", justify: "alignJustify" };
 function sharedAlign(state) {
-  const blocks = chunkFK7EBZPX_cjs.selectedBlockIds(state.doc, state.selection).map((id) => chunkI7X7B3WD_cjs.blockById(state.doc, id)).filter((block) => block?.type === "MARKDOWN");
+  const blocks = chunkZ5EEDCRI_cjs.selectedBlockIds(state.doc, state.selection).map((id) => chunk4JDRDPLC_cjs.blockById(state.doc, id)).filter((block) => block?.type === "MARKDOWN");
   if (blocks.length === 0) return null;
-  const aligns = new Set(blocks.map((block) => chunkI7X7B3WD_cjs.alignOrUndefined(block?.attrs.align) ?? "left"));
+  const aligns = new Set(blocks.map((block) => chunk4JDRDPLC_cjs.alignOrUndefined(block?.attrs.align) ?? "left"));
   return aligns.size === 1 ? [...aligns][0] : "";
 }
 function AlignDropdown({ controller, state }) {
@@ -4477,16 +4601,49 @@ function AlignDropdown({ controller, state }) {
   if (value === null) return null;
   const Icon2 = value === "" ? AlignLeft : ICONS[value];
   const trigger = /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.align, children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, {}) });
-  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value, onValueChange: (align) => controller.run(chunkFK7EBZPX_cjs.setTextAlign(align)), children: ALIGNS2.map((align) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: align, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value, onValueChange: (align) => controller.run(chunkZ5EEDCRI_cjs.setTextAlign(align)), children: ALIGNS2.map((align) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: align, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: [
     /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: ICONS[align] }),
     labels[LABEL_KEYS[align]]
   ] }, align)) }) });
 }
+
+// src/toolbar/toolbar-items.ts
+function markItem(mark, title, icon) {
+  return {
+    id: mark,
+    title,
+    icon,
+    isActive: (state) => chunkZ5EEDCRI_cjs.isActive(state, mark),
+    run: (controller) => void controller.run(chunkZ5EEDCRI_cjs.toggleMark(mark))
+  };
+}
+var linkItem = (labels, openLink) => ({
+  id: "link",
+  title: labels.link,
+  icon: Link,
+  opensDialog: true,
+  run: openLink
+});
+
+// src/menus/bubble/bubble-items.ts
+function bubbleItems(labels, openLink) {
+  return {
+    inline: [
+      markItem("bold", labels.bold, Bold),
+      markItem("italic", labels.italic, Italic),
+      markItem("underline", labels.underline, Underline),
+      markItem("strike", labels.strike, Strikethrough),
+      markItem("code", labels.code, Code),
+      linkItem(labels, openLink)
+    ],
+    scripts: [markItem("sub", labels.subscript, Subscript), markItem("sup", labels.superscript, Superscript)]
+  };
+}
 var MARKS = { color: "color", background: "highlight" };
 function selectionColor(state, mark) {
   const names = /* @__PURE__ */ new Set();
-  for (const range of chunkFK7EBZPX_cjs.markRanges(state)) {
-    for (const node of chunkFK7EBZPX_cjs.rangeContent(state, range)) {
+  for (const range of chunkZ5EEDCRI_cjs.markRanges(state)) {
+    for (const node of chunkZ5EEDCRI_cjs.rangeContent(state, range)) {
       const found = node.marks.find((candidate) => candidate.type === mark);
       names.add(found === void 0 ? "default" : found.attrs?.color);
     }
@@ -4495,7 +4652,7 @@ function selectionColor(state, mark) {
   return names.size === 1 && typeof only === "string" ? only : "";
 }
 function colorCommand(key, name) {
-  return name === "default" ? chunkFK7EBZPX_cjs.unsetMark(MARKS[key]) : chunkFK7EBZPX_cjs.setMark(MARKS[key], { color: name });
+  return name === "default" ? chunkZ5EEDCRI_cjs.unsetMark(MARKS[key]) : chunkZ5EEDCRI_cjs.setMark(MARKS[key], { color: name });
 }
 function ColorPopover({ controller, state }) {
   const labels = useLabels();
@@ -4509,15 +4666,32 @@ function TurnIntoDropdown({ controller, state }) {
     labels.turnInto,
     /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {})
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: chunkFK7EBZPX_cjs.selectedBlockIds(state.doc, state.selection) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsxRuntime.jsx(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: chunkZ5EEDCRI_cjs.selectedBlockIds(state.doc, state.selection) }) });
+}
+function useFocusBackToText(controller, holds = isBubblePart) {
+  const latest = React7.useRef(holds);
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
+    latest.current = holds;
+  });
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(
+    () => () => {
+      const doc = controller.root?.ownerDocument;
+      if (!doc || !latest.current(doc.activeElement, controller)) return;
+      queueMicrotask(() => {
+        if (doc.activeElement === null || doc.activeElement === doc.body) controller.focus();
+      });
+    },
+    [controller]
+  );
 }
 var DIVIDER = "mx-0.5 h-5 w-px shrink-0 bg-border";
 function BubbleToolbar({ controller, labels, store, extraItems }) {
-  const state = chunk2QKFRKOP_cjs.useEditorState(controller, chunk2QKFRKOP_cjs.wholeState);
+  const state = chunkN25EH2GZ_cjs.useEditorState(controller, chunkN25EH2GZ_cjs.wholeState);
   const { anchor, side } = useSelectionAnchor(controller, state);
   const roving = useRovingFocus();
   const items = React7.useMemo(() => bubbleItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
   useFocusKey(controller, roving.focusCurrent);
+  useFocusBackToText(controller);
   const onKeyDown = (event) => {
     if (!roving.owns(event.target)) return;
     if (event.key === "Escape" || event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey) {
@@ -4556,29 +4730,15 @@ function BubbleToolbar({ controller, labels, store, extraItems }) {
     )
   ] });
 }
-var listOf = (query) => typeof window.matchMedia === "function" ? window.matchMedia(query) : null;
-var readOnServer = () => false;
-function useMediaQuery(query, unsupported) {
-  const subscribe3 = React7.useCallback(
-    (notify) => {
-      const list2 = listOf(query);
-      list2?.addEventListener("change", notify);
-      return () => list2?.removeEventListener("change", notify);
-    },
-    [query]
-  );
-  const read2 = () => listOf(query)?.matches ?? unsupported;
-  return React7.useSyncExternalStore(subscribe3, read2, readOnServer);
-}
 
 // src/menus/bubble/use-fine-pointer.ts
 var useFinePointer = () => useMediaQuery("(pointer: fine)", true);
 
 // src/menus/bubble/use-bubble-visibility.ts
-var hasTextRange = (state) => state.selection?.kind === "text" && !chunkFK7EBZPX_cjs.isCollapsed(state.selection) && chunkFK7EBZPX_cjs.markRanges(state).length > 0;
+var hasTextRange = (state) => state.selection?.kind === "text" && !chunkZ5EEDCRI_cjs.isCollapsed(state.selection) && chunkZ5EEDCRI_cjs.markRanges(state).length > 0;
 function useBubbleVisibility(controller) {
-  const range = chunk2QKFRKOP_cjs.useEditorState(controller, hasTextRange);
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const range = chunkN25EH2GZ_cjs.useEditorState(controller, hasTextRange);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const fine = useFinePointer();
   const settled = useSelectionSettled(controller);
   return range && !readOnly && fine && settled;
@@ -4595,16 +4755,16 @@ function BubbleOverlay({ controller }) {
   return /* @__PURE__ */ jsxRuntime.jsx(BubbleToolbar, { controller, labels, store, extraItems });
 }
 function bubbleExtension() {
-  return chunkFK7EBZPX_cjs.defineExtension({ name: "bubble", ui: { overlays: [BubbleOverlay] } });
+  return chunkZ5EEDCRI_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 = chunk2QKFRKOP_cjs.regionInline(state, from.block, from.region) ?? [];
-  const extent = chunkFK7EBZPX_cjs.markExtent(inline, from.offset, "link");
+  const inline = chunkN25EH2GZ_cjs.regionInline(state, from.block, from.region) ?? [];
+  const extent = chunkZ5EEDCRI_cjs.markExtent(inline, from.offset, "link");
   if (extent === null || to.offset > extent.to) return null;
-  const attrs = chunkI7X7B3WD_cjs.sliceInline(inline, extent.from, extent.to)[0]?.marks.find((mark) => mark.type === "link")?.attrs;
+  const attrs = chunk4JDRDPLC_cjs.sliceInline(inline, extent.from, extent.to)[0]?.marks.find((mark) => mark.type === "link")?.attrs;
   if (attrs?.href === void 0) return null;
   const range = { block: from.block, region: from.region, ...extent };
   return { href: attrs.href, title: attrs.title || void 0, range };
@@ -4612,9 +4772,15 @@ function linkAround(state, from, to = from) {
 function linkAtSelection(state) {
   const { selection } = state;
   if (selection?.kind !== "text") return null;
-  const { from, to } = chunkFK7EBZPX_cjs.orderedRange(state.doc, selection.anchor, selection.head);
+  const { from, to } = chunkZ5EEDCRI_cjs.orderedRange(state.doc, selection.anchor, selection.head);
   return linkAround(state, from, to);
 }
+function sameLink(a, b) {
+  if (a === null || b === null) return a === b;
+  const [x, y] = [a.range, b.range];
+  const sameRange2 = x.block === y.block && x.region === y.region && x.from === y.from && x.to === y.to;
+  return sameRange2 && a.href === b.href && a.title === b.title;
+}
 
 // src/menus/link/link-element.ts
 var LINK = "a[data-quoin-link]";
@@ -4624,18 +4790,23 @@ function linkElementAt(controller, target) {
 }
 function linkAtElement(controller, state, element) {
   const host = controller.registry.locate(element);
-  const offset = host === null ? null : chunk2QKFRKOP_cjs.domMapOf(host.element)?.fromDom(element, 0) ?? null;
+  const offset = host === null ? null : chunkN25EH2GZ_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 });
 }
 var sameStart = (a, b) => a.block === b.block && a.region === b.region && a.from === b.from;
-function sameLink(controller, a, b) {
+function sameLink2(controller, a, b) {
   if (a === b || a === null || b === null) return a === b;
   const { state } = controller.editor;
   const first = linkAtElement(controller, state, a)?.range;
   const second = linkAtElement(controller, state, b)?.range;
   return first !== void 0 && second !== void 0 && sameStart(first, second);
 }
+function OpenLinkButton({ href, label }) {
+  const safe = chunk4JDRDPLC_cjs.sanitizeHref(href);
+  if (!safe) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: safe, target: "_blank", rel: "noopener noreferrer", "aria-label": label, children: /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, {}) }) });
+}
 
 // src/menus/link/truncate-middle.ts
 var ELLIPSIS = "\u2026";
@@ -4650,7 +4821,7 @@ function truncateMiddle(text2, max) {
 // src/menus/link/unlink-range.ts
 function unlinkRange({ block, region, from, to }) {
   return (state, dispatch) => {
-    const tr = new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.removeMarkStep(block, region, from, to, "link"));
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.removeMarkStep(block, region, from, to, "link"));
     if (!tr.docChanged) return false;
     dispatch?.(tr);
     return true;
@@ -4672,12 +4843,12 @@ function useRestedValue(value, delay) {
 // src/menus/link/use-caret-in-link.ts
 function caretLinkKey(state) {
   const { selection } = state;
-  if (selection?.kind !== "text" || !chunkFK7EBZPX_cjs.isCollapsed(selection)) return null;
+  if (selection?.kind !== "text" || !chunkZ5EEDCRI_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 = chunk2QKFRKOP_cjs.useEditorState(controller, caretLinkKey);
+  const key = chunkN25EH2GZ_cjs.useEditorState(controller, caretLinkKey);
   const settled = useSelectionSettled(controller);
   return useRestedValue(settled ? key : null, delay) !== null;
 }
@@ -4696,7 +4867,7 @@ function usePointerLink(controller, card, delay) {
       const onCard = !!card.current?.contains(event.target);
       const next = onCard ? shown.current : linkElementAt(controller, event.target);
       clearTimeout(timer.current);
-      if (!sameLink(controller, next, shown.current)) timer.current = setTimeout(() => show(next), delay);
+      if (!sameLink2(controller, next, shown.current)) timer.current = setTimeout(() => show(next), delay);
     };
     document.addEventListener("pointerover", onOver);
     return () => {
@@ -4707,15 +4878,16 @@ function usePointerLink(controller, card, delay) {
   return { element, dismiss: React7.useCallback(() => show(null), [show]) };
 }
 var REST_MS = 300;
+var OPEN_POPOVER = "Mod-k";
 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 = chunk2QKFRKOP_cjs.useEditorState(controller, chunk2QKFRKOP_cjs.wholeState);
-  const link = React7.useMemo(
-    () => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
-    [controller, state, element]
+  const select = React7.useCallback(
+    (state) => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
+    [controller, element]
   );
+  const link = chunkN25EH2GZ_cjs.useEditorState(controller, select, sameLink);
   const anchor = React7.useMemo(() => {
     if (link === null) return { current: null };
     const { range } = link;
@@ -4724,12 +4896,11 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
   }, [controller, link]);
   if (link === null) return null;
   const { block, region, from, to } = link.range;
-  const href = chunkI7X7B3WD_cjs.sanitizeHref(link.href);
   const address = truncateMiddle(link.href, URL_LENGTH);
   const edit2 = () => {
     if (element !== null) {
-      const selection = chunkFK7EBZPX_cjs.textSelection({ block, region, offset: from }, { block, region, offset: to });
-      chunk2QKFRKOP_cjs.dispatchSelection(controller, selection);
+      const selection = chunkZ5EEDCRI_cjs.textSelection({ block, region, offset: from }, { block, region, offset: to });
+      chunkN25EH2GZ_cjs.dispatchSelection(controller, selection);
     }
     store.set({ linkPopover: { open: true } });
   };
@@ -4743,6 +4914,7 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
       PopoverContent,
       {
         ref: cardRef,
+        role: "group",
         "aria-label": labels.link,
         side: "bottom",
         align: "start",
@@ -4753,8 +4925,19 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
         onMouseDown: keepFocus,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: ADDRESS, title: address === link.href ? void 0 : link.href, children: address }),
-          href !== null && /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "aria-label": labels.linkOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, {}) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkEdit, onClick: edit2, children: /* @__PURE__ */ jsxRuntime.jsx(Pencil, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(OpenLinkButton, { href: link.href, label: labels.linkOpen }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-sm",
+              "aria-label": labels.linkEdit,
+              "aria-keyshortcuts": shortcutHint(OPEN_POPOVER, controller.isMac, labels).aria,
+              onClick: edit2,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Pencil, {})
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: unlink, children: /* @__PURE__ */ jsxRuntime.jsx(Unlink, {}) })
         ]
       }
@@ -4771,12 +4954,12 @@ function LinkHoverCard(props) {
 
 // src/menus/link/apply-link.ts
 function insertLinkedText(value, href, caret) {
-  const safe = chunkI7X7B3WD_cjs.sanitizeHref(href);
+  const safe = chunk4JDRDPLC_cjs.sanitizeHref(href);
   return (state, dispatch) => {
     if (!safe) return false;
     const link = { type: "link", attrs: { href: safe } };
-    const marks = chunkI7X7B3WD_cjs.addMark(chunkFK7EBZPX_cjs.caretMarks(state.doc, state.schema, state.storedMarks, caret), link);
-    const tr = new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.replaceInlineStep(caret.block, caret.region, caret.offset, caret.offset, [chunkI7X7B3WD_cjs.text(value, marks)])).setSelection(chunkFK7EBZPX_cjs.textSelection({ ...caret, offset: caret.offset + value.length }));
+    const marks = chunk4JDRDPLC_cjs.addMark(chunkZ5EEDCRI_cjs.caretMarks(state.doc, state.schema, state.storedMarks, caret), link);
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.replaceInlineStep(caret.block, caret.region, caret.offset, caret.offset, [chunk4JDRDPLC_cjs.text(value, marks)])).setSelection(chunkZ5EEDCRI_cjs.textSelection({ ...caret, offset: caret.offset + value.length }));
     dispatch?.(tr);
     return true;
   };
@@ -4785,21 +4968,22 @@ function applyLink(href, value) {
   return (state, dispatch) => {
     const { selection } = state;
     const link = linkAtSelection(state);
-    if (selection?.kind === "text" && chunkFK7EBZPX_cjs.isCollapsed(selection) && link === null) {
+    if (selection?.kind === "text" && chunkZ5EEDCRI_cjs.isCollapsed(selection) && link === null) {
       return insertLinkedText(value, href, selection.head)(state, dispatch);
     }
-    return chunkFK7EBZPX_cjs.setLink(href, link?.title)(state, dispatch);
+    return chunkZ5EEDCRI_cjs.setLink(href, link?.title)(state, dispatch);
   };
 }
 var CONTENT2 = "w-80 p-2 shadow-md";
 var FIELD2 = "h-8";
 var MESSAGE = "mt-1.5 px-1 text-sm text-destructive";
+var CONTROLS = "input, button, a[href]";
 function popoverAnchor(controller, link) {
   const { selection } = controller.editor.state;
   if (selection?.kind !== "text") return null;
   const { block, region, offset } = selection.head;
   const caret = link?.range ?? { block, region, from: offset, to: offset };
-  const collapsed = chunkFK7EBZPX_cjs.isCollapsed(selection);
+  const collapsed = chunkZ5EEDCRI_cjs.isCollapsed(selection);
   return virtualAnchor(
     () => collapsed ? rangeRect(controller, caret) : selectionRect(controller),
     () => controller.registry.get(block, region)
@@ -4811,7 +4995,8 @@ function LinkPopover({ controller, labels, onClose }) {
   const [invalid, setInvalid] = React7.useState(false);
   const messageId = React7.useId();
   const anchor = React7.useMemo(() => ({ current: popoverAnchor(controller, link) }), [controller, link]);
-  const openHref = link && chunkI7X7B3WD_cjs.sanitizeHref(link.href);
+  const content = React7.useRef(null);
+  useFocusBackToText(controller, (focused) => focused !== null && content.current?.contains(focused) === true);
   const backToText = () => {
     onClose();
     controller.focus();
@@ -4823,12 +5008,23 @@ function LinkPopover({ controller, labels, onClose }) {
   const apply = (event) => {
     event.preventDefault();
     const href = linkAddress(address);
-    if (href === null) return setInvalid(true);
+    if (href === null) {
+      setInvalid(true);
+      controller.announce(labels.invalidLink);
+      return;
+    }
     controller.run(applyLink(href, address.trim()));
     backToText();
   };
   const remove = () => {
-    controller.run(chunkFK7EBZPX_cjs.unsetLink);
+    controller.run(chunkZ5EEDCRI_cjs.unsetLink);
+    backToText();
+  };
+  const tabOut = (event) => {
+    if (event.key !== "Tab" || event.ctrlKey || event.metaKey) return;
+    const controls = [...event.currentTarget.querySelectorAll(CONTROLS)];
+    if (event.target !== (event.shiftKey ? controls[0] : controls.at(-1))) return;
+    event.preventDefault();
     backToText();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4844,6 +5040,7 @@ function LinkPopover({ controller, labels, onClose }) {
         /* @__PURE__ */ jsxRuntime.jsxs(
           PopoverContent,
           {
+            ref: content,
             "aria-label": labels.link,
             side: "bottom",
             align: "start",
@@ -4853,6 +5050,7 @@ function LinkPopover({ controller, labels, onClose }) {
               event.preventDefault();
               backToText();
             },
+            onKeyDown: tabOut,
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "flex items-center gap-0.5", onSubmit: apply, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -4868,10 +5066,10 @@ function LinkPopover({ controller, labels, onClose }) {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", variant: "ghost", size: "icon-sm", "aria-label": labels.linkApply, children: /* @__PURE__ */ jsxRuntime.jsx(Check, {}) }),
-                openHref && /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: openHref, target: "_blank", rel: "noopener noreferrer", "aria-label": labels.linkOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, {}) }) }),
+                link !== null && /* @__PURE__ */ jsxRuntime.jsx(OpenLinkButton, { href: link.href, label: labels.linkOpen }),
                 link !== null && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: remove, children: /* @__PURE__ */ jsxRuntime.jsx(Unlink, {}) })
               ] }),
-              invalid && /* @__PURE__ */ jsxRuntime.jsx("p", { id: messageId, role: "alert", className: MESSAGE, children: labels.invalidLink })
+              invalid && /* @__PURE__ */ jsxRuntime.jsx("p", { id: messageId, className: MESSAGE, children: labels.invalidLink })
             ]
           }
         )
@@ -4896,7 +5094,7 @@ function LinkOverlay({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
   const popoverOpen = useCanvasUi(store, isPopoverOpen);
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   useLinkClicks(controller);
   React7.useEffect(() => {
     if (readOnly && store.get().linkPopover.open) store.set({ linkPopover: { open: false } });
@@ -4911,7 +5109,7 @@ function linkExtension(store) {
     if (dispatch) store.set({ linkPopover: { open: true } });
     return true;
   };
-  return chunkFK7EBZPX_cjs.defineExtension({ name: "link", keymap: { "Mod-k": openPopover }, ui: { overlays: [LinkOverlay] } });
+  return chunkZ5EEDCRI_cjs.defineExtension({ name: "link", keymap: { "Mod-k": openPopover }, ui: { overlays: [LinkOverlay] } });
 }
 
 // src/menus/suggestion/find-trigger.ts
@@ -4919,7 +5117,7 @@ var DEFAULT_MAX_LENGTH = 40;
 var NO_TRIGGER_TYPES = /* @__PURE__ */ new Set(["CODE", "TABLE"]);
 var WHITESPACE2 = /\s/;
 var ATOM = "\uFFFC";
-var hasCode = (inline) => inline.some((node) => chunkI7X7B3WD_cjs.hasMark(node.marks, "code"));
+var hasCode = (inline) => inline.some((node) => chunk4JDRDPLC_cjs.hasMark(node.marks, "code"));
 function triggerOffset(text2, start, config) {
   const { char, allowSpaces = false, startOfLine = false } = config;
   const earliest = Math.max(0, text2.length - (config.maxLength ?? DEFAULT_MAX_LENGTH) - 1);
@@ -4928,7 +5126,8 @@ function triggerOffset(text2, start, config) {
     if (character === "\n" || character === ATOM) return null;
     if (character === char) {
       const atRegionStart = start + i === 0;
-      if (atRegionStart || !startOfLine && i > 0 && WHITESPACE2.test(text2[i - 1])) return start + i;
+      const opens2 = atRegionStart || !startOfLine && i > 0 && WHITESPACE2.test(text2[i - 1]);
+      if (opens2) return WHITESPACE2.test(text2[i + 1] ?? "") ? null : start + i;
     }
     if (!allowSpaces && WHITESPACE2.test(character)) return null;
   }
@@ -4936,15 +5135,15 @@ function triggerOffset(text2, start, config) {
 }
 function findTrigger(state, config) {
   const { doc, selection } = state;
-  if (selection?.kind !== "text" || !chunkFK7EBZPX_cjs.isCollapsed(selection)) return null;
+  if (selection?.kind !== "text" || !chunkZ5EEDCRI_cjs.isCollapsed(selection)) return null;
   const { block: blockId, region, offset: caret } = selection.head;
-  const block = chunkI7X7B3WD_cjs.blockById(doc, blockId);
+  const block = chunk4JDRDPLC_cjs.blockById(doc, blockId);
   if (block === void 0 || NO_TRIGGER_TYPES.has(block.type) || !Object.hasOwn(block.regions, region)) return null;
   const inline = block.regions[region];
   const start = Math.max(0, caret - (config.maxLength ?? DEFAULT_MAX_LENGTH) - 2);
-  const from = triggerOffset(chunkI7X7B3WD_cjs.inlineText(chunkI7X7B3WD_cjs.sliceInline(inline, start, caret)), start, config);
-  if (from === null || hasCode(chunkI7X7B3WD_cjs.sliceInline(inline, from, caret))) return null;
-  const query = chunkI7X7B3WD_cjs.inlineText(chunkI7X7B3WD_cjs.sliceInline(inline, from + 1, caret));
+  const from = triggerOffset(chunk4JDRDPLC_cjs.inlineText(chunk4JDRDPLC_cjs.sliceInline(inline, start, caret)), start, config);
+  if (from === null || hasCode(chunk4JDRDPLC_cjs.sliceInline(inline, from, caret))) return null;
+  const query = chunk4JDRDPLC_cjs.inlineText(chunk4JDRDPLC_cjs.sliceInline(inline, from + 1, caret));
   return { block: blockId, region, from, to: caret, query };
 }
 
@@ -4959,11 +5158,13 @@ function stillDismissed(tr, dismissed, found) {
   const same = found.block === at.block && found.region === at.region && found.from === at.offset;
   return same ? rangeOf2(found) : null;
 }
-function nearest(state, found) {
-  if (found === null) return null;
+var opens = (found, { minLength = 0 }) => found !== null && found.query.length >= minLength;
+function nearest(state, found, config) {
+  if (!opens(found, config)) return null;
   for (const { trigger } of state.plugins) {
-    const other = trigger && findTrigger(state, trigger);
-    if (other && other.from > found.from) return null;
+    if (trigger === void 0) continue;
+    const other = findTrigger(state, trigger);
+    if (opens(other, trigger) && other.from > found.from) return null;
   }
   return found;
 }
@@ -4971,15 +5172,15 @@ function suggestionPlugin(key, config) {
   return {
     key,
     trigger: config,
-    init: (state) => ({ active: nearest(state, findTrigger(state, config)), dismissedAt: null }),
+    init: (state) => ({ active: nearest(state, findTrigger(state, config), config), dismissedAt: null }),
     apply(tr, value, oldState, newState) {
-      const dismissing = tr.getMeta(DISMISS) === key.name;
-      if (!dismissing && !tr.docChanged && chunkFK7EBZPX_cjs.sameSelection(oldState.selection, newState.selection)) return value;
+      const dismissing = tr.getMeta(DISMISS) !== void 0;
+      if (!dismissing && !tr.docChanged && chunkZ5EEDCRI_cjs.sameSelection(oldState.selection, newState.selection)) return value;
       const found = findTrigger(newState, config);
       let dismissedAt = null;
       if (dismissing) dismissedAt = found && rangeOf2(found);
       else if (value.dismissedAt !== null) dismissedAt = stillDismissed(tr, value.dismissedAt, found);
-      const active = dismissedAt === null ? nearest(newState, found) : null;
+      const active = dismissedAt === null ? nearest(newState, found, config) : null;
       const unchanged = sameTrigger(active, value.active) && sameRange(dismissedAt, value.dismissedAt);
       if (unchanged) return value;
       return {
@@ -4991,14 +5192,14 @@ function suggestionPlugin(key, config) {
 }
 function dismissSuggestion(key) {
   return (state, dispatch) => {
-    if (chunkFK7EBZPX_cjs.getPluginState(state, key).active === null) return false;
-    dispatch?.(new chunkFK7EBZPX_cjs.Transaction(state).setMeta(DISMISS, key.name));
+    if (chunkZ5EEDCRI_cjs.getPluginState(state, key).active === null) return false;
+    dispatch?.(new chunkZ5EEDCRI_cjs.Transaction(state).setMeta(DISMISS, key.name));
     return true;
   };
 }
 
 // src/menus/slash/slash-key.ts
-var slashKey = chunkFK7EBZPX_cjs.createPluginKey("slash");
+var slashKey = chunkZ5EEDCRI_cjs.createPluginKey("slash");
 
 // src/menus/slash/slash-items.ts
 var DETAILS = {
@@ -5022,7 +5223,7 @@ function insertionItem(id, insertion, labels, definitions) {
   const { label, icon, type, attrs } = insertion;
   return {
     id,
-    title: label,
+    title: hostLabel(definitions, type) ?? label,
     description: labels.slashDescriptions[id],
     icon,
     ...DETAILS[id],
@@ -5048,7 +5249,7 @@ function initialBlock({ schema }, definition, onError) {
   const data = chunkA6PGQVTR_cjs.seedData(definition, onError());
   if (data === null) return null;
   if (data === void 0) return { type };
-  return { type, ...chunkI7X7B3WD_cjs.specFor(schema, type).fromData(data, chunkI7X7B3WD_cjs.createBlockCodec(schema).context) };
+  return { type, ...chunk4JDRDPLC_cjs.specFor(schema, type).fromData(data, chunk4JDRDPLC_cjs.createBlockCodec(schema).context) };
 }
 var refuse = () => false;
 function blockTypeSlashItems(definitions, onError = () => void 0) {
@@ -5076,43 +5277,69 @@ 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}`;
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = range;
   });
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const rect = latest.current && rangeRect(controller, latest.current);
     const height = controller.root?.ownerDocument.defaultView?.innerHeight;
     if (rect && height !== void 0) setSide(sideFor(rect, height));
   }, [controller, start]);
   return { anchor, side };
 }
+
+// src/to-error.ts
+var toError = (cause) => cause instanceof Error ? cause : new Error(String(cause));
 var ADDED = ["aria-expanded", "aria-controls", "aria-autocomplete", "aria-activedescendant"];
 var SWAPPED = ["role", "aria-multiline"];
 function restore(host, name, value) {
   if (value === null) host.removeAttribute(name);
   else host.setAttribute(name, value);
 }
-function openCombobox(host, listboxId) {
-  const saved = SWAPPED.map((name) => [name, host.getAttribute(name)]);
+var held = /* @__PURE__ */ new WeakMap();
+function makeCombobox(host, listboxId) {
   host.setAttribute("role", "combobox");
   host.removeAttribute("aria-multiline");
   host.setAttribute("aria-expanded", "true");
   host.setAttribute("aria-controls", listboxId);
   host.setAttribute("aria-autocomplete", "list");
+}
+function openCombobox(host, listboxId) {
+  const saved = () => SWAPPED.map((name) => [name, host.getAttribute(name)]);
+  const entry = held.get(host) ?? { saved: saved(), listboxes: [] };
+  held.set(host, entry);
+  entry.listboxes.push(listboxId);
+  makeCombobox(host, listboxId);
   return () => {
+    entry.listboxes.splice(entry.listboxes.lastIndexOf(listboxId), 1);
+    const remaining = entry.listboxes.at(-1);
+    if (remaining !== void 0) return makeCombobox(host, remaining);
+    held.delete(host);
     for (const name of ADDED) host.removeAttribute(name);
-    for (const [name, value] of saved) restore(host, name, value);
+    for (const [name, value] of entry.saved) restore(host, name, value);
   };
 }
 function useComboboxHost(controller, block, region, listboxId, activeOptionId) {
-  const host = React7.useRef(null);
-  chunk2QKFRKOP_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]);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
-    if (host.current !== null) restore(host.current, "aria-activedescendant", activeOptionId);
-  }, [block, region, activeOptionId]);
+  const open = block !== null && region !== null;
+  const docWhileOpen = React7.useCallback((state) => open ? state.doc : null, [open]);
+  chunkN25EH2GZ_cjs.useEditorState(controller, docWhileOpen);
+  const opened = React7.useRef(null);
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
+    const host = open ? controller.registry.get(block, region) ?? null : null;
+    const last2 = opened.current;
+    if (last2?.host !== host || last2.listboxId !== listboxId) {
+      last2?.close();
+      opened.current = host && { host, listboxId, close: openCombobox(host, listboxId) };
+    }
+    if (opened.current !== null) restore(opened.current.host, "aria-activedescendant", activeOptionId);
+  });
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(
+    () => () => {
+      opened.current?.close();
+      opened.current = null;
+    },
+    []
+  );
 }
 
 // src/menus/suggestion/group-items.ts
@@ -5156,10 +5383,10 @@ function handle(event, menu) {
 }
 function useSuggestionKeys(controller, open, menu) {
   const latest = React7.useRef(menu);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = menu;
   });
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     if (!open) return;
     const intercept = (event) => {
       const handled = handle(event, latest.current);
@@ -5169,21 +5396,16 @@ function useSuggestionKeys(controller, open, menu) {
     return interceptKeys(controller, intercept);
   }, [controller, open]);
 }
-
-// src/to-error.ts
-var toError = (cause) => cause instanceof Error ? cause : new Error(String(cause));
-
-// src/menus/suggestion/use-suggestion-results.ts
 var FORGOTTEN = { source: null, query: null, items: [] };
 var CLOSED = { items: [], pending: false };
 var isPromise = (value) => typeof value?.then === "function";
 function useSuggestionResults(source, query, onError) {
   const [answer, setAnswer] = React7.useState(FORGOTTEN);
   const report = React7.useRef(onError);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     report.current = onError;
   });
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     if (query === null) {
       setAnswer(FORGOTTEN);
       return;
@@ -5224,12 +5446,13 @@ function useSuggestion({
   itemKey: itemKey2,
   groupOf: groupOf2,
   onSelect,
-  emptyLabel
+  emptyLabel,
+  countLabel
 }) {
   const { labels, onError } = useQuoin();
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
-  const selectTrigger = React7.useCallback((state) => chunkFK7EBZPX_cjs.getPluginState(state, pluginKey).active, [pluginKey]);
-  const active = chunk2QKFRKOP_cjs.useEditorState(controller, selectTrigger);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
+  const selectTrigger = React7.useCallback((state) => chunkZ5EEDCRI_cjs.getPluginState(state, pluginKey).active, [pluginKey]);
+  const active = chunkN25EH2GZ_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]);
@@ -5251,20 +5474,32 @@ function useSuggestion({
   );
   const select = React7.useCallback(
     (index) => {
-      const current = chunkFK7EBZPX_cjs.getPluginState(controller.editor.state, pluginKey).active;
-      if (current !== null && index < ordered.length) onSelect(ordered[index], rangeOf2(current));
+      const current = chunkZ5EEDCRI_cjs.getPluginState(controller.editor.state, pluginKey).active;
+      if (current === null || index >= ordered.length) return;
+      try {
+        onSelect(ordered[index], rangeOf2(current));
+      } catch (error) {
+        onError(toError(error));
+      }
     },
-    [controller, pluginKey, ordered, onSelect]
+    [controller, pluginKey, ordered, onSelect, onError]
   );
   const dismiss = React7.useCallback(() => void controller.run(dismissSuggestion(pluginKey)), [controller, pluginKey]);
   useSuggestionKeys(controller, trigger !== null, { count: ordered.length, activeIndex, highlight, select, dismiss });
   useComboboxHost(controller, trigger?.block ?? null, trigger?.region ?? null, listboxId, activeId);
   const query = trigger?.query ?? null;
   const count = ordered.length;
-  const resultMessage = count === 0 ? emptyLabel : labels.resultCount(count);
+  const resultMessage = count === 0 ? emptyLabel : (countLabel ?? labels.resultCount)(count);
+  const said = React7.useRef(null);
   React7.useEffect(() => {
     if (query === null || results.pending) return;
-    const timer = setTimeout(() => controller.announce(resultMessage), SETTLE_MS);
+    const timer = setTimeout(() => {
+      const current = controller.announcer.current()?.message;
+      const own = current === void 0 || current === said.current;
+      const message = own ? resultMessage : `${current}. ${resultMessage}`;
+      said.current = message;
+      controller.announce(message);
+    }, SETTLE_MS);
     return () => clearTimeout(timer);
   }, [controller, query, resultMessage, results.pending]);
   return { trigger, sections, pending: results.pending, activeIndex, listboxId, optionId, highlight, select, dismiss };
@@ -5299,7 +5534,7 @@ function SuggestionMenu(props) {
   const { trigger, sections, activeIndex, listboxId } = suggestion;
   const { anchor, side } = useRangeAnchor(controller, trigger);
   const listbox = React7.useRef(null);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     listbox.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [activeIndex, sections]);
   if (trigger === null) return null;
@@ -5358,14 +5593,14 @@ function SuggestionMenu(props) {
 // src/menus/suggestion/replace-trigger.ts
 function deleteTrigger({ block, region, from, to }) {
   return (state, dispatch) => {
-    const tr = new chunkFK7EBZPX_cjs.Transaction(state);
-    if (from >= to || !tr.maybeStep(chunkFK7EBZPX_cjs.replaceInlineStep(block, region, from, to, []))) return false;
-    dispatch?.(tr.setSelection(chunkFK7EBZPX_cjs.textSelection({ block, region, offset: from })));
+    const tr = new chunkZ5EEDCRI_cjs.Transaction(state);
+    if (from >= to || !tr.maybeStep(chunkZ5EEDCRI_cjs.replaceInlineStep(block, region, from, to, []))) return false;
+    dispatch?.(tr.setSelection(chunkZ5EEDCRI_cjs.textSelection({ block, region, offset: from })));
     return true;
   };
 }
 function triggerReplacement(state, range, command) {
-  return chunkFK7EBZPX_cjs.runCommands(state, command === void 0 ? [deleteTrigger(range)] : [deleteTrigger(range), command]);
+  return chunkZ5EEDCRI_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);
@@ -5378,9 +5613,9 @@ 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 = chunk2QKFRKOP_cjs.regionInline(state, range.block, range.region);
+  const inline = chunkN25EH2GZ_cjs.regionInline(state, range.block, range.region);
   if (inline === void 0 || range.from === 0) return null;
-  const text2 = chunkI7X7B3WD_cjs.inlineText(inline);
+  const text2 = chunk4JDRDPLC_cjs.inlineText(inline);
   const after = text2.charAt(range.to);
   const spaced = text2.charAt(range.from - 1) === " " && (after === "" || WHITESPACE3.test(after));
   return spaced ? { ...range, from: range.from - 1 } : null;
@@ -5485,7 +5720,7 @@ function SlashOverlay({ controller }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SlashMenu, { controller, labels, items });
 }
 function slashExtension() {
-  return chunkFK7EBZPX_cjs.defineExtension({
+  return chunkZ5EEDCRI_cjs.defineExtension({
     name: "slash",
     plugins: [suggestionPlugin(slashKey, { char: "/" })],
     ui: { overlays: [SlashOverlay] }
@@ -5494,10 +5729,10 @@ function slashExtension() {
 
 // src/mobile/mobile-items.tsx
 function commandItem(id, title, icon, command) {
-  return { id, title, icon, run: (controller) => void controller.run(command) };
+  return { id, title, icon, enabled: (state) => command(state), run: (controller) => void controller.run(command) };
 }
 function addBlockAtCaret(controller) {
-  const block = chunkFK7EBZPX_cjs.headBlockId(controller.editor.state.selection);
+  const block = chunkZ5EEDCRI_cjs.headBlockId(controller.editor.state.selection);
   if (block !== null) addBlockBelow(controller, block);
 }
 function mobileItems(labels, openLink) {
@@ -5509,16 +5744,13 @@ function mobileItems(labels, openLink) {
       markItem("strike", labels.strike, Strikethrough),
       markItem("code", labels.code, Code),
       linkItem(labels, openLink),
-      commandItem("indent", labels.indent, ListIndentIncrease, chunkFK7EBZPX_cjs.indent),
-      commandItem("outdent", labels.outdent, ListIndentDecrease, chunkFK7EBZPX_cjs.outdent),
-      commandItem("undo", labels.undo, Undo2, chunkFK7EBZPX_cjs.undo),
-      commandItem("redo", labels.redo, Redo2, chunkFK7EBZPX_cjs.redo)
+      commandItem("indent", labels.indent, ListIndentIncrease, chunkZ5EEDCRI_cjs.indent),
+      commandItem("outdent", labels.outdent, ListIndentDecrease, chunkZ5EEDCRI_cjs.outdent),
+      commandItem("undo", labels.undo, Undo2, chunkZ5EEDCRI_cjs.undo),
+      commandItem("redo", labels.redo, Redo2, chunkZ5EEDCRI_cjs.redo)
     ]
   };
 }
-
-// src/mobile/use-coarse-pointer.ts
-var useCoarsePointer = () => useMediaQuery("(pointer: coarse)", false);
 var FOCUS_EVENTS = ["focusin", "focusout"];
 function subscribe(notify) {
   for (const type of FOCUS_EVENTS) document.addEventListener(type, notify);
@@ -5531,6 +5763,7 @@ function useEditorFocus(controller) {
   const read2 = React7.useCallback(() => focusInEditor(controller), [controller]);
   return React7.useSyncExternalStore(subscribe, read2, NOT_FOCUSED);
 }
+var KEYS3 = ["offsetTop", "offsetLeft", "height", "width", "scale"];
 var EVENTS = ["resize", "scroll"];
 function subscribe2(notify) {
   const viewport = window.visualViewport;
@@ -5545,10 +5778,8 @@ var last = null;
 function read() {
   const viewport = window.visualViewport;
   if (!viewport) return null;
-  const { offsetTop, height, width } = viewport;
-  if (last?.offsetTop !== offsetTop || last.height !== height || last.width !== width) {
-    last = { offsetTop, height, width };
-  }
+  const box = Object.fromEntries(KEYS3.map((key) => [key, viewport[key]]));
+  if (last === null || KEYS3.some((key) => last?.[key] !== box[key])) last = box;
   return last;
 }
 var readOnServer2 = () => null;
@@ -5561,14 +5792,26 @@ var TOOLBAR = [
 ].join(" ");
 function placement(viewport) {
   if (viewport === null) return { bottom: 0 };
-  return { top: viewport.offsetTop + viewport.height, width: viewport.width, transform: "translateY(-100%)" };
+  const { offsetLeft, offsetTop, height, width, scale } = viewport;
+  const shift = "translateY(-100%)";
+  return {
+    top: offsetTop + height,
+    left: offsetLeft,
+    right: "auto",
+    width: width * scale,
+    transform: scale === 1 ? shift : `scale(${1 / scale}) ${shift}`,
+    transformOrigin: "0 0"
+  };
 }
 function EditingTools({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
-  const state = chunk2QKFRKOP_cjs.useEditorState(controller, chunk2QKFRKOP_cjs.wholeState);
+  const state = chunkN25EH2GZ_cjs.useEditorState(controller, chunkN25EH2GZ_cjs.wholeState);
   const viewport = useVisualViewport();
   const roving = useRovingFocus();
+  const dir = reactDirection.useDirection();
+  useFocusBackToText(controller);
+  useFocusKey(controller, roving.focusCurrent);
   const items = React7.useMemo(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
   const onKeyDown = (event) => {
     if (event.key === "Escape" && roving.owns(event.target)) {
@@ -5582,6 +5825,7 @@ function EditingTools({ controller }) {
       "div",
       {
         ref: roving.ref,
+        dir,
         role: "toolbar",
         "aria-label": labels.mobileToolbar,
         className: TOOLBAR,
@@ -5628,12 +5872,14 @@ var DialogOverlay = /* @__PURE__ */ React7__namespace.forwardRef(function Dialog
   );
 });
 var DialogContent = /* @__PURE__ */ React7__namespace.forwardRef(function DialogContent2({ className, children, closeLabel = "Close", ...props }, ref) {
+  const dir = reactDirection.useDirection();
   return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(
       DialogPrimitive__namespace.Content,
       {
         ref,
+        dir,
         "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-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",
@@ -5646,7 +5892,7 @@ var DialogContent = /* @__PURE__ */ React7__namespace.forwardRef(function Dialog
             DialogPrimitive__namespace.Close,
             {
               className: cn(
-                "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100",
+                "absolute top-4 end-4 rounded-xs opacity-70 transition-opacity hover:opacity-100",
                 FOCUS_RING,
                 ICON_TAP_TARGET_FLOOR
               ),
@@ -5763,14 +6009,14 @@ function shortcutGroups(labels, isMac) {
     }
   ];
 }
-var KEYS3 = "rounded border bg-muted px-1.5 py-0.5 font-sans text-xs whitespace-nowrap";
+var KEYS4 = "rounded border bg-muted px-1.5 py-0.5 font-sans text-xs whitespace-nowrap";
 function ShortcutSection({ group }) {
   const titleId = React7.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": titleId, children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { id: titleId, className: "mb-2 text-sm font-semibold", children: group.title }),
     /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid gap-1.5 text-sm", children: group.items.map(({ label, keys }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("dt", { children: label }),
-      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: KEYS3, children: keys }) })
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: KEYS4, children: keys }) })
     ] }, `${label} ${keys}`)) })
   ] });
 }
@@ -5823,7 +6069,7 @@ function shortcutsExtension(store) {
     if (dispatch) store.set({ shortcutsOpen: true });
     return true;
   };
-  return chunkFK7EBZPX_cjs.defineExtension({
+  return chunkZ5EEDCRI_cjs.defineExtension({
     name: "shortcuts",
     keymap: { [SHORTCUT]: open, "Mod-Shift-?": open },
     ui: { overlays: [ShortcutsOverlay] }
@@ -5831,9 +6077,11 @@ function shortcutsExtension(store) {
 }
 function useRootDirection(controller) {
   const [direction, setDirection] = React7.useState("ltr");
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     const root = controller.root;
-    if (root !== null) setDirection(chunk2QKFRKOP_cjs.inlineDirection(root));
+    if (root === null) return;
+    setDirection(chunkN25EH2GZ_cjs.inlineDirection(root));
+    return watchDirection(root, setDirection);
   }, [controller]);
   return direction;
 }
@@ -5865,16 +6113,16 @@ function writeBlockData(controller, blockId, data) {
   const index = doc.index.get(blockId);
   if (index === void 0) return;
   const block = doc.blocks[index];
-  const { attrs, regions } = chunkI7X7B3WD_cjs.specFor(schema, block.type).fromData(data, editor.codec.context);
-  if (chunkI7X7B3WD_cjs.sameValue(attrs, block.attrs) && chunkI7X7B3WD_cjs.sameValue(regions, block.regions)) return;
-  const tr = editor.createTransaction().step(chunkFK7EBZPX_cjs.replaceBlockStep({ ...block, attrs, regions }));
-  editor.dispatch(tr.setMeta(chunkFK7EBZPX_cjs.HISTORY_GROUP, `block-data:${blockId}`));
+  const { attrs, regions } = chunk4JDRDPLC_cjs.specFor(schema, block.type).fromData(data, editor.codec.context);
+  if (chunk4JDRDPLC_cjs.sameValue(attrs, block.attrs) && chunk4JDRDPLC_cjs.sameValue(regions, block.regions)) return;
+  const tr = editor.createTransaction().step(chunkZ5EEDCRI_cjs.replaceBlockStep({ ...block, attrs, regions }));
+  editor.dispatch(tr.setMeta(chunkZ5EEDCRI_cjs.HISTORY_GROUP, `block-data:${blockId}`));
 }
 function insertAfterBlock(controller, blockId, type, definitions, onError) {
   const editor = internal(controller);
   const data = chunkA6PGQVTR_cjs.seedData(chunkA6PGQVTR_cjs.blockByType(definitions, type), onError);
   if (data === null) return false;
-  const content = data && chunkI7X7B3WD_cjs.specFor(editor.state.schema, type).fromData(data, editor.codec.context);
+  const content = data && chunk4JDRDPLC_cjs.specFor(editor.state.schema, type).fromData(data, editor.codec.context);
   controller.run(insertBlockToWrite({ type, ...content }, opensEditor(definitions, type), blockId));
   return true;
 }
@@ -5898,7 +6146,7 @@ function runHistoryKey(controller, event) {
 }
 function useBlockIndex(controller, blockId) {
   const select = React7.useCallback((state) => state.doc.index.get(blockId) ?? -1, [blockId]);
-  return chunk2QKFRKOP_cjs.useEditorState(controller, select);
+  return chunkN25EH2GZ_cjs.useEditorState(controller, select);
 }
 var FOCUSABLE = [
   "input:not([disabled])",
@@ -5918,16 +6166,20 @@ function useEditingFocus(root, editing, stop) {
     (element.querySelector(FOCUSABLE) ?? element).focus();
     const doc = element.ownerDocument;
     const canvas = element.closest(CANVAS);
-    const leaveForCanvas = (event) => {
-      const target = event.target;
-      if (!element.contains(target) && canvas?.contains(target)) stop();
-    };
     const leaveUnlessInside = (event) => {
       if (!inside.current.has(event)) stop();
     };
-    const unlistenCapture = chunk2QKFRKOP_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
-    const unlisten = chunk2QKFRKOP_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
+    let afterDispatch;
+    const onPress = (event) => {
+      const target = event.target;
+      if (!element.contains(target) && canvas?.contains(target)) return stop();
+      clearTimeout(afterDispatch);
+      afterDispatch = setTimeout(() => leaveUnlessInside(event));
+    };
+    const unlistenCapture = chunkN25EH2GZ_cjs.listen(doc, { pointerdown: onPress }, true);
+    const unlisten = chunkN25EH2GZ_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
     return () => {
+      clearTimeout(afterDispatch);
       unlistenCapture();
       unlisten();
     };
@@ -5937,6 +6189,18 @@ function useEditingFocus(root, editing, stop) {
     return { onPointerDownCapture: mark, onFocusCapture: mark };
   }, []);
 }
+function useWhileMounted(callback) {
+  const mounted = React7.useRef(false);
+  React7.useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  return React7.useCallback(() => {
+    if (mounted.current) callback();
+  }, [callback]);
+}
 function useMissingPreviewWarning(readOnly, { type, preview }) {
   React7.useEffect(() => {
     if (!readOnly || preview !== void 0) return;
@@ -5949,14 +6213,15 @@ function VoidPreview({ definition: { preview: Preview }, name, ...props }) {
   if (Preview === void 0) return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-1 text-sm text-muted-foreground", children: name });
   return /* @__PURE__ */ jsxRuntime.jsx(Preview, { ...props });
 }
-function VoidEditor({ Editor, controller, ...props }) {
+function VoidEditor({ Editor, controller, onDone, ...props }) {
   const index = useBlockIndex(controller, props.blockId);
-  return /* @__PURE__ */ jsxRuntime.jsx(Editor, { ...props, index });
+  const done = useWhileMounted(onDone);
+  return /* @__PURE__ */ jsxRuntime.jsx(Editor, { ...props, index, onDone: done });
 }
 function VoidBlock({ block, controller, definition }) {
   const { blockTypes, labels } = useQuoin();
-  const { report } = React7.useContext(chunk2QKFRKOP_cjs.BlockErrorContext);
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const { report } = React7.useContext(chunkN25EH2GZ_cjs.BlockErrorContext);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const { editor: Editor, alwaysEditing = false } = definition;
   const name = blockTypeLabel(labels, block, blockTypes);
   const blockId = block.id;
@@ -6020,7 +6285,7 @@ function VoidBlock({ block, controller, definition }) {
       role: "group",
       "aria-label": name,
       tabIndex: editorShown ? -1 : void 0,
-      ...{ [chunk2QKFRKOP_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
+      ...{ [chunkN25EH2GZ_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
       onKeyDown,
       ...focusHandlers,
       onClick,
@@ -6091,6 +6356,11 @@ function extensionUi(extension) {
 }
 var list = (value) => Array.isArray(value) ? value : [];
 var record = (value) => typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+function doesSomething(item) {
+  if (item.command !== void 0 || item.run !== void 0) return true;
+  chunkA6PGQVTR_cjs.devWarn(`the slash command "${item.id}" has neither a command nor a run, so the slash menu leaves it out.`);
+  return false;
+}
 function mergeRender(uis) {
   const given = uis.flatMap(({ render }) => render === void 0 ? [] : [render]);
   if (given.length === 0) return void 0;
@@ -6103,7 +6373,10 @@ function mergeRender(uis) {
 function collectUi(extensions, definitions, readOnly = false, onError) {
   const uis = extensions.map(extensionUi);
   return {
-    slashItems: [...uis.flatMap((ui) => list(ui.slashItems)), ...blockTypeSlashItems(definitions, onError)],
+    slashItems: [
+      ...uis.flatMap((ui) => list(ui.slashItems)).filter(doesSomething),
+      ...blockTypeSlashItems(definitions, onError)
+    ],
     bubbleItems: uis.flatMap((ui) => list(ui.bubbleItems)),
     blockMenuItems: uis.flatMap((ui) => list(ui.blockMenuItems)),
     renderers: Object.assign({}, canvasRenderers(definitions, readOnly), ...uis.map((ui) => record(ui.renderers))),
@@ -6118,12 +6391,12 @@ function collectUi(extensions, definitions, readOnly = false, onError) {
 
 // src/canvas/insert-uploads.ts
 function fileBlock(file, stored) {
-  if (isImageFile(file)) return { id: chunkI7X7B3WD_cjs.newId(), type: "IMAGE", attrs: { storageKey: stored.storageKey, alt: "" } };
+  if (isImageFile(file)) return { id: chunk4JDRDPLC_cjs.newId(), type: "IMAGE", attrs: { storageKey: stored.storageKey, alt: "" } };
   return { type: "FILE", attrs: fileAttrs(file, stored) };
 }
 function anchorBlock(controller, at) {
   const { doc, selection } = controller.editor.state;
-  const candidates = [at?.block, chunkFK7EBZPX_cjs.headBlockId(selection), doc.blocks[doc.blocks.length - 1]?.id];
+  const candidates = [at?.block, chunkZ5EEDCRI_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) => ({
@@ -6132,16 +6405,19 @@ var writerOf = (controller) => ({
 });
 function movedOn(controller, before) {
   const now = writerOf(controller);
-  return now.focus !== before.focus || !chunkFK7EBZPX_cjs.sameSelection(now.selection, before.selection);
+  return now.focus !== before.focus || !chunkZ5EEDCRI_cjs.sameSelection(now.selection, before.selection);
 }
 async function insertUploads(controller, files, at, { upload, resolveAssetUrl, onError, unavailable, failed }) {
   if (!upload) return onError(new Error(unavailable));
+  controller.readSelectionFromDom();
+  const rest = at === null ? fillSelectedBlock(controller, files) : files;
+  if (rest.length === 0) return;
   const writer = writerOf(controller);
-  const outcomes = await Promise.allSettled(files.map(async (file) => upload(file, isImageFile(file) ? "image" : "file")));
+  const outcomes = await Promise.allSettled(rest.map(async (file) => upload(file, isImageFile(file) ? "image" : "file")));
   const blocks = [];
   outcomes.forEach((outcome, index) => {
-    if (outcome.status === "rejected") onError(toError(outcome.reason));
-    else if (typeof outcome.value?.storageKey === "string") blocks.push(fileBlock(files[index], outcome.value));
+    if (outcome.status === "rejected") onError(uploadError(outcome.reason, failed));
+    else if (isStored(outcome.value)) blocks.push(fileBlock(rest[index], outcome.value));
     else onError(new Error(failed));
   });
   if (blocks.length === 0 || controller.root === null || controller.readOnly) return;
@@ -6160,15 +6436,15 @@ function holdsHead({ selection }, block) {
 }
 function markdownPlaceholder(state, block, labels) {
   const { kind, level } = block.attrs;
-  if (kind === "heading") return labels.placeholderHeading(chunkI7X7B3WD_cjs.headingLevel(level));
+  if (kind === "heading") return labels.placeholderHeading(chunk4JDRDPLC_cjs.headingLevel(level));
   if (LIST_KINDS.has(kind)) return labels.placeholderList;
   if (kind === "quote") return labels.placeholderQuote;
   if (kind !== "paragraph") return void 0;
   return holdsHead(state, block) || state.doc.blocks.length === 1 ? labels.placeholderEmpty : void 0;
 }
 function placeholderFor(state, block, labels) {
-  const region = chunkFK7EBZPX_cjs.primaryRegion(state.schema, block);
-  if (region === null || chunkFK7EBZPX_cjs.regionLength(block, region) > 0) return void 0;
+  const region = chunkZ5EEDCRI_cjs.primaryRegion(state.schema, block);
+  if (region === null || chunkZ5EEDCRI_cjs.regionLength(block, region) > 0) return void 0;
   switch (block.type) {
     case "MARKDOWN":
       return markdownPlaceholder(state, block, labels);
@@ -6184,18 +6460,18 @@ function placeholderFor(state, block, labels) {
 // src/canvas/selected-block-label.ts
 var LONGEST = 80;
 function firstLine2(text2) {
-  const characters = [...text2.split("\n", 1)[0].trim()];
-  return characters.length > LONGEST ? `${characters.slice(0, LONGEST - 1).join("")}\u2026` : characters.join("");
+  const line = text2.split("\n", 1)[0].trim();
+  return chunkZ5EEDCRI_cjs.graphemePrefix(line, LONGEST) === line ? line : `${chunkZ5EEDCRI_cjs.graphemePrefix(line, LONGEST - 1)}\u2026`;
 }
 var selectedBlockLabel = (labels, definitions, extensionNames) => (block, schema) => {
   const { attrs } = block;
-  if (block.type === "IMAGE") return hasPicture(attrs) ? chunkI7X7B3WD_cjs.str(attrs.alt) || labels.imageNoAlt : labels.emptyImage;
+  if (block.type === "IMAGE") return hasPicture(attrs) ? chunk4JDRDPLC_cjs.str(attrs.alt) || labels.imageNoAlt : labels.emptyImage;
   if (block.type === "CODE") {
-    const language2 = chunkI7X7B3WD_cjs.str(attrs.language);
+    const language2 = chunk4JDRDPLC_cjs.str(attrs.language);
     return labels.codeBlockName(languageName(language2) ?? (language2 || labels.plainText));
   }
   if (block.type === "FILE" && hasFile(attrs)) return labels.fileBlockName(firstLine2(fileName(attrs)));
-  return firstLine2(chunkI7X7B3WD_cjs.blockPlainText(block, schema)) || blockTypeLabel(labels, block, definitions, extensionNames);
+  return firstLine2(chunk4JDRDPLC_cjs.blockPlainText(block, schema)) || blockTypeLabel(labels, block, definitions, extensionNames);
 };
 function revealLinkedBlock(controller, hash) {
   const id = linkedBlockId(hash);
@@ -6203,7 +6479,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(chunkFK7EBZPX_cjs.startOf(doc, schema, id)));
+  editor.dispatch(editor.createTransaction().setSelection(chunkZ5EEDCRI_cjs.startOf(doc, schema, id)));
   shell.scrollIntoView?.({ block: "center" });
   return true;
 }
@@ -6220,8 +6496,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(chunkFK7EBZPX_cjs.LINE_JOIN) !== true;
-var isEmptyText = (schema, block) => chunkFK7EBZPX_cjs.isTextFlow(schema, block) && chunkFK7EBZPX_cjs.regionLength(block, chunkFK7EBZPX_cjs.primaryRegion(schema, block) ?? "") === 0;
+var isBlockDeletion = (tr) => WRITER_ORIGINS.has(tr.origin) && tr.getMeta(chunkZ5EEDCRI_cjs.LINE_JOIN) !== true;
+var isEmptyText = (schema, block) => chunkZ5EEDCRI_cjs.isTextFlow(schema, block) && chunkZ5EEDCRI_cjs.regionLength(block, chunkZ5EEDCRI_cjs.primaryRegion(schema, block) ?? "") === 0;
 function filledLine({ origin, before }, schema) {
   const { selection } = before;
   if (origin !== "paste" || selection?.kind !== "text") return () => false;
@@ -6230,18 +6506,15 @@ function filledLine({ origin, before }, schema) {
 }
 function deletions(codec, tr) {
   const filled = filledLine(tr, tr.before.schema);
-  return tr.steps.flatMap((step, i) => {
-    if (step.stepType !== "removeBlocks") return [];
-    const { index, count } = step.toJSON();
-    if (typeof index !== "number" || typeof count !== "number") return [];
-    const { blocks } = tr.docs[i];
-    const first = codec.blocksFromDoc(chunkI7X7B3WD_cjs.createDoc(blocks.slice(0, index))).length;
+  return blockRemovals(tr).flatMap(({ step, index, count }) => {
+    const { blocks } = tr.docs[step];
+    const first = codec.blocksFromDoc(chunk4JDRDPLC_cjs.createDoc(blocks.slice(0, index))).length;
     return blocks.slice(index, index + count).flatMap((block, offset) => filled(block) ? [] : [{ block: codec.toQuoin(block), index: first + offset }]);
   });
 }
 function useDeleteReporter(controller, onDelete) {
   const latest = React7.useRef(onDelete);
-  chunk2QKFRKOP_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN25EH2GZ_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onDelete;
   });
   React7.useEffect(() => {
@@ -6253,6 +6526,61 @@ function useDeleteReporter(controller, onDelete) {
     });
   }, [controller]);
 }
+
+// src/canvas/upload-pasted-images.ts
+var FETCHABLE = /^https?:\/\//i;
+function pastedPictures(tr, state) {
+  if (tr.getMeta(chunkZ5EEDCRI_cjs.PASTED_HTML) !== true) return [];
+  return state.doc.blocks.flatMap(({ id, type, attrs }) => {
+    const url = chunk4JDRDPLC_cjs.str(attrs.url);
+    const pasted = type === "IMAGE" && FETCHABLE.test(url) && !chunk4JDRDPLC_cjs.str(attrs.storageKey) && !tr.before.doc.index.has(id);
+    return pasted ? [{ id, url }] : [];
+  });
+}
+async function pictureAt(url) {
+  const response = await fetch(url).catch(() => null);
+  const picture = response?.ok ? await response.blob().catch(() => null) : null;
+  if (!picture?.type.startsWith("image/")) return null;
+  return new File([picture], url.split(/[?#]/)[0].split("/").pop() || "image", { type: picture.type });
+}
+function uploadPastedImages(controller, tr, state, host) {
+  for (const { id, url } of pastedPictures(tr, state)) {
+    void pictureAt(url).then(async (file) => {
+      if (file === null) return;
+      await uploadImage(controller, id, file, host).catch(
+        (cause) => host.onError(new Error(cause instanceof Error && cause.message || host.failed))
+      );
+    });
+  }
+}
+
+// src/i18n/resolve-labels.ts
+var isRecord = (value) => typeof value === "object" && value !== null;
+function ontoRecords(overrides) {
+  const taken = Object.entries(overrides).map(([key, value]) => {
+    const fallback = englishLabels[key];
+    return [key, isRecord(value) && isRecord(fallback) ? { ...fallback, ...value } : value];
+  });
+  return Object.fromEntries(taken);
+}
+var resolveLabels = (overrides) => chunkZWTIRGY5_cjs.mergeLabels(englishLabels, overrides && ontoRecords(overrides));
+
+// src/canvas/use-stable-labels.ts
+var isRecord2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function sameEntries(a, b, deeper) {
+  const keys = Object.keys(a);
+  if (keys.length !== Object.keys(b).length) return false;
+  return keys.every((key) => {
+    const [x, y] = [a[key], b[key]];
+    return Object.is(x, y) || deeper && isRecord2(x) && isRecord2(y) && sameEntries(x, y, false);
+  });
+}
+var sameOverrides = (a, b) => a === b || a !== void 0 && b !== void 0 && sameEntries(a, b, true);
+function useStableLabels(overrides) {
+  const [kept, setKept] = React7.useState(overrides);
+  if (!sameOverrides(kept, overrides)) setKept(overrides);
+  return React7.useMemo(() => resolveLabels(kept), [kept]);
+}
 function useStructureAnnouncements(controller, labels) {
   React7.useEffect(() => {
     const undoKeys = formatShortcut("Mod-z", { isMac: controller.isMac, labels });
@@ -6300,7 +6628,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
   const [voidEditing] = React7.useState(createVoidEditing);
   const [uiStore] = React7.useState(createCanvasUiStore);
   const [allExtensions] = React7.useState(() => [
-    ...chunkFK7EBZPX_cjs.coreExtensions(),
+    ...chunkZ5EEDCRI_cjs.coreExtensions(),
     voidEditing.extension,
     blockMenuKeymap(uiStore),
     slashExtension(),
@@ -6309,7 +6637,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
     shortcutsExtension(uiStore),
     ...extensions ?? []
   ]);
-  const labels = React7.useMemo(() => resolveLabels(labelOverrides), [labelOverrides]);
+  const labels = useStableLabels(labelOverrides);
   const latestOnError = React7.useRef(onError);
   latestOnError.current = onError;
   const ui = React7.useMemo(
@@ -6318,12 +6646,17 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
   );
   useDefinitionWarnings(blockTypes, readOnly);
   const [focusOnMount] = React7.useState(autoFocus);
-  const controller = chunk2QKFRKOP_cjs.useQuoinEditor({
+  const controller = chunkN25EH2GZ_cjs.useQuoinEditor({
     blocks,
     onChange,
     readOnly,
     extensions: allExtensions,
     render: ui.render,
+    onTransaction(tr, state) {
+      if (!upload) return;
+      const host = { upload, resolveAssetUrl: resolveAssetUrl ?? String, onError: onError ?? console.error };
+      uploadPastedImages(controller, tr, state, { ...host, failed: labels.uploadFailed });
+    },
     onFiles(files, at) {
       const report = onError ?? console.error;
       void insertUploads(controller, files, at, {
@@ -6340,7 +6673,9 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
   useStructureAnnouncements(controller, labels);
   const actions = React7.useMemo(() => {
     const onCopied = () => controller.announce(labels.copied);
-    return menuActions(coreBlockMenuActions(labels, { blockLink, onCopied, resolveAssetUrl }), ui.blockMenuItems);
+    const onCopyFailed = () => controller.announce(labels.copyFailed ?? englishLabels.copyFailed);
+    const core = coreBlockMenuActions(labels, { blockLink, onCopied, onCopyFailed, resolveAssetUrl });
+    return menuActions(core, ui.blockMenuItems);
   }, [controller, labels, blockLink, resolveAssetUrl, ui.blockMenuItems]);
   const slashItems = React7.useMemo(
     () => [shortcutsSlashItem(labels, uiStore), ...ui.slashItems],
@@ -6366,7 +6701,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
     [controller, resolveAssetUrl]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(reactDirection.DirectionProvider, { dir: direction, children: /* @__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(
-    chunk2QKFRKOP_cjs.EditorView,
+    chunkN25EH2GZ_cjs.EditorView,
     {
       controller,
       renderers: ui.renderers,
@@ -6374,6 +6709,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
       id,
       "aria-label": ariaLabel ?? labels.document,
       hint: labels.editorHint,
+      rendererLabels: labels,
       paragraphLabel: labels.paragraph,
       selectedContentLabel: labels.selectedContent,
       blockLabel,
@@ -6400,22 +6736,25 @@ function progressText(state, labels) {
   return "";
 }
 function UploadField({ category, label, accept, onUploaded }) {
-  const { upload, onError } = useQuoin();
+  const { upload, onError, controller } = useQuoin();
   const labels = useLabels();
   const [state, setState] = React7__namespace.useState({ phase: "idle" });
   async function run(file) {
     if (!upload) return;
     setState({ phase: "busy" });
+    controller?.announce(labels.uploading);
     let result;
     try {
       result = await upload(file, category);
     } catch (cause) {
-      setState({ phase: "failed", message: cause instanceof Error && cause.message || labels.uploadFailed });
+      setState({ phase: "failed", message: uploadError(cause, labels.uploadFailed).message });
       return;
     }
     try {
       await onUploaded(result);
-      setState({ phase: "uploaded", name: result.filename || file.name });
+      const name = result.filename || file.name;
+      setState({ phase: "uploaded", name });
+      controller?.announce(labels.uploaded(name));
     } catch (cause) {
       onError(toError(cause));
       setState({ phase: "idle" });
@@ -6434,7 +6773,7 @@ function UploadField({ category, label, accept, onUploaded }) {
       }
     ),
     !upload && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "note", className: "text-xs text-muted-foreground", children: labels.uploadsUnavailable }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", className: progress === "" ? "sr-only" : "text-xs text-muted-foreground", children: progress }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { role: controller ? void 0 : "status", className: progress === "" ? "sr-only" : "text-xs text-muted-foreground", children: progress }),
     state.phase === "failed" && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "text-xs text-destructive", children: state.message })
   ] });
 }
@@ -6567,7 +6906,7 @@ function useAutosave({
     const seen = seenRef.current;
     seenRef.current = deps;
     if (seen === null) return;
-    const unchanged = chunkI7X7B3WD_cjs.sameItems(seen, deps);
+    const unchanged = chunk4JDRDPLC_cjs.sameItems(seen, deps);
     if (!unchanged) runner.markDirty();
   }, deps);
   React7__namespace.useEffect(() => {
@@ -6676,6 +7015,7 @@ exports.styleTargets = styleTargets;
 exports.suggestionPlugin = suggestionPlugin;
 exports.toError = toError;
 exports.useAutosave = useAutosave;
+exports.useClosing = useClosing;
 exports.useFocusKey = useFocusKey;
 exports.useLabels = useLabels;
 exports.useNodeKeys = useNodeKeys;
@@ -6685,3 +7025,4 @@ exports.useQuoin = useQuoin;
 exports.useRangeAnchor = useRangeAnchor;
 exports.useRovingFocus = useRovingFocus;
 exports.virtualAnchor = virtualAnchor;
+exports.watchDirection = watchDirection;