quoin-editor 2.0.1 → 2.0.3

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

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunkZ6LAARPB_cjs = require('./chunk-Z6LAARPB.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 var chunkA6PGQVTR_cjs = require('./chunk-A6PGQVTR.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
 var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
+var reactDirection = require('@radix-ui/react-direction');
 var React7 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
@@ -464,7 +465,11 @@ function formatSize(bytes) {
 }
 
 // src/i18n/english-labels.ts
-var englishLabels = {
+function frozen(labels) {
+  for (const label of Object.values(labels)) if (typeof label === "object") Object.freeze(label);
+  return Object.freeze(labels);
+}
+var englishLabels = frozen({
   document: "Editor",
   editorHint: "Press Escape, then Tab, to leave the editor.",
   paragraph: "Paragraph",
@@ -666,7 +671,7 @@ var englishLabels = {
   emptyFile: "No file chosen",
   emptyMarkdown: "Empty markdown block",
   emptyCallout: "Empty callout"
-};
+});
 var QuoinContext = React7__namespace.createContext(null);
 function QuoinProvider({
   value,
@@ -820,7 +825,7 @@ function selectNode(controller, blockId) {
   const { editor } = controller;
   const { selection } = editor.state;
   if (selection?.kind === "node" && selection.block === blockId) return;
-  chunkZ6LAARPB_cjs.dispatchSelection(controller, chunkFK7EBZPX_cjs.nodeSelection(blockId));
+  chunkMGN332NY_cjs.dispatchSelection(controller, chunkFK7EBZPX_cjs.nodeSelection(blockId));
 }
 function focusNode(controller, blockId) {
   selectNode(controller, blockId);
@@ -1267,7 +1272,6 @@ function closeBlockMenu(store) {
 }
 
 // src/blocks/text/callout-tone.ts
-var CALLOUT_TONES = ["info", "tip", "success", "warning", "danger"];
 var CALLOUT_ICONS = ["\u{1F4A1}", "\u26A0\uFE0F", "\u2705", "\u2757", "\u2139\uFE0F", "\u{1F4CC}"];
 var TONE_ICONS = {
   info: "\u2139\uFE0F",
@@ -1276,9 +1280,6 @@ var TONE_ICONS = {
   warning: "\u26A0\uFE0F",
   danger: "\u2757"
 };
-function calloutTone(value) {
-  return CALLOUT_TONES.find((tone) => tone === value) ?? "info";
-}
 function calloutIcon(attrs, tone) {
   return typeof attrs.icon === "string" && attrs.icon !== "" ? attrs.icon : TONE_ICONS[tone];
 }
@@ -1286,7 +1287,7 @@ function MenuIcon({ icon: Icon2 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4" }) });
 }
 var sharedTone = (blocks) => {
-  const tones = new Set(blocks.map((block) => calloutTone(block.attrs.tone)));
+  const tones = new Set(blocks.map((block) => chunkMGN332NY_cjs.calloutTone(block.attrs.tone)));
   return tones.size === 1 ? [...tones][0] : "";
 };
 function CalloutMenus({ kit, controller, blocks }) {
@@ -1299,7 +1300,7 @@ function CalloutMenus({ kit, controller, blocks }) {
         /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { icon: Droplet }),
         labels.tone
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(kit.SubContent, { children: /* @__PURE__ */ jsxRuntime.jsx(kit.RadioGroup, { value: sharedTone(blocks), onValueChange: (tone) => apply({ tone }), children: CALLOUT_TONES.map((tone) => /* @__PURE__ */ jsxRuntime.jsx(kit.RadioItem, { value: tone, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: labels.calloutTones[tone] }, tone)) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(kit.SubContent, { children: /* @__PURE__ */ jsxRuntime.jsx(kit.RadioGroup, { value: sharedTone(blocks), onValueChange: (tone) => apply({ tone }), children: chunkMGN332NY_cjs.CALLOUT_TONES.map((tone) => /* @__PURE__ */ jsxRuntime.jsx(kit.RadioItem, { value: tone, indicator: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }), children: labels.calloutTones[tone] }, tone)) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(kit.Sub, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(kit.SubTrigger, { children: [
@@ -1526,7 +1527,7 @@ function codeToParagraph(blockId) {
   };
 }
 function leaveCode(controller, blockId, direction, addsLine = false) {
-  const moved = chunkZ6LAARPB_cjs.moveToNeighbour(controller, blockId, direction);
+  const moved = chunkMGN332NY_cjs.moveToNeighbour(controller, blockId, direction);
   if (!moved && !(addsLine && controller.run(insertBlocks([{ type: "MARKDOWN" }], "text", blockId)))) return false;
   controller.focus();
   return true;
@@ -1651,7 +1652,7 @@ function travel({ controller, blockId, area }, command) {
   const before = area.value;
   controller.run(command);
   const { selection } = controller.editor.state;
-  const edit2 = chunkZ6LAARPB_cjs.textDiff(before, area.value);
+  const edit2 = chunkMGN332NY_cjs.textDiff(before, area.value);
   if (selection?.kind !== "node" || selection.block !== blockId) controller.focus();
   else if (edit2 !== null) area.setSelectionRange(edit2.from + edit2.insert.length, edit2.from + edit2.insert.length);
   return true;
@@ -1736,11 +1737,11 @@ function CodeEditor({ block, controller, field, focusControls }) {
   useTypeIntoCode(controller, blockId, field, edit2);
   const onKeyDown = (event) => {
     const area = event.currentTarget;
-    if (chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkMGN332NY_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const action = codeKeyAction(event, fieldOf(area), controller.isMac);
     if (action !== null && runCodeAction(action, { controller, blockId, area, edit: edit2, focusControls })) event.preventDefault();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunkZ6LAARPB_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...{ [chunkMGN332NY_cjs.NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-code-lines", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       HighlightOverlay,
       {
@@ -1810,7 +1811,7 @@ var Button = React7__namespace.forwardRef(function Button2({ className, variant
 var COPIED_FOR_MS = 1500;
 function CopyCodeButton({ code, controller }) {
   const labels = useLabels();
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const [copied, setCopied] = React7.useState(false);
   React7.useEffect(() => {
     if (!copied) return;
@@ -1893,14 +1894,14 @@ var preventDefault = (event) => event.preventDefault();
 
 // src/blocks/text/set-block-attrs.ts
 function setBlockAttrs(controller, blockId, patch) {
-  if (!controller.readOnly) controller.run(chunkZ6LAARPB_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch)));
+  if (!controller.readOnly) controller.run(chunkMGN332NY_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch)));
 }
 var FIELD = `quoin-code-language quoin-code-control ${FOCUS_RING}`;
 var CONTENT = `${MENU_CONTENT} flex max-h-64 w-48 flex-col overflow-y-hidden`;
 function LanguageCombobox({ blockId, controller, language: language2, field, onDone }) {
   const labels = useLabels();
   const listboxId = React7.useId();
-  const list = React7.useRef(null);
+  const list2 = React7.useRef(null);
   const settled = React7.useRef(false);
   const focusedByPress = React7.useRef(false);
   const shown = languageName(language2) ?? language2;
@@ -1909,8 +1910,8 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
   const options = draft === null ? [] : languageOptions(draft === shown ? "" : draft, labels.plainText);
   const open = options.length > 0;
   const optionId = (index) => `${listboxId}-${index}`;
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
-    list.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
+    list2.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [active]);
   const close = () => {
     setDraft(null);
@@ -1935,7 +1936,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
     onDone();
   };
   const onKeyDown = (event) => {
-    if (chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkMGN332NY_cjs.isComposingKey(controller, event.nativeEvent)) return;
     if (event.key === "ArrowDown" || event.key === "ArrowUp") {
       event.preventDefault();
       const step = event.key === "ArrowDown" ? 1 : -1;
@@ -1992,7 +1993,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
         className: CONTENT,
         onOpenAutoFocus: preventDefault,
         onCloseAutoFocus: preventDefault,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: list, role: "listbox", id: listboxId, "aria-label": labels.codeLanguage, className: "min-h-0 overflow-y-auto", children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: list2, role: "listbox", id: listboxId, "aria-label": labels.codeLanguage, className: "min-h-0 overflow-y-auto", children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
           SuggestionOption,
           {
             id: optionId(index),
@@ -2009,7 +2010,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
 }
 var CodeBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const languageField = React7.useRef(null);
   const codeField = React7.useRef(null);
   const code = chunkI7X7B3WD_cjs.str(block.attrs.code);
@@ -2111,7 +2112,7 @@ function selectHandlers(controller, blockId, root, onSelect) {
   return {
     onKeyDown(event) {
       const key = event.nativeEvent;
-      if (chunkZ6LAARPB_cjs.isComposingKey(controller, key)) return;
+      if (chunkMGN332NY_cjs.isComposingKey(controller, key)) return;
       if (event.key === "Escape") select();
       else if (!(event.metaKey || event.ctrlKey) || event.target.matches("input:not([type=file])") || !controller.edit(() => controller.editor.handleKey(key)))
         return;
@@ -2235,7 +2236,7 @@ function isBubblePart(element, controller) {
   return element?.closest(`[${BUBBLE_PART}]`)?.getAttribute(BUBBLE_PART) === partId(controller);
 }
 function focusInEditor(controller) {
-  const active = document.activeElement;
+  const active = controller.root?.ownerDocument.activeElement ?? null;
   return active !== null && (controller.isEditorElement(active) || isBubblePart(active, controller));
 }
 
@@ -2248,7 +2249,7 @@ var KINDS = [
   [FileText, /^(text\/|(txt|md|csv|pdf|rtf|docx?)$)/]
 ];
 var kindOf = (value) => KINDS.find(([, pattern]) => pattern.test(value))?.[0];
-var fileIcon = (mime, filename) => kindOf(mime) ?? kindOf(/\.([^.]+)$/.exec(filename)?.[1].toLowerCase() ?? "") ?? FileIcon;
+var fileIcon = (mime, filename) => kindOf(mime.toLowerCase()) ?? kindOf(/\.([^.]+)$/.exec(filename)?.[1].toLowerCase() ?? "") ?? FileIcon;
 
 // src/blocks/file/file-source.ts
 var fileName = (attrs) => chunkI7X7B3WD_cjs.str(attrs.filename) || chunkI7X7B3WD_cjs.str(attrs.storageKey);
@@ -2333,7 +2334,7 @@ var uploadFile = (controller, blockId, file, host) => uploadInto(
 var anyFile = () => true;
 var FileBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const filled = hasFile(block.attrs);
   useNodeKeys(controller, block.id, !readOnly, !filled, root);
@@ -2485,7 +2486,7 @@ function useRovingFocus() {
     },
     [syncTabStop]
   );
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(syncTabStop);
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(syncTabStop);
   const onFocus = (event) => {
     if (!owns(event.target)) return;
     current.current = event.target;
@@ -2494,9 +2495,10 @@ function useRovingFocus() {
   const onKeyDown = (event) => {
     const all = items();
     const index = all.indexOf(event.target);
-    if (index === -1 || !Object.hasOwn(MOVES, event.key)) return;
+    const key = row.current === null ? event.key : chunkMGN332NY_cjs.arrowAsWritten(event.key, chunkMGN332NY_cjs.inlineDirection(row.current));
+    if (index === -1 || !Object.hasOwn(MOVES, key)) return;
     event.preventDefault();
-    all[MOVES[event.key](index, all.length)].focus();
+    all[MOVES[key](index, all.length)].focus();
   };
   return { ref, owns, focusCurrent, onFocus, onKeyDown };
 }
@@ -2504,7 +2506,7 @@ function useRovingFocus() {
 // src/menus/floating/use-focus-key.ts
 var isFocusKey = (event) => event.key === "F10" && event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
 function useFocusKey(controller, focus) {
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const intercept = (event) => {
       if (!isFocusKey(event)) return false;
       event.preventDefault();
@@ -2516,11 +2518,11 @@ function useFocusKey(controller, focus) {
 }
 function NodeToolbar(props) {
   const { blockId, controller, label, anchor, items, next, buttonRefs, children, popover } = props;
-  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
+  const state = chunkMGN332NY_cjs.useEditorState(controller, chunkMGN332NY_cjs.wholeState);
   const roving = useRovingFocus();
   useFocusKey(controller, roving.focusCurrent);
   const onKeyDown = (event) => {
-    if (!roving.owns(event.target) || chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (!roving.owns(event.target) || chunkMGN332NY_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const tab = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
     const ahead = tab && !event.shiftKey && next !== void 0 ? blockPart(controller, blockId, next) : void 0;
     if (ahead !== void 0) ahead.focus();
@@ -2573,13 +2575,14 @@ function createSettled(controller) {
   return {
     read: () => focusInEditor(controller) && !pressed && !composing && !viewComposing(),
     subscribe(notify) {
+      const doc = controller.root?.ownerDocument ?? document;
       const listeners2 = Object.entries(handlers).map(([type, handle2]) => {
         const listener = (event) => {
           handle2(event);
           notify();
         };
-        document.addEventListener(type, listener, true);
-        return () => document.removeEventListener(type, listener, true);
+        doc.addEventListener(type, listener, true);
+        return () => doc.removeEventListener(type, listener, true);
       });
       const stopState = controller.editor.subscribe(() => notify());
       return () => {
@@ -2601,8 +2604,8 @@ var selectedBlock = (type, filled) => ({ doc, selection }) => {
   return block?.type === type && filled(block.attrs) ? block.id : null;
 };
 function useToolbarBlock(controller, selected, keptFor = null) {
-  const blockId = chunkZ6LAARPB_cjs.useEditorState(controller, selected);
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const blockId = chunkMGN332NY_cjs.useEditorState(controller, selected);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const settled = useSelectionSettled(controller);
   return blockId !== null && !readOnly && (settled || keptFor === blockId) ? blockId : null;
 }
@@ -2681,7 +2684,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
   const value = percent ?? drawn;
   const write = (widthPercent) => setBlockAttrs(controller, blockId, { widthPercent });
   const onKeyDown = (event) => {
-    if (chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (chunkMGN332NY_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const next = keyedWidth(event.key, value);
     if (event.key === "Escape") controller.focus();
     else if (next === null) return;
@@ -2723,7 +2726,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
       "aria-valuetext": labels.widthValue(value),
       "data-side": side,
       className: "quoin-image-handle",
-      ...{ [chunkZ6LAARPB_cjs.NATIVE_INTERACTION]: "" },
+      ...{ [chunkMGN332NY_cjs.NATIVE_INTERACTION]: "" },
       ...bubblePart(controller),
       onKeyDown,
       onPointerDown: onPointerDown(side),
@@ -2796,7 +2799,7 @@ function ImageFigure({ block, controller, readOnly }) {
       )
     ] }),
     (!readOnly || (regions.caption?.length ?? 0) > 0) && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ6LAARPB_cjs.EditableRegion,
+      chunkMGN332NY_cjs.EditableRegion,
       {
         block: id,
         region: "caption",
@@ -2810,11 +2813,16 @@ function ImageFigure({ block, controller, readOnly }) {
 
 // src/menus/link/link-address.ts
 var BARE_DOMAIN = /^[^\s/#?.]\S*\.\S*$/;
+var EMAIL = /^[^\s@/]+@[^\s@/]+\.[^\s@/]+$/;
 var WHITESPACE = /\s/;
+function scheme(address) {
+  if (EMAIL.test(address)) return `mailto:${address}`;
+  return BARE_DOMAIN.test(address) ? `https://${address}` : address;
+}
 function linkAddress(typed2) {
   const address = typed2.trim();
   if (WHITESPACE.test(address)) return null;
-  const completed = !chunkI7X7B3WD_cjs.SCHEME.test(address) && BARE_DOMAIN.test(address) ? `https://${address}` : address;
+  const completed = chunkI7X7B3WD_cjs.SCHEME.test(address) ? address : scheme(address);
   const href = chunkI7X7B3WD_cjs.sanitizeHref(completed);
   return href || null;
 }
@@ -2959,7 +2967,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
 }
 var ImageBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const root = React7.useRef(null);
   const picture = hasPicture(block.attrs);
   useImageKeys(controller, block.id, picture, !readOnly, root);
@@ -2972,17 +2980,17 @@ var ImageBlock = ({ block, controller }) => {
       "aria-label": labels.blockNames.image,
       contentEditable: false,
       className: "quoin-image",
-      ...picture ? { [chunkZ6LAARPB_cjs.NODE_ENTRY]: "" } : void 0,
+      ...picture ? { [chunkMGN332NY_cjs.NODE_ENTRY]: "" } : void 0,
       children: picture ? /* @__PURE__ */ jsxRuntime.jsx(ImageFigure, { block, controller, readOnly }) : empty
     }
   );
 };
 function useOutsidePress(element, ownerDocument, onPress) {
   const latest = React7.useRef(onPress);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onPress;
   });
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const doc = ownerDocument();
     const inside = (target) => element.current?.contains(target) === true;
     let touched = null;
@@ -2997,7 +3005,7 @@ function useOutsidePress(element, ownerDocument, onPress) {
       if (touched !== null && !inside(event.target)) latest.current(touched);
       touched = null;
     };
-    return chunkZ6LAARPB_cjs.listen(doc, { pointerdown: down, click }, true);
+    return chunkMGN332NY_cjs.listen(doc, { pointerdown: down, click }, true);
   }, [element, ownerDocument]);
 }
 function storeAlt(controller, blockId, opened, patch) {
@@ -3005,7 +3013,7 @@ function storeAlt(controller, blockId, opened, patch) {
   const attrs = chunkI7X7B3WD_cjs.blockById(editor.state.doc, blockId)?.attrs ?? {};
   const changed = chunkI7X7B3WD_cjs.str(attrs.alt) !== opened.alt || attrs.decorative === true !== opened.decorative;
   if (controller.readOnly || controller.root === null || changed) return;
-  chunkZ6LAARPB_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
+  chunkMGN332NY_cjs.onBlock(blockId, chunkFK7EBZPX_cjs.setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
 }
 function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative, onClose }) {
   const labels = useLabels();
@@ -3047,7 +3055,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
     close(true);
   };
   const onKeyDown = (event) => {
-    if (event.key !== "Tab" || chunkZ6LAARPB_cjs.isComposingKey(controller, event.nativeEvent)) return;
+    if (event.key !== "Tab" || chunkMGN332NY_cjs.isComposingKey(controller, event.nativeEvent)) return;
     const controls = [...event.currentTarget.elements];
     const next = controls[controls.indexOf(event.target) + (event.shiftKey ? -1 : 1)];
     event.preventDefault();
@@ -3075,7 +3083,7 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative,
             onCloseAutoFocus: preventDefault,
             onEscapeKeyDown: (event) => {
               event.preventDefault();
-              if (!chunkZ6LAARPB_cjs.isComposingKey(controller, event)) close(false);
+              if (!chunkMGN332NY_cjs.isComposingKey(controller, event)) close(false);
             },
             ...bubblePart(controller),
             children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "quoin-image-alt", onSubmit: save, onKeyDown, children: [
@@ -3171,7 +3179,7 @@ function ImageToolbarOverlay({ controller }) {
 }
 function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
   const { labels, resolveAssetUrl } = useQuoin();
-  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
+  const state = chunkMGN332NY_cjs.useEditorState(controller, chunkMGN332NY_cjs.wholeState);
   const picker = useReplacePicker(controller, blockId, uploadImage, "image/*");
   const altButton = React7.useRef(null);
   const anchor = usePartAnchor(controller, blockId, ".quoin-image-frame");
@@ -3396,20 +3404,20 @@ function CalloutToneMenu({ blockId, controller, tone }) {
       {
         value: tone,
         onValueChange: (value) => setBlockAttrs(controller, blockId, { tone: value }),
-        children: CALLOUT_TONES.map((option) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: option, children: labels.calloutTones[option] }, option))
+        children: chunkMGN332NY_cjs.CALLOUT_TONES.map((option) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioItem, { value: option, children: labels.calloutTones[option] }, option))
       }
     ) })
   ] });
 }
 var CalloutBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
-  const tone = calloutTone(block.attrs.tone);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
+  const tone = chunkMGN332NY_cjs.calloutTone(block.attrs.tone);
   const icon = calloutIcon(block.attrs, tone);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("quoin-callout group/callout flex items-start gap-2", TONE[tone]), "data-tone": tone, children: [
     readOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex size-6 items-center justify-center text-base", children: icon }) : /* @__PURE__ */ jsxRuntime.jsx(CalloutIconMenu, { blockId: block.id, controller, icon }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ6LAARPB_cjs.EditableRegion,
+      chunkMGN332NY_cjs.EditableRegion,
       {
         block: block.id,
         region: "body",
@@ -3478,22 +3486,22 @@ var headingStyles = (level) => `quoin-heading mb-1 font-semibold leading-tight i
 function Heading({ block }) {
   const labels = useLabels();
   const level = chunkI7X7B3WD_cjs.headingLevel(block.attrs.level);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.heading(level) }) });
 }
 function NumberedItem({ block, controller }) {
   const labels = useLabels();
-  const number = chunkZ6LAARPB_cjs.useOrderedNumber(controller, block.id);
+  const number = chunkMGN332NY_cjs.useOrderedNumber(controller, block.id);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-list-item", "data-list": "ordered", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ListMarker, { list: "ordered", number, depth: block.indent }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
   ] });
 }
 function TaskItem({ block, controller }) {
   const labels = useLabels();
-  const hostId = chunkZ6LAARPB_cjs.useRegionDomId(block.id, REGION);
+  const hostId = chunkMGN332NY_cjs.useRegionDomId(block.id, REGION);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
   ] });
 }
 var MarkdownBlock = (props) => {
@@ -3505,16 +3513,16 @@ var MarkdownBlock = (props) => {
     case "bullet":
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-list-item", "data-list": "bullet", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ListMarker, { list: "bullet", depth: block.indent }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
       ] });
     case "ordered":
       return /* @__PURE__ */ jsxRuntime.jsx(NumberedItem, { ...props });
     case "task":
       return /* @__PURE__ */ jsxRuntime.jsx(TaskItem, { ...props });
     case "quote":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
   }
 };
 
@@ -3525,16 +3533,16 @@ function nestedBlockIds({ doc }, blockId) {
   return doc.blocks.slice(index + 1, chunkFK7EBZPX_cjs.descendantsEnd(doc, index)).map((block) => block.id);
 }
 function useNestedBlocks(controller, blockId) {
-  return chunkZ6LAARPB_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkI7X7B3WD_cjs.sameItems);
+  return chunkMGN332NY_cjs.useEditorState(controller, (state) => nestedBlockIds(state, blockId), chunkI7X7B3WD_cjs.sameItems);
 }
 var ToggleBlock = ({ block, controller }) => {
   const labels = useLabels();
-  const domId = chunkZ6LAARPB_cjs.useBlockDomId();
+  const domId = chunkMGN332NY_cjs.useBlockDomId();
   const nested = useNestedBlocks(controller, block.id);
-  const open = chunkZ6LAARPB_cjs.useToggleOpen(controller, block);
+  const open = chunkMGN332NY_cjs.useToggleOpen(controller, block);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZ6LAARPB_cjs.ToggleChevron,
+      chunkMGN332NY_cjs.ToggleChevron,
       {
         block,
         controller,
@@ -3542,7 +3550,7 @@ var ToggleBlock = ({ block, controller }) => {
         controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkZ6LAARPB_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMGN332NY_cjs.EditableRegion, { block: block.id, region: "text", label: labels.toggle })
   ] });
 };
 
@@ -3639,7 +3647,7 @@ function ActionItem({ kit, controller, action, blockIds }) {
   );
 }
 function BlockMenuItems({ kit, controller, blocks, styled, title, actions }) {
-  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
+  const state = chunkMGN332NY_cjs.useEditorState(controller, chunkMGN332NY_cjs.wholeState);
   const blockIds = blocks.map((block) => block.id);
   const shown = actions.filter((action) => action.available?.(state, blockIds) ?? true);
   const anyText = styled.some((block) => chunkFK7EBZPX_cjs.isTextFlow(state.schema, block));
@@ -3684,7 +3692,7 @@ var CONTEXT_KIT = {
   SubTrigger: ContextMenuSubTrigger
 };
 var GUTTER_BLOCK = "data-quoin-gutter-block";
-var OWN_MENU = `[${chunkZ6LAARPB_cjs.NATIVE_INTERACTION}], input, textarea, select`;
+var OWN_MENU = `[${chunkMGN332NY_cjs.NATIVE_INTERACTION}], input, textarea, select`;
 function contextBlock(controller, target) {
   const { state } = controller.editor;
   const gutter = target.closest(`[${GUTTER_BLOCK}]`)?.getAttribute(GUTTER_BLOCK);
@@ -3713,7 +3721,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 chunkZ6LAARPB_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
+    return chunkMGN332NY_cjs.listen(root, { mousedown: onMouseDown, contextmenu: onContextMenu });
   }, [controller, store, trigger]);
 }
 
@@ -3749,7 +3757,7 @@ function useLiveBlocks(controller, blockIds) {
     (state) => blockIds.flatMap((id) => chunkI7X7B3WD_cjs.blockById(state.doc, id) ?? []),
     [blockIds]
   );
-  return chunkZ6LAARPB_cjs.useEditorState(controller, select, chunkI7X7B3WD_cjs.sameItems);
+  return chunkMGN332NY_cjs.useEditorState(controller, select, chunkI7X7B3WD_cjs.sameItems);
 }
 function useMenuBlocks(controller, store, menu) {
   const labels = useLabels();
@@ -3876,7 +3884,7 @@ var DragOverlay = React7.forwardRef(function DragOverlay2(_props, ref) {
 var DELETION_STEPS = /* @__PURE__ */ new Set(["removeBlocks", "setIndent"]);
 function drawnPosition(doc, blockId) {
   const index = doc.index.get(blockId) ?? 0;
-  return [chunkZ6LAARPB_cjs.drawnBlockCount(doc, 0, index) + 1, chunkZ6LAARPB_cjs.drawnBlockCount(doc)];
+  return [chunkMGN332NY_cjs.drawnBlockCount(doc, 0, index) + 1, chunkMGN332NY_cjs.drawnBlockCount(doc)];
 }
 function blockMovedMessage(doc, blockId, labels) {
   return labels.blockMoved(...drawnPosition(doc, blockId));
@@ -3892,7 +3900,7 @@ function deletedCount(tr) {
   return tr.steps.reduce((deleted, step, i) => {
     const { index, count } = step.toJSON();
     if (step.stepType !== "removeBlocks" || typeof index !== "number" || typeof count !== "number") return deleted;
-    return deleted + chunkZ6LAARPB_cjs.drawnBlockCount(tr.docs[i], index, index + count);
+    return deleted + chunkMGN332NY_cjs.drawnBlockCount(tr.docs[i], index, index + count);
   }, 0);
 }
 function insertedBlock(tr) {
@@ -3913,9 +3921,6 @@ function structureAnnouncement(tr, labels, undoKeys) {
   return inserted === null ? null : labels.blockInserted(...drawnPosition(tr.doc, inserted));
 }
 
-// src/ui/direction.ts
-var inlineDirection = (element) => getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr";
-
 // src/drag/drag-layout.ts
 var INDENT_STEP_REM = 1.5;
 function rootOrigin(root) {
@@ -3934,7 +3939,7 @@ function inlineEdges(shell, box, rtl) {
 function measure(controller, root, moved, rtl) {
   const { doc } = controller.editor.state;
   const origin = rootOrigin(root);
-  return chunkZ6LAARPB_cjs.visibleBlockIndexes(doc).flatMap((index) => {
+  return chunkMGN332NY_cjs.visibleBlockIndexes(doc).flatMap((index) => {
     const { id, indent: indent3 } = doc.blocks[index];
     const shell = controller.blockElement(id);
     if (shell === void 0) return [];
@@ -3947,7 +3952,7 @@ function measure(controller, root, moved, rtl) {
 var furthestEnd = (blocks, rtl) => blocks.reduce((end, block) => rtl ? Math.min(end, block.end) : Math.max(end, block.end), blocks[0].end);
 function measureDrag(controller, root, ids) {
   const { doc } = controller.editor.state;
-  const direction = inlineDirection(root);
+  const direction = chunkMGN332NY_cjs.inlineDirection(root);
   const rtl = direction === "rtl";
   const moved = new Set(chunkFK7EBZPX_cjs.movedBlockIds(doc, ids));
   const blocks = measure(controller, root, moved, rtl);
@@ -4009,7 +4014,7 @@ function draggedBlocks(controller, blockId) {
 function followPress(press, root, view) {
   const { controller, store, overlay, handle: handle2, pointerId } = press;
   const doc = view.document;
-  const scroll = chunkZ6LAARPB_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
+  const scroll = chunkMGN332NY_cjs.createAutoScroll(root, follow, SCROLL_EDGE);
   let pointer = { x: press.x, y: press.y };
   let active = null;
   let unsubscribe = () => {
@@ -4039,7 +4044,7 @@ function followPress(press, root, view) {
     overlay.follow(dx, pointer.y - press.y);
     overlay.mark({ top: target.lineTop, ...spanBetween(target.lineStart, layout.end) });
     if (!sameTarget(active.target, target)) {
-      store.set({ drag: { blockIds: ids, targetIndex: target.index, targetIndent: target.indent } });
+      store.set({ drag: { blockIds: ids, targetIndent: target.indent } });
     }
     active.target = target;
   }
@@ -4084,9 +4089,9 @@ function followPress(press, root, view) {
     event.stopPropagation();
     finish();
   }
-  const unlistenDocument = chunkZ6LAARPB_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
-  const unlistenBlur = chunkZ6LAARPB_cjs.listen(view, { blur: finish });
-  const unlistenKeys = chunkZ6LAARPB_cjs.listen(view, { keydown: onKeyDown }, true);
+  const unlistenDocument = chunkMGN332NY_cjs.listen(doc, { pointermove: onPointerMove, pointerup: onPointerUp, pointercancel: finish });
+  const unlistenBlur = chunkMGN332NY_cjs.listen(view, { blur: finish });
+  const unlistenKeys = chunkMGN332NY_cjs.listen(view, { keydown: onKeyDown }, true);
   return finish;
 }
 function pressDragHandle(press) {
@@ -4215,13 +4220,13 @@ function place2(controller, root, gutter, block) {
   const line = firstLine(shell);
   const top = line.top + (line.height - gutter.offsetHeight) / 2 - rootBox.top - root.clientTop + root.scrollTop;
   const shellBox = shell.getBoundingClientRect();
-  const beside = inlineDirection(root) === "rtl" ? shellBox.right + GAP : shellBox.left - gutter.offsetWidth - GAP;
+  const beside = chunkMGN332NY_cjs.inlineDirection(root) === "rtl" ? shellBox.right + GAP : shellBox.left - gutter.offsetWidth - GAP;
   const left = beside - rootBox.left - root.clientLeft + root.scrollLeft;
   gutter.style.transform = `translate(${left}px, ${top}px)`;
   gutter.style.visibility = "";
 }
 function useGutterPosition(controller, gutter, block) {
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const element = gutter.current;
     const root = controller.root;
     const view = root?.ownerDocument.defaultView;
@@ -4253,7 +4258,7 @@ function blockAcross(controller, root, y) {
 }
 function useGutterTarget(controller, store, gutter) {
   const hovered = useCanvasUi(store, (state) => state.hoveredBlock);
-  const head = chunkZ6LAARPB_cjs.useEditorState(controller, headOf);
+  const head = chunkMGN332NY_cjs.useEditorState(controller, headOf);
   const [focusWithin, setFocusWithin] = React7.useState(false);
   React7.useEffect(() => {
     const root = controller.root;
@@ -4271,7 +4276,7 @@ function useGutterTarget(controller, store, gutter) {
     const onFocusIn = () => setFocusWithin(true);
     const onFocusOut = (event) => setFocusWithin(root.contains(event.relatedTarget));
     setFocusWithin(root.contains(root.ownerDocument.activeElement));
-    return chunkZ6LAARPB_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
+    return chunkMGN332NY_cjs.listen(root, { pointermove: onPointerMove, pointerleave: onPointerLeave, focusin: onFocusIn, focusout: onFocusOut });
   }, [controller, store, gutter]);
   const fallback = focusWithin ? head : null;
   const target = hovered ?? fallback;
@@ -4349,7 +4354,15 @@ function Gutter({ controller, store, actions }) {
 }
 
 // src/i18n/resolve-labels.ts
-var resolveLabels = (overrides) => chunkZWTIRGY5_cjs.mergeLabels(englishLabels, overrides);
+var isRecord = (value) => typeof value === "object" && value !== null;
+function ontoRecords(overrides) {
+  const taken = Object.entries(overrides).map(([key, value]) => {
+    const fallback = englishLabels[key];
+    return [key, isRecord(value) && isRecord(fallback) ? { ...fallback, ...value } : value];
+  });
+  return Object.fromEntries(taken);
+}
+var resolveLabels = (overrides) => chunkZWTIRGY5_cjs.mergeLabels(englishLabels, overrides && ontoRecords(overrides));
 
 // src/menus/floating/range-rect.ts
 var TEXT_NODE = 3;
@@ -4364,7 +4377,7 @@ function pointInHost(host, { node, offset }) {
   return host.contains(node) ? { node, offset: Math.min(offset, nodeLength(node)) } : null;
 }
 function textRect(host, { from, to }) {
-  const map = chunkZ6LAARPB_cjs.domMapOf(host);
+  const map = chunkMGN332NY_cjs.domMapOf(host);
   const range = host.ownerDocument.createRange();
   if (map === void 0 || typeof range.getBoundingClientRect !== "function") return null;
   const start = pointInHost(host, map.toDom(from, 1));
@@ -4377,7 +4390,7 @@ function textRect(host, { from, to }) {
 }
 function rangeRect(controller, range) {
   const host = controller.registry.get(range.block, range.region);
-  if (host === void 0 || !host.isConnected || controller.composingKey === chunkZ6LAARPB_cjs.hostKey(range.block, range.region)) {
+  if (host === void 0 || !host.isConnected || controller.composingKey === chunkMGN332NY_cjs.hostKey(range.block, range.region)) {
     return null;
   }
   const rect = textRect(host, range);
@@ -4418,7 +4431,7 @@ function useSelectionAnchor(controller, state) {
     [controller, state]
   );
   const [side, setSide] = React7.useState("top");
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const rect = selectionRect(controller);
     if (rect) setSide(rect.top < ROOM_ABOVE ? "bottom" : "top");
   }, [controller, state]);
@@ -4500,7 +4513,7 @@ function TurnIntoDropdown({ controller, state }) {
 }
 var DIVIDER = "mx-0.5 h-5 w-px shrink-0 bg-border";
 function BubbleToolbar({ controller, labels, store, extraItems }) {
-  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
+  const state = chunkMGN332NY_cjs.useEditorState(controller, chunkMGN332NY_cjs.wholeState);
   const { anchor, side } = useSelectionAnchor(controller, state);
   const roving = useRovingFocus();
   const items = React7.useMemo(() => bubbleItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
@@ -4548,9 +4561,9 @@ var readOnServer = () => false;
 function useMediaQuery(query, unsupported) {
   const subscribe3 = React7.useCallback(
     (notify) => {
-      const list = listOf(query);
-      list?.addEventListener("change", notify);
-      return () => list?.removeEventListener("change", notify);
+      const list2 = listOf(query);
+      list2?.addEventListener("change", notify);
+      return () => list2?.removeEventListener("change", notify);
     },
     [query]
   );
@@ -4564,8 +4577,8 @@ var useFinePointer = () => useMediaQuery("(pointer: fine)", true);
 // src/menus/bubble/use-bubble-visibility.ts
 var hasTextRange = (state) => state.selection?.kind === "text" && !chunkFK7EBZPX_cjs.isCollapsed(state.selection) && chunkFK7EBZPX_cjs.markRanges(state).length > 0;
 function useBubbleVisibility(controller) {
-  const range = chunkZ6LAARPB_cjs.useEditorState(controller, hasTextRange);
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const range = chunkMGN332NY_cjs.useEditorState(controller, hasTextRange);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const fine = useFinePointer();
   const settled = useSelectionSettled(controller);
   return range && !readOnly && fine && settled;
@@ -4588,7 +4601,7 @@ function bubbleExtension() {
 // src/menus/link/link-at-selection.ts
 function linkAround(state, from, to = from) {
   if (from.block !== to.block || from.region !== to.region) return null;
-  const inline = chunkZ6LAARPB_cjs.regionInline(state, from.block, from.region) ?? [];
+  const inline = chunkMGN332NY_cjs.regionInline(state, from.block, from.region) ?? [];
   const extent = chunkFK7EBZPX_cjs.markExtent(inline, from.offset, "link");
   if (extent === null || to.offset > extent.to) return null;
   const attrs = chunkI7X7B3WD_cjs.sliceInline(inline, extent.from, extent.to)[0]?.marks.find((mark) => mark.type === "link")?.attrs;
@@ -4611,7 +4624,7 @@ function linkElementAt(controller, target) {
 }
 function linkAtElement(controller, state, element) {
   const host = controller.registry.locate(element);
-  const offset = host === null ? null : chunkZ6LAARPB_cjs.domMapOf(host.element)?.fromDom(element, 0) ?? null;
+  const offset = host === null ? null : chunkMGN332NY_cjs.domMapOf(host.element)?.fromDom(element, 0) ?? null;
   if (host === null || offset === null) return null;
   return linkAround(state, { block: host.block, region: host.region, offset });
 }
@@ -4664,7 +4677,7 @@ function caretLinkKey(state) {
   return link && [link.range.block, link.range.region, link.range.from, link.href].join("\0");
 }
 function useCaretInLink(controller, delay) {
-  const key = chunkZ6LAARPB_cjs.useEditorState(controller, caretLinkKey);
+  const key = chunkMGN332NY_cjs.useEditorState(controller, caretLinkKey);
   const settled = useSelectionSettled(controller);
   return useRestedValue(settled ? key : null, delay) !== null;
 }
@@ -4698,7 +4711,7 @@ var URL_LENGTH = 48;
 var CARD = "flex w-auto items-center gap-0.5 py-1 ps-3 pe-1 shadow-md";
 var ADDRESS = "me-1 whitespace-nowrap text-sm text-muted-foreground";
 function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
-  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
+  const state = chunkMGN332NY_cjs.useEditorState(controller, chunkMGN332NY_cjs.wholeState);
   const link = React7.useMemo(
     () => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
     [controller, state, element]
@@ -4716,7 +4729,7 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
   const edit2 = () => {
     if (element !== null) {
       const selection = chunkFK7EBZPX_cjs.textSelection({ block, region, offset: from }, { block, region, offset: to });
-      chunkZ6LAARPB_cjs.dispatchSelection(controller, selection);
+      chunkMGN332NY_cjs.dispatchSelection(controller, selection);
     }
     store.set({ linkPopover: { open: true } });
   };
@@ -4883,7 +4896,7 @@ function LinkOverlay({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
   const popoverOpen = useCanvasUi(store, isPopoverOpen);
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   useLinkClicks(controller);
   React7.useEffect(() => {
     if (readOnly && store.get().linkPopover.open) store.set({ linkPopover: { open: false } });
@@ -5063,12 +5076,13 @@ function useRangeAnchor(controller, range) {
   const [side, setSide] = React7.useState("bottom");
   const latest = React7.useRef(range);
   const start = range === null ? null : `${range.block} ${range.region} ${range.from}`;
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = range;
   });
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const rect = latest.current && rangeRect(controller, latest.current);
-    if (rect) setSide(sideFor(rect, window.innerHeight));
+    const height = controller.root?.ownerDocument.defaultView?.innerHeight;
+    if (rect && height !== void 0) setSide(sideFor(rect, height));
   }, [controller, start]);
   return { anchor, side };
 }
@@ -5092,11 +5106,11 @@ function openCombobox(host, listboxId) {
 }
 function useComboboxHost(controller, block, region, listboxId, activeOptionId) {
   const host = React7.useRef(null);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     host.current = block === null || region === null ? null : controller.registry.get(block, region) ?? null;
     return host.current === null ? void 0 : openCombobox(host.current, listboxId);
   }, [controller, block, region, listboxId]);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     if (host.current !== null) restore(host.current, "aria-activedescendant", activeOptionId);
   }, [block, region, activeOptionId]);
 }
@@ -5142,10 +5156,10 @@ function handle(event, menu) {
 }
 function useSuggestionKeys(controller, open, menu) {
   const latest = React7.useRef(menu);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = menu;
   });
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     if (!open) return;
     const intercept = (event) => {
       const handled = handle(event, latest.current);
@@ -5166,10 +5180,10 @@ var isPromise = (value) => typeof value?.then === "function";
 function useSuggestionResults(source, query, onError) {
   const [answer, setAnswer] = React7.useState(FORGOTTEN);
   const report = React7.useRef(onError);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     report.current = onError;
   });
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     if (query === null) {
       setAnswer(FORGOTTEN);
       return;
@@ -5213,9 +5227,9 @@ function useSuggestion({
   emptyLabel
 }) {
   const { labels, onError } = useQuoin();
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const selectTrigger = React7.useCallback((state) => chunkFK7EBZPX_cjs.getPluginState(state, pluginKey).active, [pluginKey]);
-  const active = chunkZ6LAARPB_cjs.useEditorState(controller, selectTrigger);
+  const active = chunkMGN332NY_cjs.useEditorState(controller, selectTrigger);
   const trigger = readOnly ? null : active;
   const results = useSuggestionResults(source, trigger?.query ?? null, onError);
   const sections = React7.useMemo(() => groupItems(results.items, groupOf2), [results.items, groupOf2]);
@@ -5285,7 +5299,7 @@ function SuggestionMenu(props) {
   const { trigger, sections, activeIndex, listboxId } = suggestion;
   const { anchor, side } = useRangeAnchor(controller, trigger);
   const listbox = React7.useRef(null);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     listbox.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [activeIndex, sections]);
   if (trigger === null) return null;
@@ -5364,7 +5378,7 @@ var TEXT_STEPS = /* @__PURE__ */ new Set(["replaceInline", "addMark", "removeMar
 var WHITESPACE3 = /\s/;
 var changesBlocks = (tr) => tr !== null && tr.steps.some((step) => !TEXT_STEPS.has(step.stepType));
 function withSpaceBefore(state, range) {
-  const inline = chunkZ6LAARPB_cjs.regionInline(state, range.block, range.region);
+  const inline = chunkMGN332NY_cjs.regionInline(state, range.block, range.region);
   if (inline === void 0 || range.from === 0) return null;
   const text2 = chunkI7X7B3WD_cjs.inlineText(inline);
   const after = text2.charAt(range.to);
@@ -5552,7 +5566,7 @@ function placement(viewport) {
 function EditingTools({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
-  const state = chunkZ6LAARPB_cjs.useEditorState(controller, chunkZ6LAARPB_cjs.wholeState);
+  const state = chunkMGN332NY_cjs.useEditorState(controller, chunkMGN332NY_cjs.wholeState);
   const viewport = useVisualViewport();
   const roving = useRovingFocus();
   const items = React7.useMemo(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
@@ -5815,6 +5829,14 @@ function shortcutsExtension(store) {
     ui: { overlays: [ShortcutsOverlay] }
   });
 }
+function useRootDirection(controller) {
+  const [direction, setDirection] = React7.useState("ltr");
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
+    const root = controller.root;
+    if (root !== null) setDirection(chunkMGN332NY_cjs.inlineDirection(root));
+  }, [controller]);
+  return direction;
+}
 
 // src/canvas/block-link.ts
 var FRAGMENT = "#block-";
@@ -5876,7 +5898,7 @@ function runHistoryKey(controller, event) {
 }
 function useBlockIndex(controller, blockId) {
   const select = React7.useCallback((state) => state.doc.index.get(blockId) ?? -1, [blockId]);
-  return chunkZ6LAARPB_cjs.useEditorState(controller, select);
+  return chunkMGN332NY_cjs.useEditorState(controller, select);
 }
 var FOCUSABLE = [
   "input:not([disabled])",
@@ -5903,8 +5925,8 @@ function useEditingFocus(root, editing, stop) {
     const leaveUnlessInside = (event) => {
       if (!inside.current.has(event)) stop();
     };
-    const unlistenCapture = chunkZ6LAARPB_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
-    const unlisten = chunkZ6LAARPB_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
+    const unlistenCapture = chunkMGN332NY_cjs.listen(doc, { pointerdown: leaveForCanvas }, true);
+    const unlisten = chunkMGN332NY_cjs.listen(doc, { pointerdown: leaveUnlessInside, focusin: leaveUnlessInside });
     return () => {
       unlistenCapture();
       unlisten();
@@ -5933,8 +5955,8 @@ function VoidEditor({ Editor, controller, ...props }) {
 }
 function VoidBlock({ block, controller, definition }) {
   const { blockTypes, labels } = useQuoin();
-  const { report } = React7.useContext(chunkZ6LAARPB_cjs.BlockErrorContext);
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const { report } = React7.useContext(chunkMGN332NY_cjs.BlockErrorContext);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const { editor: Editor, alwaysEditing = false } = definition;
   const name = blockTypeLabel(labels, block, blockTypes);
   const blockId = block.id;
@@ -5998,7 +6020,7 @@ function VoidBlock({ block, controller, definition }) {
       role: "group",
       "aria-label": name,
       tabIndex: editorShown ? -1 : void 0,
-      ...{ [chunkZ6LAARPB_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
+      ...{ [chunkMGN332NY_cjs.NATIVE_INTERACTION]: editorShown ? "" : void 0 },
       onKeyDown,
       ...focusHandlers,
       onClick,
@@ -6067,6 +6089,8 @@ function extensionUi(extension) {
   const { ui } = extension;
   return typeof ui === "object" && ui !== null ? ui : {};
 }
+var list = (value) => Array.isArray(value) ? value : [];
+var record = (value) => typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
 function mergeRender(uis) {
   const given = uis.flatMap(({ render }) => render === void 0 ? [] : [render]);
   if (given.length === 0) return void 0;
@@ -6079,14 +6103,14 @@ function mergeRender(uis) {
 function collectUi(extensions, definitions, readOnly = false, onError) {
   const uis = extensions.map(extensionUi);
   return {
-    slashItems: [...uis.flatMap((ui) => ui.slashItems ?? []), ...blockTypeSlashItems(definitions, onError)],
-    bubbleItems: uis.flatMap((ui) => ui.bubbleItems ?? []),
-    blockMenuItems: uis.flatMap((ui) => ui.blockMenuItems ?? []),
-    renderers: Object.assign({}, canvasRenderers(definitions, readOnly), ...uis.map((ui) => ui.renderers)),
-    blockNames: Object.assign({}, ...uis.map((ui) => ui.blockNames)),
+    slashItems: [...uis.flatMap((ui) => list(ui.slashItems)), ...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))),
+    blockNames: Object.assign({}, ...uis.map((ui) => record(ui.blockNames))),
     render: mergeRender(uis),
     overlays: [
-      ...uis.flatMap((ui) => ui.overlays ?? []),
+      ...uis.flatMap((ui) => list(ui.overlays)),
       ...Object.entries(inPlaceOverlays).flatMap(([type, overlay]) => drawnInPlace(definitions, type) ? [overlay] : [])
     ]
   };
@@ -6217,7 +6241,7 @@ function deletions(codec, tr) {
 }
 function useDeleteReporter(controller, onDelete) {
   const latest = React7.useRef(onDelete);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     latest.current = onDelete;
   });
   React7.useEffect(() => {
@@ -6294,19 +6318,22 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
   );
   useDefinitionWarnings(blockTypes, readOnly);
   const [focusOnMount] = React7.useState(autoFocus);
-  const controller = chunkZ6LAARPB_cjs.useQuoinEditor({
+  const controller = chunkMGN332NY_cjs.useQuoinEditor({
     blocks,
     onChange,
     readOnly,
     extensions: allExtensions,
     render: ui.render,
-    onFiles: (files, at) => void insertUploads(controller, files, at, {
-      upload,
-      resolveAssetUrl: resolveAssetUrl ?? String,
-      onError: onError ?? console.error,
-      unavailable: labels.uploadsUnavailable,
-      failed: labels.uploadFailed
-    })
+    onFiles(files, at) {
+      const report = onError ?? console.error;
+      void insertUploads(controller, files, at, {
+        upload,
+        resolveAssetUrl: resolveAssetUrl ?? String,
+        onError: report,
+        unavailable: labels.uploadsUnavailable,
+        failed: labels.uploadFailed
+      }).catch((reason) => report(toError(reason)));
+    }
   });
   useDeleteReporter(controller, onDelete);
   useBlockLinkTarget(controller, focusOnMount);
@@ -6327,6 +6354,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
     const placeholderLabels = placeholder === void 0 ? labels : { ...labels, placeholderEmpty: placeholder };
     return (state, block) => placeholderFor(state, block, placeholderLabels);
   }, [labels, placeholder]);
+  const direction = useRootDirection(controller);
   React7.useImperativeHandle(
     ref,
     () => ({
@@ -6337,8 +6365,8 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
     }),
     [controller, resolveAssetUrl]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsxRuntime.jsx(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsxRuntime.jsx(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsxRuntime.jsx(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsxRuntime.jsx(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkZ6LAARPB_cjs.EditorView,
+  return /* @__PURE__ */ jsxRuntime.jsx(reactDirection.DirectionProvider, { dir: direction, children: /* @__PURE__ */ jsxRuntime.jsx(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsxRuntime.jsx(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsxRuntime.jsx(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsxRuntime.jsx(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsxRuntime.jsx(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkMGN332NY_cjs.EditorView,
     {
       controller,
       renderers: ui.renderers,
@@ -6364,7 +6392,7 @@ var BlockCanvas = React7.forwardRef(function BlockCanvas2({
         ui.overlays.map((Overlay2, index) => /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { controller }, index))
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) }) }) });
 });
 function progressText(state, labels) {
   if (state.phase === "busy") return labels.uploading;
@@ -6428,8 +6456,15 @@ async function attemptSave(run) {
     return { error };
   }
 }
+function retryable(error, isRetryable) {
+  try {
+    return isRetryable(error);
+  } catch {
+    return false;
+  }
+}
 function nextRetryDelay(error, retriesSoFar, { debounceMs, maxBackoffMs, maxRetries, isRetryable }) {
-  if (retriesSoFar >= maxRetries || !isRetryable(error)) return null;
+  if (retriesSoFar >= maxRetries || !retryable(error, isRetryable)) return null;
   return Math.min(debounceMs * 2 ** (retriesSoFar + 1), maxBackoffMs);
 }
 
@@ -6622,7 +6657,6 @@ exports.dismissSuggestion = dismissSuggestion;
 exports.englishLabels = englishLabels;
 exports.focusNode = focusNode;
 exports.formatShortcut = formatShortcut;
-exports.inlineDirection = inlineDirection;
 exports.insertBlockToWrite = insertBlockToWrite;
 exports.insertBlocks = insertBlocks;
 exports.interceptKeys = interceptKeys;