quoin-editor 2.0.4 → 2.1.0

package/dist/{chunk-G6NBQYMM.js → chunk-ZGFZRVQA.js}

@@ -1,9 +1,10 @@
-import { useQuoinEditor, EditorView, useIsomorphicLayoutEffect, inlineDirection, useReadOnly, useEditorState, listen, wholeState, NODE_ENTRY, useBlockDomId, useToggleOpen, ToggleChevron, EditableRegion, calloutTone, drawnBlockCount, isComposingKey, NATIVE_INTERACTION, CALLOUT_TONES, useRegionDomId, TaskCheckbox, useOrderedNumber, createAutoScroll, arrowAsWritten, domMapOf, dispatchSelection, regionInline, onBlock, hostKey, BlockErrorContext, textDiff, moveToNeighbour, visibleBlockIndexes } from './chunk-2BPXVQBP.js';
+import { englishRendererLabels, useQuoinEditor, EditorView, useIsomorphicLayoutEffect, inlineDirection, useReadOnly, ToggleBlock, useEditorState, listen, wholeState, NODE_ENTRY, EditableRegion, MarkdownText, drawnBlockCount, isComposingKey, NATIVE_INTERACTION, createAutoScroll, arrowAsWritten, domMapOf, dispatchSelection, regionInline, onBlock, hostKey, BlockErrorContext, textDiff, moveToNeighbour, visibleBlockIndexes } from './chunk-MO4UMXMT.js';
 import { mergeLabels } from './chunk-DLQCTGC3.js';
 import { defineBlock, devWarn, highlightedLines, blockByType, paletteBlocks, tokenColour, seedData, parsedData } from './chunk-HDJ653LM.js';
-import { createPluginKey, coreExtensions, defineExtension, duplicateBlocks, primaryRegion, regionLength, headBlockId, sameSelection, Transaction, insertBlocksStep, startOf, replaceBlockStep, descendantsEnd, LINE_JOIN, detectMac, selectedBlockIds, blockRangeSelection, runCommands, setSelection, selectedBlockRange, toMarkdown, isCollapsed, createBlock, isParagraph, nodeSelection, setAttrsStep, LINE_SPLIT, validateSelection, endOf, insertBlockAfter, insertText, isTextFlow, markRanges, setTextAlign, orderedRange, unsetLink, textSelection, toggleMark, isActive, setBlockType, getPluginState, rangeContent, unsetMark, setMark, markExtent, setLink, deleteBlocks, setAttrs, HISTORY_GROUP, setBlockColor, removeMarkStep, caretMarks, replaceInlineStep, keyName, normalizeKey, movedBlockIds, moveBlocksUp, moveBlocksDown, selectAll, redo, undo, moveBlocksTo, indent, outdent } from './chunk-5RBMZGKV.js';
-import { str, blockPlainText, sanitizeHref, inlineText, parseInline, newId, createDoc, sameItems, headingLevel, sanitizeAssetUrl, blockById, sliceInline, specFor, createBlockCodec, hasMark, alignOrUndefined, optionalNumber, requireBlockIndex, SCHEME, inlineLength, paletteOrUndefined, PALETTE, addMark, text, sameValue } from './chunk-7Y4B7NHO.js';
-import { DirectionProvider } from '@radix-ui/react-direction';
+import { calloutTone, CALLOUT_TONES } from './chunk-PIWMU4BV.js';
+import { createPluginKey, coreExtensions, defineExtension, duplicateBlocks, primaryRegion, regionLength, headBlockId, sameSelection, Transaction, insertBlocksStep, startOf, replaceBlockStep, descendantsEnd, PASTED_HTML, LINE_JOIN, detectMac, selectedBlockIds, blockRangeSelection, runCommands, setSelection, selectedBlockRange, toMarkdown, graphemePrefix, isCollapsed, createBlock, isParagraph, nodeSelection, validateSelection, endOf, insertText, isTextFlow, markRanges, setTextAlign, orderedRange, unsetLink, textSelection, setAttrsStep, LINE_SPLIT, toggleMark, isActive, setBlockType, getPluginState, rangeContent, unsetMark, setMark, markExtent, setLink, deleteBlocks, setAttrs, HISTORY_GROUP, setBlockColor, removeMarkStep, caretMarks, replaceInlineStep, keyName, normalizeKey, movedBlockIds, isClosedToggle, selectAll, redo, undo, moveBlocksUp, moveBlocksDown, moveBlocksTo, indent, outdent } from './chunk-TL2MJOWM.js';
+import { str, blockPlainText, sanitizeHref, inlineText, parseInline, newId, createDoc, sameItems, headingLevel, sanitizeAssetUrl, blockById, sliceInline, specFor, createBlockCodec, hasMark, alignOrUndefined, optionalNumber, requireBlockIndex, SCHEME, inlineLength, paletteOrUndefined, PALETTE, addMark, text, sameValue } from './chunk-I34BFOLL.js';
+import { DirectionProvider, useDirection } from '@radix-ui/react-direction';
 import * as React7 from 'react';
 import { createContext, forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, Fragment as Fragment$1, useContext, useSyncExternalStore, useCallback, useId, createElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -447,21 +448,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" },
+  ...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",
@@ -484,18 +473,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"}`,
@@ -559,6 +551,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`,
@@ -751,9 +744,8 @@ function CalloutPreview({ data }) {
   const labels = useLabels();
   const body = str(data.body);
   if (body.trim() === "") return /* @__PURE__ */ jsx("p", { className: HINT, children: labels.emptyCallout });
-  const tone = str(data.tone) || "info";
-  const paint = TONE[tone] ?? "border-border bg-muted/50";
-  return /* @__PURE__ */ jsx("div", { "data-tone": tone, className: `rounded-md border-l-4 ${paint} p-3 text-sm`, children: body });
+  const tone = calloutTone(data.tone);
+  return /* @__PURE__ */ jsx("div", { "data-tone": tone, className: `rounded-md border-l-4 ${TONE[tone]} p-3 text-sm`, children: body });
 }
 
 // src/blocks/core.ts
@@ -873,7 +865,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) => {
@@ -949,7 +942,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";
@@ -965,24 +961,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__ */ jsx(ContextMenuPrimitive.Root, { modal, ...props });
 }
@@ -1073,7 +1069,7 @@ var ContextMenuSubTrigger = /* @__PURE__ */ React7.forwardRef(function ContextMe
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4 rtl:rotate-180" })
       ]
     }
   );
@@ -1090,74 +1086,14 @@ var ContextMenuSubContent = /* @__PURE__ */ React7.forwardRef(function ContextMe
   );
 });
 
-// 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 = selectedBlockIds(doc, result);
-  const head = headBlockId(before);
-  if (head !== null && ids.includes(head) && validateSelection(doc, schema, before) === before) return before;
-  return 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 = sameItems(selectedBlockIds(state.doc, before), ids);
-  const ran = exact ? before : blockRangeSelection(ids[0], ids[ids.length - 1]);
-  const { ok, tr } = runCommands(state, [setSelection(ran), command]);
-  const result = ok && tr !== null ? tr : new Transaction(state).setSelection(ran);
-  const settled = exact ? result.selection : settle(result, before);
-  if (!sameSelection(settled, result.selection)) result.setSelection(settled);
-  if (result.docChanged || !sameSelection(result.selection, before)) controller.dispatch(result);
-  return ok;
-}
-var noChange = () => true;
-
-// src/gutter/block-menu-items.ts
-var rangeOf = (blockIds) => blockRangeSelection(blockIds[0], blockIds[blockIds.length - 1]);
+// src/canvas/block-targets.ts
 function selectedWith(state, blockId) {
   const { doc, selection } = state;
   const selected = 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;
@@ -1167,73 +1103,10 @@ function menuTargets(state, blockId) {
 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 = selectedBlockRange(doc, rangeOf(blockIds));
-  if (range === null) return "";
-  const blocks = editor.codec.blocksFromDoc(createDoc(doc.blocks.slice(range.start, range.end)));
-  return toMarkdown(blocks, { schema: editor.schema, resolveAssetUrl, comments: false });
-}
-var applies = (command) => (state, blockIds) => blockIds.every((id) => state.doc.index.has(id)) && runCommands(state, [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, 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, moveBlocksUp),
-      available: applies(moveBlocksUp)
-    },
-    {
-      id: "move-down",
-      label: labels.moveDown,
-      icon: ArrowDown,
-      shortcut: "Mod-Shift-ArrowDown",
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, moveBlocksDown),
-      available: applies(moveBlocksDown)
-    },
-    {
-      id: "delete",
-      label: labels.delete,
-      icon: Trash,
-      destructive: true,
-      run: (controller, blockIds) => runOnBlocks(controller, blockIds, 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) {
@@ -1258,9 +1131,39 @@ 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__ */ jsx("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ 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 = selectedBlockIds(doc, result);
+  const head = headBlockId(before);
+  if (head !== null && ids.includes(head) && validateSelection(doc, schema, before) === before) return before;
+  return 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 = sameItems(selectedBlockIds(state.doc, before), ids);
+  const ran = exact ? before : blockRangeSelection(ids[0], ids[ids.length - 1]);
+  const { ok, tr } = runCommands(state, [setSelection(ran), command]);
+  const result = ok && tr !== null ? tr : new Transaction(state).setSelection(ran);
+  const settled = exact ? result.selection : settle(result, before);
+  if (!sameSelection(settled, result.selection)) result.setSelection(settled);
+  if (result.docChanged || !sameSelection(result.selection, before)) controller.dispatch(result);
+  return ok;
+}
+var noChange = () => true;
 var sharedTone = (blocks) => {
   const tones = new Set(blocks.map((block) => calloutTone(block.attrs.tone)));
   return tones.size === 1 ? [...tones][0] : "";
@@ -1292,7 +1195,7 @@ function sharedColor(blocks, key) {
   return colors.size === 1 ? [...colors][0] : "";
 }
 var swatches = {
-  color: (name) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-color": name, className: "w-4 text-center font-medium", children: "A" }),
+  color: (name, labels) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-color": name, className: "w-4 text-center font-medium", children: labels.textColorSample ?? englishLabels.textColorSample }),
   background: (name) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-bg": name, className: "size-4 rounded-sm border border-border" })
 };
 function ColorGroups({ kit, value, onPick }) {
@@ -1302,7 +1205,7 @@ function ColorGroups({ kit, value, onPick }) {
   const group = (key, title, titleId) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(kit.Label, { id: titleId, children: title }),
     /* @__PURE__ */ jsx(kit.RadioGroup, { "aria-labelledby": titleId, value: value[key], onValueChange: (name) => onPick(key, name), children: PALETTE.map((name) => /* @__PURE__ */ jsxs(kit.RadioItem, { value: name, indicator: /* @__PURE__ */ jsx(Check, { className: "size-4" }), children: [
-      swatches[key](name),
+      swatches[key](name, labels),
       labels.colors[name]
     ] }, name)) })
   ] });
@@ -1623,13 +1526,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 = 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) {
@@ -1714,7 +1620,7 @@ function CodeEditor({ block, controller, field, focusControls }) {
     const area = event.currentTarget;
     if (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__ */ jsx("div", { ...{ [NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxs("div", { className: "quoin-code-lines", children: [
     /* @__PURE__ */ jsx(
@@ -1752,6 +1658,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
@@ -1848,10 +1786,12 @@ var PopoverAnchor = /* @__PURE__ */ React7.forwardRef(function PopoverAnchor2(pr
   return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { ref, "data-slot": "popover-anchor", ...props });
 });
 var PopoverContent = /* @__PURE__ */ React7.forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
+  const dir = useDirection();
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     {
       ref,
+      dir,
       "data-slot": "popover-content",
       align,
       sideOffset,
@@ -2018,6 +1958,7 @@ var CodeBlock = ({ block, controller }) => {
 };
 function FilePickerButton({ label, accept, disabled, busy = false, onPick }) {
   const inputRef = React7.useRef(null);
+  const wrapper = React7.useRef(null);
   const restoreFocus = React7.useRef(false);
   React7.useEffect(() => {
     if (disabled || !restoreFocus.current) return;
@@ -2025,34 +1966,49 @@ function FilePickerButton({ label, accept, disabled, busy = false, onPick }) {
     const { activeElement } = document;
     if (activeElement === null || activeElement === document.body) inputRef.current?.focus();
   }, [disabled]);
-  return /* @__PURE__ */ 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__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: disabled || busy ? "pointer-events-none opacity-50" : void 0, children: [
-      /* @__PURE__ */ jsx(Upload, { "aria-hidden": "true" }),
-      label
-    ] }) }),
-    /* @__PURE__ */ 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.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__ */ 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__ */ jsx(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: disabled || busy ? "pointer-events-none opacity-50" : void 0, children: [
+          /* @__PURE__ */ jsx(Upload, { "aria-hidden": "true" }),
+          label
+        ] }) }),
+        /* @__PURE__ */ 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
@@ -2099,6 +2055,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();
@@ -2112,12 +2091,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]
@@ -2142,6 +2122,7 @@ function UploadArea(props) {
     element?.addEventListener("drop", onDrop);
     return () => element?.removeEventListener("drop", onDrop);
   }, [start, takes]);
+  useEffect(() => offerUploadTarget(controller, blockId, { takes, start }), [controller, blockId, takes, start]);
   const onPaste = (event) => {
     const file = fileIn(event.clipboardData, takes);
     if (file === void 0) return;
@@ -2162,7 +2143,7 @@ function UploadArea(props) {
         ] }),
         children,
         /* @__PURE__ */ jsx("p", { className: "quoin-block-message", children: upload ? hint : labels.uploadsUnavailable }),
-        /* @__PURE__ */ jsx("p", { role: "status", className: busy ? "quoin-block-message" : "sr-only", children: busy ? labels.uploading : "" }),
+        busy && /* @__PURE__ */ jsx("p", { className: "quoin-block-message", children: labels.uploading }),
         error !== "" && /* @__PURE__ */ jsx("p", { role: "alert", className: "quoin-block-message text-destructive", children: error })
       ]
     }
@@ -2170,8 +2151,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);
   useEffect(() => {
     if (!editing) return;
     stop();
@@ -2191,7 +2172,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;
@@ -2275,6 +2256,7 @@ function assetOf(controller, blockId, type) {
   if (block?.type !== type || controller.readOnly) return null;
   return { url: str(block.attrs.url), storageKey: 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;
@@ -2285,7 +2267,7 @@ async function uploadInto(controller, blockId, file, { type, category }, { uploa
   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);
@@ -2335,7 +2317,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 {
@@ -2385,37 +2367,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) => isActive(state, mark),
-    run: (controller) => void controller.run(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__ */ jsx(
     Button,
     {
@@ -2425,8 +2380,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__ */ jsx(Icon2, {})
     }
   );
@@ -2535,10 +2494,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: () => {
@@ -2559,9 +2520,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 = listen(doc, { compositionend: afterView });
+      const onWindowBlur = () => {
+        release();
+        notify();
+      };
+      const stopWindow = doc.defaultView ? listen(doc.defaultView, { blur: onWindowBlur }) : () => {
+      };
       const stopState = controller.editor.subscribe(() => notify());
       return () => {
         listeners2.forEach((remove) => remove());
+        timers.forEach(clearTimeout);
+        stopDoc();
+        stopWindow();
         stopState();
       };
     }
@@ -2620,6 +2599,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 = 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;
@@ -2731,6 +2727,7 @@ function ImageFigure({ block, controller, readOnly }) {
   const badgeText = labels.noAltBadge ?? englishLabels.noAltBadge;
   const badgeName = labels.addAltText ?? englishLabels.addAltText;
   const translatedAlone = badgeText !== englishLabels.noAltBadge && badgeName === englishLabels.addAltText;
+  useEffect(() => payOwedSize(controller, id), [controller, id, attrs.storageKey]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { ref: frame, className: "quoin-image-frame", style: width === void 0 ? void 0 : { width: `${width}%` }, children: [
       src !== null && src !== failed ? /* @__PURE__ */ jsx(
@@ -2787,12 +2784,14 @@ 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();
@@ -2872,9 +2871,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);
@@ -2960,6 +2957,28 @@ var ImageBlock = ({ block, controller }) => {
     }
   );
 };
+function useClosing(controller, { store, onClose, onReturn }) {
+  const closed = useRef(false);
+  const finish = (save, refocus = false) => {
+    if (closed.current) return false;
+    closed.current = true;
+    if (save) store(refocus);
+    return true;
+  };
+  const latestFinish = useRef(finish);
+  latestFinish.current = finish;
+  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 = useRef(onPress);
   useIsomorphicLayoutEffect(() => {
@@ -2997,29 +3016,18 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
   const [marked, setMarked] = useState(decorative);
   const fieldId = useId();
   const hintId = `${fieldId}-hint`;
-  const closed = 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 = useRef(finish);
-  latestFinish.current = finish;
-  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()
+  });
   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 = useRef(null);
   const ownerDocument = useCallback(() => controller.root?.ownerDocument ?? document, [controller]);
   useOutsidePress(content, ownerDocument, (target) => {
@@ -3099,6 +3107,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 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 = [
@@ -3158,6 +3181,7 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
   const picker = useReplacePicker(controller, blockId, uploadImage, "image/*");
   const altButton = useRef(null);
   const anchor = usePartAnchor(controller, blockId, ".quoin-image-frame");
+  const altAnchor = useAroundToolbar(anchor, altButton);
   const attrs = blockById(state.doc, blockId)?.attrs ?? {};
   const items = imageToolbarItems(blockId, labels, {
     replace: picker.open,
@@ -3182,7 +3206,7 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
         {
           blockId,
           controller,
-          anchor,
+          anchor: altAnchor,
           opener: altButton,
           alt: str(attrs.alt),
           decorative: attrs.decorative === true,
@@ -3312,7 +3336,7 @@ var DropdownMenuSubTrigger = /* @__PURE__ */ React7.forwardRef(function Dropdown
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4 rtl:rotate-180" })
       ]
     }
   );
@@ -3358,7 +3382,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__ */ jsxs(DropdownMenu, { children: [
@@ -3370,7 +3394,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
       }
     ) }),
@@ -3389,6 +3413,7 @@ var CalloutBlock = ({ block, controller }) => {
   const readOnly = useReadOnly(controller);
   const tone = calloutTone(block.attrs.tone);
   const icon = calloutIcon(block.attrs, tone);
+  const toneInWords = !iconTellsTone(block.attrs, tone);
   return /* @__PURE__ */ jsxs("div", { className: cn("quoin-callout group/callout flex items-start gap-2", TONE[tone]), "data-tone": tone, children: [
     readOnly ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex size-6 items-center justify-center text-base", children: icon }) : /* @__PURE__ */ jsx(CalloutIconMenu, { blockId: block.id, controller, icon }),
     /* @__PURE__ */ jsx(
@@ -3400,7 +3425,7 @@ var CalloutBlock = ({ block, controller }) => {
         className: "min-w-0 flex-1"
       }
     ),
-    !readOnly && /* @__PURE__ */ jsx(CalloutToneMenu, { blockId: block.id, controller, tone })
+    readOnly ? toneInWords && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex h-6 items-center px-2 text-xs", children: labels.calloutTones[tone] }) : /* @__PURE__ */ jsx(CalloutToneMenu, { blockId: block.id, controller, tone, alwaysShown: toneInWords })
   ] });
 };
 var DividerBlock = ({ block, controller }) => /* @__PURE__ */ jsx("div", { className: "py-2", contentEditable: false, onClick: () => focusNode(controller, block.id), children: /* @__PURE__ */ jsx("hr", { className: "border-t border-border" }) });
@@ -3454,80 +3479,11 @@ function orderedLabel(n, depth) {
 function ListMarker(props) {
   const text2 = props.list === "bullet" ? bulletGlyph(props.depth) : orderedLabel(props.number, props.depth);
   return /* @__PURE__ */ 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 = headingLevel(block.attrs.level);
-  return /* @__PURE__ */ jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
-}
-function NumberedItem({ block, controller }) {
-  const labels = useLabels();
-  const number = useOrderedNumber(controller, block.id);
-  return /* @__PURE__ */ jsxs("div", { className: "quoin-list-item", "data-list": "ordered", children: [
-    /* @__PURE__ */ jsx(ListMarker, { list: "ordered", number, depth: block.indent }),
-    /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
-  ] });
-}
-function TaskItem({ block, controller }) {
-  const labels = useLabels();
-  const hostId = useRegionDomId(block.id, REGION);
-  return /* @__PURE__ */ jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-    /* @__PURE__ */ jsx(TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
-    /* @__PURE__ */ jsx(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__ */ jsx(Heading, { block });
-    case "bullet":
-      return /* @__PURE__ */ jsxs("div", { className: "quoin-list-item", "data-list": "bullet", children: [
-        /* @__PURE__ */ jsx(ListMarker, { list: "bullet", depth: block.indent }),
-        /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
-      ] });
-    case "ordered":
-      return /* @__PURE__ */ jsx(NumberedItem, { ...props });
-    case "task":
-      return /* @__PURE__ */ jsx(TaskItem, { ...props });
-    case "quote":
-      return /* @__PURE__ */ jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
-    default:
-      return /* @__PURE__ */ jsx(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, descendantsEnd(doc, index)).map((block) => block.id);
-}
-function useNestedBlocks(controller, blockId) {
-  return useEditorState(controller, (state) => nestedBlockIds(state, blockId), sameItems);
-}
-var ToggleBlock = ({ block, controller }) => {
-  const labels = useLabels();
-  const domId = useBlockDomId();
-  const nested = useNestedBlocks(controller, block.id);
-  const open = useToggleOpen(controller, block);
-  return /* @__PURE__ */ jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
-    /* @__PURE__ */ jsx(
-      ToggleChevron,
-      {
-        block,
-        controller,
-        label: labels.toggleButton(open ? 0 : nested.length),
-        controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
-      }
-    ),
-    /* @__PURE__ */ jsx(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__ */ jsx(MarkdownText, { ...props, look: CANVAS_LOOK });
 
 // src/blocks/text/text-renderers.ts
 var textRenderers = {
@@ -3551,6 +3507,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) ? blockByType(definitions, type)?.label : void 0;
 function drawnInPlace(definitions, type) {
   return Object.hasOwn(inPlaceRenderers, type) && blockByType(definitions, type) !== void 0 && !hostDefines(definitions, type);
 }
@@ -3586,10 +3543,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__ */ jsxs(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, setBlockType(target.type, target.attrs)), children: [
+  const targets2 = turnIntoTargets(labels).filter((target) => drawsType(blockTypes, target.type));
+  return targets2.map((target) => /* @__PURE__ */ jsxs(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, setBlockType(target.type, target.attrs)), children: [
     /* @__PURE__ */ jsx(MenuIcon, { icon: target.icon }),
-    target.label
+    hostLabel(blockTypes, target.type) ?? target.label
   ] }, target.id));
 }
 function TurnIntoMenu(props) {
@@ -3687,8 +3644,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();
@@ -3696,7 +3660,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 listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
+    return listen(root, { pointerdown: onPointerDown, mousedown: onMouseDown, contextmenu: onContextMenu });
   }, [controller, store, trigger]);
 }
 
@@ -3720,6 +3684,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) ?? blockByType(definitions, block.type)?.label ?? labels.unsupportedBlock;
@@ -3782,6 +3748,72 @@ function BlockContextMenu({ controller, store, actions }) {
   );
 }
 
+// src/gutter/block-menu-items.ts
+var rangeOf = (blockIds) => 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 = selectedBlockRange(doc, rangeOf(blockIds));
+  if (range === null) return "";
+  const blocks = editor.codec.blocksFromDoc(createDoc(doc.blocks.slice(range.start, range.end)));
+  return toMarkdown(blocks, { schema: editor.schema, resolveAssetUrl, comments: false });
+}
+var applies = (command) => (state, blockIds) => blockIds.every((id) => state.doc.index.has(id)) && runCommands(state, [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, 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, moveBlocksUp),
+      available: applies(moveBlocksUp)
+    },
+    {
+      id: "move-down",
+      label: labels.moveDown,
+      icon: ArrowDown,
+      shortcut: "Mod-Shift-ArrowDown",
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, moveBlocksDown),
+      available: applies(moveBlocksDown)
+    },
+    {
+      id: "delete",
+      label: labels.delete,
+      icon: Trash,
+      destructive: true,
+      run: (controller, blockIds) => runOnBlocks(controller, blockIds, deleteBlocks)
+    }
+  ];
+}
+
 // src/gutter/block-menu-keymap.ts
 function blockMenuKeymap(store) {
   const openForHead = (state, dispatch) => {
@@ -3855,14 +3887,28 @@ var DragOverlay = 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 [drawnBlockCount(doc, 0, index) + 1, drawnBlockCount(doc)];
+  const index = doc.index.get(blockId);
+  return index === void 0 ? null : [drawnBlockCount(doc, 0, index) + 1, 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");
@@ -3872,19 +3918,39 @@ 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 + drawnBlockCount(tr.docs[i], index, index + count);
-  }, 0);
+  return blockRemovals(tr).reduce(
+    (deleted, { step, index, count }) => deleted + drawnBlockCount(tr.docs[step], index, index + count),
+    0
+  );
 }
-function insertedBlock(tr) {
-  if (tr.getMeta(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 = isParagraph(block) && regionLength(block, primaryRegion(tr.before.schema, block) ?? "") === 0;
+  return empty && selection?.kind === "text" && selection.head.block === block.id;
+}
+function insertedBlocks(tr) {
+  if (tr.getMeta(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) && 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(LINE_JOIN) === true) return null;
@@ -3892,36 +3958,56 @@ function structureAnnouncement(tr, labels, undoKeys) {
   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 visibleBlockIndexes(doc).flatMap((index) => {
-    const { id, indent: indent3 } = doc.blocks[index];
-    const shell = controller.blockElement(id);
+    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: 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);
@@ -3936,7 +4022,7 @@ function measureDrag(controller, root, ids) {
   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);
@@ -3967,6 +4053,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);
@@ -3974,7 +4061,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 };
 }
 
@@ -3984,7 +4072,7 @@ 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;
@@ -4017,6 +4105,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 } });
@@ -4027,6 +4116,7 @@ function followPress(press, root, view) {
     if (done) return;
     done = true;
     unlistenDocument();
+    unlistenScroll();
     unlistenBlur();
     unlistenKeys();
     scroll.stop();
@@ -4065,6 +4155,7 @@ function followPress(press, root, view) {
     finish();
   }
   const unlistenDocument = listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
+  const unlistenScroll = listen(doc, { scroll: follow }, true);
   const unlistenBlur = listen(view, { blur: finish });
   const unlistenKeys = listen(view, { keydown: onKeyDown }, true);
   return finish;
@@ -4101,9 +4192,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) {
@@ -4113,15 +4204,42 @@ 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 = useCallback(
+    (notify) => {
+      const list2 = listOf(query);
+      list2?.addEventListener("change", notify);
+      return () => list2?.removeEventListener("change", notify);
+    },
+    [query]
+  );
+  const read2 = () => listOf(query)?.matches ?? unsupported;
+  return 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 = requireBlockIndex(doc, blockId);
+  const paragraph = createBlock(schema, "MARKDOWN", { kind: "paragraph" }, doc.blocks[index].indent);
+  const tr = new Transaction(state).step(insertBlocksStep(descendantsEnd(doc, index), [paragraph]));
+  dispatch?.(tr.setSelection(startOf(tr.doc, schema, paragraph.id)));
+  return true;
+};
 function addBlockBelow(controller, blockId) {
   const { state } = controller.editor;
   const { doc, schema } = state;
-  const block = blockById(doc, blockId);
-  if (block === void 0) return false;
-  const empty = isParagraph(block) && regionLength(block, primaryRegion(schema, block) ?? "") === 0;
-  const fill = empty ? setSelection(startOf(doc, schema, blockId)) : insertBlockAfter("MARKDOWN", { kind: "paragraph" });
+  const index = doc.index.get(blockId);
+  if (index === void 0) return false;
+  const block = doc.blocks[index];
+  const alone = descendantsEnd(doc, index) === index + 1;
+  const empty = alone && isParagraph(block) && regionLength(block, primaryRegion(schema, block) ?? "") === 0;
+  const fill = empty ? setSelection(startOf(doc, schema, blockId)) : paragraphAfter(blockId);
   const slash = insertText("/", { origin: "command" });
   const { ok, tr } = runCommands(state, [setSelection(blockRangeSelection(blockId)), fill, slash]);
   if (ok && tr !== null) controller.dispatch(tr);
@@ -4172,6 +4290,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 = inlineDirection(element);
+  const observer = new MutationObserver(() => {
+    const next = 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;
@@ -4214,12 +4346,14 @@ 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);
     };
@@ -4261,6 +4395,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 = useRef(null);
   const overlay = useRef(null);
   const menuOpenAtPress = useRef(false);
@@ -4306,7 +4441,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";
@@ -4328,17 +4463,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) => mergeLabels(englishLabels, overrides && ontoRecords(overrides));
-
 // src/menus/floating/range-rect.ts
 var TEXT_NODE = 3;
 function lineBox(rect, host) {
@@ -4457,6 +4581,39 @@ function AlignDropdown({ controller, state }) {
     labels[LABEL_KEYS[align]]
   ] }, align)) }) });
 }
+
+// src/toolbar/toolbar-items.ts
+function markItem(mark, title, icon) {
+  return {
+    id: mark,
+    title,
+    icon,
+    isActive: (state) => isActive(state, mark),
+    run: (controller) => void controller.run(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();
@@ -4486,6 +4643,22 @@ function TurnIntoDropdown({ controller, state }) {
   ] });
   return /* @__PURE__ */ jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: selectedBlockIds(state.doc, state.selection) }) });
 }
+function useFocusBackToText(controller, holds = isBubblePart) {
+  const latest = useRef(holds);
+  useIsomorphicLayoutEffect(() => {
+    latest.current = holds;
+  });
+  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 = useEditorState(controller, wholeState);
@@ -4493,6 +4666,7 @@ function BubbleToolbar({ controller, labels, store, extraItems }) {
   const roving = useRovingFocus();
   const items = 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) {
@@ -4531,20 +4705,6 @@ 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 = useCallback(
-    (notify) => {
-      const list2 = listOf(query);
-      list2?.addEventListener("change", notify);
-      return () => list2?.removeEventListener("change", notify);
-    },
-    [query]
-  );
-  const read2 = () => listOf(query)?.matches ?? unsupported;
-  return useSyncExternalStore(subscribe3, read2, readOnServer);
-}
 
 // src/menus/bubble/use-fine-pointer.ts
 var useFinePointer = () => useMediaQuery("(pointer: fine)", true);
@@ -4590,6 +4750,12 @@ function linkAtSelection(state) {
   const { from, to } = 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]";
@@ -4604,13 +4770,18 @@ function linkAtElement(controller, state, element) {
   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 = sanitizeHref(href);
+  if (!safe) return null;
+  return /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx("a", { href: safe, target: "_blank", rel: "noopener noreferrer", "aria-label": label, children: /* @__PURE__ */ jsx(ExternalLink, {}) }) });
+}
 
 // src/menus/link/truncate-middle.ts
 var ELLIPSIS = "\u2026";
@@ -4671,7 +4842,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 () => {
@@ -4682,15 +4853,16 @@ function usePointerLink(controller, card, delay) {
   return { element, dismiss: 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 = useEditorState(controller, wholeState);
-  const link = useMemo(
-    () => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
-    [controller, state, element]
+  const select = useCallback(
+    (state) => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
+    [controller, element]
   );
+  const link = useEditorState(controller, select, sameLink);
   const anchor = useMemo(() => {
     if (link === null) return { current: null };
     const { range } = link;
@@ -4699,7 +4871,6 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
   }, [controller, link]);
   if (link === null) return null;
   const { block, region, from, to } = link.range;
-  const href = sanitizeHref(link.href);
   const address = truncateMiddle(link.href, URL_LENGTH);
   const edit2 = () => {
     if (element !== null) {
@@ -4718,6 +4889,7 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
       PopoverContent,
       {
         ref: cardRef,
+        role: "group",
         "aria-label": labels.link,
         side: "bottom",
         align: "start",
@@ -4728,8 +4900,19 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
         onMouseDown: keepFocus,
         children: [
           /* @__PURE__ */ jsx("span", { className: ADDRESS, title: address === link.href ? void 0 : link.href, children: address }),
-          href !== null && /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "aria-label": labels.linkOpen, children: /* @__PURE__ */ jsx(ExternalLink, {}) }) }),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkEdit, onClick: edit2, children: /* @__PURE__ */ jsx(Pencil, {}) }),
+          /* @__PURE__ */ jsx(OpenLinkButton, { href: link.href, label: labels.linkOpen }),
+          /* @__PURE__ */ 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__ */ jsx(Pencil, {})
+            }
+          ),
           /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: unlink, children: /* @__PURE__ */ jsx(Unlink, {}) })
         ]
       }
@@ -4769,6 +4952,7 @@ function applyLink(href, value) {
 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;
@@ -4786,7 +4970,8 @@ function LinkPopover({ controller, labels, onClose }) {
   const [invalid, setInvalid] = useState(false);
   const messageId = useId();
   const anchor = useMemo(() => ({ current: popoverAnchor(controller, link) }), [controller, link]);
-  const openHref = link && sanitizeHref(link.href);
+  const content = useRef(null);
+  useFocusBackToText(controller, (focused) => focused !== null && content.current?.contains(focused) === true);
   const backToText = () => {
     onClose();
     controller.focus();
@@ -4798,7 +4983,11 @@ 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();
   };
@@ -4806,6 +4995,13 @@ function LinkPopover({ controller, labels, onClose }) {
     controller.run(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__ */ jsxs(
     Popover,
     {
@@ -4819,6 +5015,7 @@ function LinkPopover({ controller, labels, onClose }) {
         /* @__PURE__ */ jsxs(
           PopoverContent,
           {
+            ref: content,
             "aria-label": labels.link,
             side: "bottom",
             align: "start",
@@ -4828,6 +5025,7 @@ function LinkPopover({ controller, labels, onClose }) {
               event.preventDefault();
               backToText();
             },
+            onKeyDown: tabOut,
             children: [
               /* @__PURE__ */ jsxs("form", { noValidate: true, className: "flex items-center gap-0.5", onSubmit: apply, children: [
                 /* @__PURE__ */ jsx(
@@ -4843,10 +5041,10 @@ function LinkPopover({ controller, labels, onClose }) {
                   }
                 ),
                 /* @__PURE__ */ jsx(Button, { type: "submit", variant: "ghost", size: "icon-sm", "aria-label": labels.linkApply, children: /* @__PURE__ */ jsx(Check, {}) }),
-                openHref && /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx("a", { href: openHref, target: "_blank", rel: "noopener noreferrer", "aria-label": labels.linkOpen, children: /* @__PURE__ */ jsx(ExternalLink, {}) }) }),
+                link !== null && /* @__PURE__ */ jsx(OpenLinkButton, { href: link.href, label: labels.linkOpen }),
                 link !== null && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: remove, children: /* @__PURE__ */ jsx(Unlink, {}) })
               ] }),
-              invalid && /* @__PURE__ */ jsx("p", { id: messageId, role: "alert", className: MESSAGE, children: labels.invalidLink })
+              invalid && /* @__PURE__ */ jsx("p", { id: messageId, className: MESSAGE, children: labels.invalidLink })
             ]
           }
         )
@@ -4903,7 +5101,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;
   }
@@ -4934,11 +5133,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;
 }
@@ -4946,15 +5147,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;
+      const dismissing = tr.getMeta(DISMISS) !== void 0;
       if (!dismissing && !tr.docChanged && 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 {
@@ -4997,7 +5198,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],
@@ -5061,33 +5262,59 @@ function useRangeAnchor(controller, range) {
   }, [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 = useRef(null);
-  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]);
+  const open = block !== null && region !== null;
+  const docWhileOpen = useCallback((state) => open ? state.doc : null, [open]);
+  useEditorState(controller, docWhileOpen);
+  const opened = useRef(null);
   useIsomorphicLayoutEffect(() => {
-    if (host.current !== null) restore(host.current, "aria-activedescendant", activeOptionId);
-  }, [block, region, activeOptionId]);
+    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);
+  });
+  useIsomorphicLayoutEffect(
+    () => () => {
+      opened.current?.close();
+      opened.current = null;
+    },
+    []
+  );
 }
 
 // src/menus/suggestion/group-items.ts
@@ -5144,11 +5371,6 @@ 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";
@@ -5199,7 +5421,8 @@ function useSuggestion({
   itemKey: itemKey2,
   groupOf: groupOf2,
   onSelect,
-  emptyLabel
+  emptyLabel,
+  countLabel
 }) {
   const { labels, onError } = useQuoin();
   const readOnly = useReadOnly(controller);
@@ -5227,19 +5450,31 @@ function useSuggestion({
   const select = useCallback(
     (index) => {
       const current = getPluginState(controller.editor.state, pluginKey).active;
-      if (current !== null && index < ordered.length) onSelect(ordered[index], rangeOf2(current));
+      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 = 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 = useRef(null);
   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 };
@@ -5469,7 +5704,7 @@ 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 = headBlockId(controller.editor.state.selection);
@@ -5491,9 +5726,6 @@ function mobileItems(labels, openLink) {
     ]
   };
 }
-
-// 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);
@@ -5506,6 +5738,7 @@ function useEditorFocus(controller) {
   const read2 = useCallback(() => focusInEditor(controller), [controller]);
   return useSyncExternalStore(subscribe, read2, NOT_FOCUSED);
 }
+var KEYS3 = ["offsetTop", "offsetLeft", "height", "width", "scale"];
 var EVENTS = ["resize", "scroll"];
 function subscribe2(notify) {
   const viewport = window.visualViewport;
@@ -5520,10 +5753,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;
@@ -5536,7 +5767,16 @@ 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();
@@ -5544,6 +5784,9 @@ function EditingTools({ controller }) {
   const state = useEditorState(controller, wholeState);
   const viewport = useVisualViewport();
   const roving = useRovingFocus();
+  const dir = useDirection();
+  useFocusBackToText(controller);
+  useFocusKey(controller, roving.focusCurrent);
   const items = useMemo(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
   const onKeyDown = (event) => {
     if (event.key === "Escape" && roving.owns(event.target)) {
@@ -5557,6 +5800,7 @@ function EditingTools({ controller }) {
       "div",
       {
         ref: roving.ref,
+        dir,
         role: "toolbar",
         "aria-label": labels.mobileToolbar,
         className: TOOLBAR,
@@ -5603,12 +5847,14 @@ var DialogOverlay = /* @__PURE__ */ React7.forwardRef(function DialogOverlay2({
   );
 });
 var DialogContent = /* @__PURE__ */ React7.forwardRef(function DialogContent2({ className, children, closeLabel = "Close", ...props }, ref) {
+  const dir = useDirection();
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.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",
@@ -5621,7 +5867,7 @@ var DialogContent = /* @__PURE__ */ React7.forwardRef(function DialogContent2({
             DialogPrimitive.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
               ),
@@ -5738,14 +5984,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 = useId();
   return /* @__PURE__ */ jsxs("section", { "aria-labelledby": titleId, children: [
     /* @__PURE__ */ jsx("h3", { id: titleId, className: "mb-2 text-sm font-semibold", children: group.title }),
     /* @__PURE__ */ jsx("dl", { className: "grid gap-1.5 text-sm", children: group.items.map(({ label, keys }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsx("dt", { children: label }),
-      /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("kbd", { className: KEYS3, children: keys }) })
+      /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("kbd", { className: KEYS4, children: keys }) })
     ] }, `${label} ${keys}`)) })
   ] });
 }
@@ -5808,7 +6054,9 @@ function useRootDirection(controller) {
   const [direction, setDirection] = useState("ltr");
   useIsomorphicLayoutEffect(() => {
     const root = controller.root;
-    if (root !== null) setDirection(inlineDirection(root));
+    if (root === null) return;
+    setDirection(inlineDirection(root));
+    return watchDirection(root, setDirection);
   }, [controller]);
   return direction;
 }
@@ -5893,16 +6141,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 = listen(doc, { pointerdown: leaveForCanvas }, true);
+    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 = listen(doc, { pointerdown: onPress }, true);
     const unlisten = listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
     return () => {
+      clearTimeout(afterDispatch);
       unlistenCapture();
       unlisten();
     };
@@ -5912,6 +6164,18 @@ function useEditingFocus(root, editing, stop) {
     return { onPointerDownCapture: mark, onFocusCapture: mark };
   }, []);
 }
+function useWhileMounted(callback) {
+  const mounted = useRef(false);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  return useCallback(() => {
+    if (mounted.current) callback();
+  }, [callback]);
+}
 function useMissingPreviewWarning(readOnly, { type, preview }) {
   useEffect(() => {
     if (!readOnly || preview !== void 0) return;
@@ -5924,9 +6188,10 @@ function VoidPreview({ definition: { preview: Preview }, name, ...props }) {
   if (Preview === void 0) return /* @__PURE__ */ jsx("p", { className: "py-1 text-sm text-muted-foreground", children: name });
   return /* @__PURE__ */ jsx(Preview, { ...props });
 }
-function VoidEditor({ Editor, controller, ...props }) {
+function VoidEditor({ Editor, controller, onDone, ...props }) {
   const index = useBlockIndex(controller, props.blockId);
-  return /* @__PURE__ */ jsx(Editor, { ...props, index });
+  const done = useWhileMounted(onDone);
+  return /* @__PURE__ */ jsx(Editor, { ...props, index, onDone: done });
 }
 function VoidBlock({ block, controller, definition }) {
   const { blockTypes, labels } = useQuoin();
@@ -6066,6 +6331,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;
+  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;
@@ -6078,7 +6348,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))),
@@ -6111,12 +6384,15 @@ function movedOn(controller, before) {
 }
 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;
@@ -6159,8 +6435,8 @@ 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 graphemePrefix(line, LONGEST) === line ? line : `${graphemePrefix(line, LONGEST - 1)}\u2026`;
 }
 var selectedBlockLabel = (labels, definitions, extensionNames) => (block, schema) => {
   const { attrs } = block;
@@ -6205,11 +6481,8 @@ 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];
+  return blockRemovals(tr).flatMap(({ step, index, count }) => {
+    const { blocks } = tr.docs[step];
     const first = codec.blocksFromDoc(createDoc(blocks.slice(0, index))).length;
     return blocks.slice(index, index + count).flatMap((block, offset) => filled(block) ? [] : [{ block: codec.toQuoin(block), index: first + offset }]);
   });
@@ -6228,6 +6501,61 @@ function useDeleteReporter(controller, onDelete) {
     });
   }, [controller]);
 }
+
+// src/canvas/upload-pasted-images.ts
+var FETCHABLE = /^https?:\/\//i;
+function pastedPictures(tr, state) {
+  if (tr.getMeta(PASTED_HTML) !== true) return [];
+  return state.doc.blocks.flatMap(({ id, type, attrs }) => {
+    const url = str(attrs.url);
+    const pasted = type === "IMAGE" && FETCHABLE.test(url) && !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) => 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] = useState(overrides);
+  if (!sameOverrides(kept, overrides)) setKept(overrides);
+  return useMemo(() => resolveLabels(kept), [kept]);
+}
 function useStructureAnnouncements(controller, labels) {
   useEffect(() => {
     const undoKeys = formatShortcut("Mod-z", { isMac: controller.isMac, labels });
@@ -6284,7 +6612,7 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
     shortcutsExtension(uiStore),
     ...extensions ?? []
   ]);
-  const labels = useMemo(() => resolveLabels(labelOverrides), [labelOverrides]);
+  const labels = useStableLabels(labelOverrides);
   const latestOnError = useRef(onError);
   latestOnError.current = onError;
   const ui = useMemo(
@@ -6299,6 +6627,11 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
     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, {
@@ -6315,7 +6648,9 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
   useStructureAnnouncements(controller, labels);
   const actions = 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 = useMemo(
     () => [shortcutsSlashItem(labels, uiStore), ...ui.slashItems],
@@ -6349,6 +6684,7 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
       id,
       "aria-label": ariaLabel ?? labels.document,
       hint: labels.editorHint,
+      rendererLabels: labels,
       paragraphLabel: labels.paragraph,
       selectedContentLabel: labels.selectedContent,
       blockLabel,
@@ -6375,22 +6711,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.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" });
@@ -6409,7 +6748,7 @@ function UploadField({ category, label, accept, onUploaded }) {
       }
     ),
     !upload && /* @__PURE__ */ jsx("span", { role: "note", className: "text-xs text-muted-foreground", children: labels.uploadsUnavailable }),
-    /* @__PURE__ */ jsx("span", { role: "status", className: progress === "" ? "sr-only" : "text-xs text-muted-foreground", children: progress }),
+    /* @__PURE__ */ jsx("span", { role: controller ? void 0 : "status", className: progress === "" ? "sr-only" : "text-xs text-muted-foreground", children: progress }),
     state.phase === "failed" && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-xs text-destructive", children: state.message })
   ] });
 }
@@ -6567,6 +6906,6 @@ function useAutosave({
   return { status, error, retry: runner.retry, flush: runner.flush };
 }
 
-export { AlignCenter, AlignLeft, AlignRight, AppWindow, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftToLine, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpToLine, BlockCanvas, Bookmark, Button, CODE_LANGUAGES, CaseSensitive, ChevronDown, ChevronUp, CodeBlock, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FLOATING_TOOLBAR, FOCUS_RING, FilePickerButton, GripHorizontal, GripVertical, Input, MENU_ITEM, MenuIcon, MessageSquare, MessageSquarePlus, PenLine, Plus, Popover, PopoverAnchor, PopoverContent, QuoinProvider, Radical, Regex, SendHorizontal, Sigma, SmilePlus, Sparkles, SuggestionMenu, Table, TableOfContents, Trash, UploadField, WholeWord, X, blockFragment, bubblePart, cn, coreBlocks, dismissSuggestion, englishLabels, focusNode, formatShortcut, insertBlockToWrite, insertBlocks, interceptKeys, keepFocus, linkAddress, linkedBlockId, noChange, preventDefault, rangeRect, replaceTrigger, resolveLabels, returnFocusToText, runOnBlocks, selectHandlers, selectNode, styleTargets, suggestionPlugin, toError, useAutosave, useFocusKey, useLabels, useNodeKeys, useOutsidePress, usePartAnchor, useQuoin, useRangeAnchor, useRovingFocus, virtualAnchor };
-//# sourceMappingURL=chunk-G6NBQYMM.js.map
-//# sourceMappingURL=chunk-G6NBQYMM.js.map
+export { AlignCenter, AlignLeft, AlignRight, AppWindow, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftToLine, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpToLine, BlockCanvas, Bookmark, Button, CODE_LANGUAGES, CaseSensitive, ChevronDown, ChevronUp, CodeBlock, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FLOATING_TOOLBAR, FOCUS_RING, FilePickerButton, GripHorizontal, GripVertical, Input, MENU_ITEM, MenuIcon, MessageSquare, MessageSquarePlus, PenLine, Plus, Popover, PopoverAnchor, PopoverContent, QuoinProvider, Radical, Regex, SendHorizontal, Sigma, SmilePlus, Sparkles, SuggestionMenu, Table, TableOfContents, Trash, UploadField, WholeWord, X, blockFragment, bubblePart, cn, coreBlocks, dismissSuggestion, englishLabels, focusNode, formatShortcut, insertBlockToWrite, insertBlocks, interceptKeys, keepFocus, linkAddress, linkedBlockId, noChange, preventDefault, rangeRect, replaceTrigger, resolveLabels, returnFocusToText, runOnBlocks, selectHandlers, selectNode, styleTargets, suggestionPlugin, toError, useAutosave, useClosing, useFocusKey, useLabels, useNodeKeys, useOutsidePress, usePartAnchor, useQuoin, useRangeAnchor, useRovingFocus, virtualAnchor, watchDirection };
+//# sourceMappingURL=chunk-ZGFZRVQA.js.map
+//# sourceMappingURL=chunk-ZGFZRVQA.js.map