quoin-editor 1.0.2 → 1.1.1

package/dist/{chunk-T43RZTUT.js → chunk-DYWU4SQ2.js}

@@ -1,144 +1,19 @@
-import {
-  EditableRegion,
-  EditorView,
-  NATIVE_INTERACTION,
-  NODE_ENTRY,
-  TaskCheckbox,
-  ToggleChevron,
-  createAutoScroll,
-  dispatchSelection,
-  domMapOf,
-  drawnBlockCount,
-  hostKey,
-  isComposingKey,
-  listen,
-  moveToNeighbour,
-  onBlock,
-  regionInline,
-  textDiff,
-  useBlockDomId,
-  useEditorState,
-  useIsomorphicLayoutEffect,
-  useOrderedNumber,
-  useQuoinEditor,
-  useReadOnly,
-  useRegionDomId,
-  useToggleOpen,
-  visibleBlockIndexes,
-  wholeState
-} from "./chunk-EPARJI4V.js";
-import {
-  blockByType,
-  defineBlock,
-  devWarn,
-  highlightedLines,
-  paletteBlocks,
-  tokenColour
-} from "./chunk-O4Z2WMFF.js";
-import {
-  HISTORY_GROUP,
-  LINE_JOIN,
-  LINE_SPLIT,
-  Transaction,
-  blockRangeSelection,
-  caretMarks,
-  coreExtensions,
-  createBlock,
-  createPluginKey,
-  defineExtension,
-  deleteBlocks,
-  descendantsEnd,
-  detectMac,
-  duplicateBlocks,
-  endOf,
-  getPluginState,
-  headBlockId,
-  indent,
-  insertBlockAfter,
-  insertBlocksStep,
-  insertText,
-  isActive,
-  isCollapsed,
-  isParagraph,
-  isTextFlow,
-  keyName,
-  markExtent,
-  markRanges,
-  moveBlocksDown,
-  moveBlocksTo,
-  moveBlocksUp,
-  movedBlockIds,
-  nodeSelection,
-  normalizeKey,
-  orderedRange,
-  outdent,
-  primaryRegion,
-  rangeContent,
-  redo,
-  regionLength,
-  removeMarkStep,
-  replaceBlockStep,
-  replaceInlineStep,
-  runCommands,
-  sameSelection,
-  selectAll,
-  selectedBlockIds,
-  selectedBlockRange,
-  setAttrs,
-  setAttrsStep,
-  setBlockColor,
-  setBlockType,
-  setLink,
-  setMark,
-  setSelection,
-  setTextAlign,
-  startOf,
-  textSelection,
-  toMarkdown,
-  toggleMark,
-  undo,
-  unsetLink,
-  unsetMark,
-  validateSelection
-} from "./chunk-OBMBSU2S.js";
-import {
-  sameValue
-} from "./chunk-RJRX34BZ.js";
-import {
-  PALETTE,
-  SCHEME,
-  addMark,
-  alignOrUndefined,
-  blockById,
-  blockPlainText,
-  createBlockCodec,
-  createDoc,
-  hasMark,
-  headingLevel,
-  inlineLength,
-  inlineText,
-  newId,
-  optionalNumber,
-  paletteOrUndefined,
-  parseInline,
-  requireBlockIndex,
-  sameItems,
-  sanitizeAssetUrl,
-  sanitizeHref,
-  sliceInline,
-  specFor,
-  str,
-  text
-} from "./chunk-4XFXB37X.js";
-
-// src/canvas/BlockCanvas.tsx
-import { forwardRef as forwardRef8, useImperativeHandle as useImperativeHandle2, useMemo as useMemo17, useState as useState19 } from "react";
-
-// src/blocks/core.ts
-import { Code, FileText, Image, MessageSquare, Paperclip } from "lucide-react";
-
-// src/context.tsx
-import * as React from "react";
+import { useQuoinEditor, EditorView, useIsomorphicLayoutEffect, useReadOnly, useEditorState, listen, wholeState, NODE_ENTRY, useBlockDomId, useToggleOpen, ToggleChevron, EditableRegion, drawnBlockCount, isComposingKey, NATIVE_INTERACTION, useRegionDomId, TaskCheckbox, useOrderedNumber, createAutoScroll, domMapOf, dispatchSelection, regionInline, onBlock, hostKey, BlockErrorContext, textDiff, moveToNeighbour, visibleBlockIndexes } from './chunk-IEP7BPFN.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-L4D23LM2.js';
+import { sameValue } from './chunk-3BXUGX5F.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 } from './chunk-L6OW2FL3.js';
+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 { FileText, MessageSquare, Code, Image, Paperclip, CopyPlus, Copy, Link, ArrowUp, ArrowDown, Trash, Keyboard, Plus, GripVertical, Minus, Check, ExternalLink, Unlink, ChevronRightIcon, CircleIcon, ChevronDown, ListCollapse, Heading1, Heading2, Heading3, Baseline, AlignLeft, AlignJustify, AlignRight, AlignCenter, CheckIcon, Pencil, XIcon, Upload, Download, Repeat2, Palette, Droplet, Sticker, FileIcon, FileImage, FileMusic, FilePlay, FileArchive, Subscript, Superscript, Bold, Italic, Underline, Strikethrough, Type, List, ListOrdered, ListTodo, TextQuote, ListIndentIncrease, ListIndentDecrease, Undo2, Redo2 } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { clsx } from 'clsx';
+import { Slot } from '@radix-ui/react-slot';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { createPortal } from 'react-dom';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 
 // src/blocks/file/format-size.ts
 var UNITS = ["B", "KB", "MB", "GB", "TB"];
@@ -315,6 +190,7 @@ var englishLabels = {
   selectedContent: "Selected content",
   editBlock: (label) => `Edit ${label}`,
   unsupportedBlock: "Unsupported block",
+  blockError: "Block could not be drawn",
   uploading: "Uploading...",
   uploaded: (name) => `Uploaded ${name}`,
   uploadFailed: "Upload failed.",
@@ -335,6 +211,9 @@ var englishLabels = {
   altTextHint: "Required. Describe what the image shows for anyone who cannot see it.",
   save: "Save",
   imageNoAlt: "Image, no description",
+  decorativeImage: "Decorative image",
+  noAltBadge: "No alt text",
+  addAltText: "No alt text, add alt text",
   uploadFile: "Upload file",
   dropFile: "Or drop or paste a file here.",
   fileTools: "File tools",
@@ -352,16 +231,13 @@ var englishLabels = {
   emptyMarkdown: "Empty markdown block",
   emptyCallout: "Empty callout"
 };
-
-// src/context.tsx
-import { jsx } from "react/jsx-runtime";
-var QuoinContext = React.createContext(null);
+var QuoinContext = React7.createContext(null);
 function QuoinProvider({
   value,
   children
 }) {
   const { blockTypes, upload, resolveAssetUrl, onError, highlight, controller = null, labels = englishLabels } = value;
-  const config = React.useMemo(
+  const config = React7.useMemo(
     () => ({
       blockTypes,
       upload,
@@ -378,7 +254,7 @@ function QuoinProvider({
   return /* @__PURE__ */ jsx(QuoinContext.Provider, { value: config, children });
 }
 function useQuoin() {
-  const config = React.useContext(QuoinContext);
+  const config = React7.useContext(QuoinContext);
   if (!config) throw new Error("useQuoin must be used inside a QuoinProvider.");
   return config;
 }
@@ -390,20 +266,16 @@ function useLabels() {
 
 // src/blocks/caption-markdown.ts
 var captionText = (markdown) => inlineText(parseInline(markdown), () => "");
-
-// src/blocks/code/HighlightOverlay.tsx
-import { Fragment, useMemo as useMemo2 } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Token({ text: text2, color, className }) {
-  return /* @__PURE__ */ jsx2("span", { style: { color: tokenColour(color) }, className, children: text2 });
+  return /* @__PURE__ */ jsx("span", { style: { color: tokenColour(color) }, className, children: text2 });
 }
 function HighlightOverlay({ code, language: language2, drawnRef, ...props }) {
   const { highlight } = useQuoin();
-  const lines = useMemo2(() => highlightedLines(highlight, code, language2), [highlight, code, language2]);
+  const lines = useMemo(() => highlightedLines(highlight, code, language2), [highlight, code, language2]);
   return /* @__PURE__ */ jsxs("pre", { ...props, ref: drawnRef, className: "quoin-code-text", children: [
-    /* @__PURE__ */ jsx2("code", { children: lines === null ? code : lines.map((line, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("code", { children: lines === null ? code : lines.map((line, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
       index > 0 && "\n",
-      line.map((token, at) => /* @__PURE__ */ jsx2(Token, { ...token }, at))
+      line.map((token, at) => /* @__PURE__ */ jsx(Token, { ...token }, at))
     ] }, index)) }),
     "\n"
   ] });
@@ -426,9 +298,6 @@ function imageSource(attrs, resolveAssetUrl) {
   const url = str(attrs.url);
   return url === "" ? assetHref(resolveAssetUrl, str(attrs.storageKey)) : sanitizeHref(url);
 }
-
-// src/blocks/previews.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var HINT = "text-sm text-muted-foreground";
 var TONE = {
   info: "border-info bg-info/15",
@@ -440,35 +309,35 @@ var TONE = {
 function MarkdownPreview({ data }) {
   const labels = useLabels();
   const markdown = str(data.markdown);
-  if (markdown.trim() === "") return /* @__PURE__ */ jsx3("p", { className: HINT, children: labels.emptyMarkdown });
-  return /* @__PURE__ */ jsx3("div", { className: "whitespace-pre-wrap text-base leading-7", children: markdown });
+  if (markdown.trim() === "") return /* @__PURE__ */ jsx("p", { className: HINT, children: labels.emptyMarkdown });
+  return /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-base leading-7", children: markdown });
 }
 function CodePreview({ data }) {
-  return /* @__PURE__ */ jsx3("div", { dir: "ltr", className: "quoin-code quoin-code-scroll pt-3", children: /* @__PURE__ */ jsx3(HighlightOverlay, { code: str(data.code), language: str(data.language) }) });
+  return /* @__PURE__ */ jsx("div", { dir: "ltr", className: "quoin-code quoin-code-scroll pt-3", children: /* @__PURE__ */ jsx(HighlightOverlay, { code: str(data.code), language: str(data.language) }) });
 }
 function ImagePreview({ data }) {
   const { resolveAssetUrl, labels } = useQuoin();
   const src = imageSource(data, resolveAssetUrl);
-  if (src === null) return /* @__PURE__ */ jsx3("p", { className: HINT, children: labels.emptyImage });
+  if (src === null) return /* @__PURE__ */ jsx("p", { className: HINT, children: labels.emptyImage });
   const caption = captionText(str(data.caption));
-  return /* @__PURE__ */ jsxs2("figure", { children: [
-    /* @__PURE__ */ jsx3("img", { src, alt: str(data.alt) || labels.imageNoAlt, className: "max-w-full rounded-md" }),
-    caption && /* @__PURE__ */ jsx3("figcaption", { className: HINT, children: caption })
+  return /* @__PURE__ */ jsxs("figure", { children: [
+    /* @__PURE__ */ jsx("img", { src, alt: str(data.alt) || labels.imageNoAlt, className: "max-w-full rounded-md" }),
+    caption && /* @__PURE__ */ jsx("figcaption", { className: HINT, children: caption })
   ] });
 }
 function FilePreview({ data }) {
   const labels = useLabels();
   const name = str(data.filename);
-  if (name === "") return /* @__PURE__ */ jsx3("p", { className: HINT, children: labels.emptyFile });
-  return /* @__PURE__ */ jsx3("p", { className: "text-sm", children: name });
+  if (name === "") return /* @__PURE__ */ jsx("p", { className: HINT, children: labels.emptyFile });
+  return /* @__PURE__ */ jsx("p", { className: "text-sm", children: name });
 }
 function CalloutPreview({ data }) {
   const labels = useLabels();
   const body = str(data.body);
-  if (body.trim() === "") return /* @__PURE__ */ jsx3("p", { className: HINT, children: labels.emptyCallout });
+  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__ */ jsx3("div", { "data-tone": tone, className: `rounded-md border-l-4 ${paint} p-3 text-sm`, children: body });
+  return /* @__PURE__ */ jsx("div", { "data-tone": tone, className: `rounded-md border-l-4 ${paint} p-3 text-sm`, children: body });
 }
 
 // src/blocks/core.ts
@@ -510,9 +379,6 @@ var coreBlocks = [
   })
 ];
 
-// src/blocks/void/use-void-editing.ts
-import { createContext as createContext2, useCallback, useContext as useContext2, useEffect, useState } from "react";
-
 // src/blocks/void/select-node.ts
 function selectNode(controller, blockId) {
   const { editor } = controller;
@@ -526,9 +392,9 @@ function focusNode(controller, blockId) {
 }
 
 // src/blocks/void/use-void-editing.ts
-var VoidEditingContext = createContext2(null);
+var VoidEditingContext = createContext(null);
 function useVoidEditing(controller, blockId, canEdit = true) {
-  const voidEditing = useContext2(VoidEditingContext);
+  const voidEditing = useContext(VoidEditingContext);
   const [editing, setEditing] = useState(false);
   if (editing && !canEdit) setEditing(false);
   const start = useCallback(() => {
@@ -588,9 +454,6 @@ function createVoidEditing() {
   };
 }
 
-// src/gutter/BlockContextMenu.tsx
-import { useRef as useRef17 } from "react";
-
 // src/blocks/text/return-focus-to-text.ts
 function focusBelongsInText(controller, focused) {
   if (!focused || focused === focused.ownerDocument.body) return true;
@@ -602,9 +465,6 @@ function returnFocusToText(controller) {
     if (focusBelongsInText(controller, controller.root?.ownerDocument.activeElement)) controller.focus();
   };
 }
-
-// src/canvas/ui-store.ts
-import { createContext as createContext3, useContext as useContext3, useSyncExternalStore } from "react";
 var INITIAL = {
   hoveredBlock: null,
   blockMenu: null,
@@ -614,18 +474,18 @@ var INITIAL = {
 };
 function createCanvasUiStore() {
   let state = INITIAL;
-  const listeners = /* @__PURE__ */ new Set();
+  const listeners2 = /* @__PURE__ */ new Set();
   return {
     get: () => state,
     set(patch) {
       const keys = Object.keys(patch);
       if (keys.every((key) => Object.is(state[key], patch[key]))) return;
       state = { ...state, ...patch };
-      for (const listener of [...listeners]) listener();
+      for (const listener of [...listeners2]) listener();
     },
     subscribe(listener) {
-      listeners.add(listener);
-      return () => void listeners.delete(listener);
+      listeners2.add(listener);
+      return () => void listeners2.delete(listener);
     }
   };
 }
@@ -633,21 +493,13 @@ function useCanvasUi(store, selector) {
   const read2 = () => selector(store.get());
   return useSyncExternalStore(store.subscribe, read2, read2);
 }
-var CanvasUiContext = createContext3(null);
+var CanvasUiContext = createContext(null);
 var CanvasUiProvider = CanvasUiContext.Provider;
 function useCanvasUiStore() {
-  const store = useContext3(CanvasUiContext);
+  const store = useContext(CanvasUiContext);
   if (store === null) throw new Error("useCanvasUiStore must be used inside a BlockCanvas.");
   return store;
 }
-
-// src/ui/context-menu.tsx
-import * as React2 from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-
-// src/ui/cn.ts
-import { clsx } from "clsx";
 var DISPLAY = /* @__PURE__ */ new Set(["block", "inline", "flex", "inline-flex", "grid", "contents", "hidden"]);
 var FONT_SIZE = /^text-(xs|sm|base|lg|\d?xl)(\/.+)?$/;
 var TEXT_NOT_COLOR = /^text-(left|center|right|justify|start|end|wrap|nowrap|balance|pretty|ellipsis|clip|shadow-.+|opacity-.+|[[(].*)$/;
@@ -715,20 +567,17 @@ var MENU_SUB_TRIGGER = [
 var MENU_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
 var MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
 var MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
-
-// src/ui/context-menu.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ContextMenu({ modal = false, ...props }) {
-  return /* @__PURE__ */ jsx4(ContextMenuPrimitive.Root, { modal, ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { modal, ...props });
 }
 function ContextMenuSub(props) {
-  return /* @__PURE__ */ jsx4(ContextMenuPrimitive.Sub, { ...props });
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { ...props });
 }
-var ContextMenuTrigger = /* @__PURE__ */ React2.forwardRef(function ContextMenuTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx4(ContextMenuPrimitive.Trigger, { ref, "data-slot": "context-menu-trigger", ...props });
+var ContextMenuTrigger = /* @__PURE__ */ React7.forwardRef(function ContextMenuTrigger2(props, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { ref, "data-slot": "context-menu-trigger", ...props });
 });
-var ContextMenuContent = /* @__PURE__ */ React2.forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
+var ContextMenuContent = /* @__PURE__ */ React7.forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     ContextMenuPrimitive.Content,
     {
       ref,
@@ -738,11 +587,11 @@ var ContextMenuContent = /* @__PURE__ */ React2.forwardRef(function ContextMenuC
     }
   ) });
 });
-var ContextMenuGroup = /* @__PURE__ */ React2.forwardRef(function ContextMenuGroup2(props, ref) {
-  return /* @__PURE__ */ jsx4(ContextMenuPrimitive.Group, { ref, "data-slot": "context-menu-group", ...props });
+var ContextMenuGroup = /* @__PURE__ */ React7.forwardRef(function ContextMenuGroup2(props, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { ref, "data-slot": "context-menu-group", ...props });
 });
-var ContextMenuItem = /* @__PURE__ */ React2.forwardRef(function ContextMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+var ContextMenuItem = /* @__PURE__ */ React7.forwardRef(function ContextMenuItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     ContextMenuPrimitive.Item,
     {
       ref,
@@ -753,11 +602,11 @@ var ContextMenuItem = /* @__PURE__ */ React2.forwardRef(function ContextMenuItem
     }
   );
 });
-var ContextMenuRadioGroup = /* @__PURE__ */ React2.forwardRef(function ContextMenuRadioGroup2(props, ref) {
-  return /* @__PURE__ */ jsx4(ContextMenuPrimitive.RadioGroup, { ref, "data-slot": "context-menu-radio-group", ...props });
+var ContextMenuRadioGroup = /* @__PURE__ */ React7.forwardRef(function ContextMenuRadioGroup2(props, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.RadioGroup, { ref, "data-slot": "context-menu-radio-group", ...props });
 });
-var ContextMenuRadioItem = /* @__PURE__ */ React2.forwardRef(function ContextMenuRadioItem2({ className, children, indicator = /* @__PURE__ */ jsx4(CircleIcon, { className: "size-2 fill-current" }), ...props }, ref) {
-  return /* @__PURE__ */ jsxs3(
+var ContextMenuRadioItem = /* @__PURE__ */ React7.forwardRef(function ContextMenuRadioItem2({ className, children, indicator = /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }), ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
     ContextMenuPrimitive.RadioItem,
     {
       ref,
@@ -765,14 +614,14 @@ var ContextMenuRadioItem = /* @__PURE__ */ React2.forwardRef(function ContextMen
       className: cn(MENU_CHECKABLE_ITEM, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx4("span", { className: MENU_ITEM_INDICATOR, children: /* @__PURE__ */ jsx4(ContextMenuPrimitive.ItemIndicator, { children: indicator }) }),
+        /* @__PURE__ */ jsx("span", { className: MENU_ITEM_INDICATOR, children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: indicator }) }),
         children
       ]
     }
   );
 });
-var ContextMenuLabel = /* @__PURE__ */ React2.forwardRef(function ContextMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+var ContextMenuLabel = /* @__PURE__ */ React7.forwardRef(function ContextMenuLabel2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     ContextMenuPrimitive.Label,
     {
       ref,
@@ -783,8 +632,8 @@ var ContextMenuLabel = /* @__PURE__ */ React2.forwardRef(function ContextMenuLab
     }
   );
 });
-var ContextMenuSeparator = /* @__PURE__ */ React2.forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+var ContextMenuSeparator = /* @__PURE__ */ React7.forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     ContextMenuPrimitive.Separator,
     {
       ref,
@@ -794,11 +643,11 @@ var ContextMenuSeparator = /* @__PURE__ */ React2.forwardRef(function ContextMen
     }
   );
 });
-var ContextMenuShortcut = /* @__PURE__ */ React2.forwardRef(function ContextMenuShortcut2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4("span", { ref, "data-slot": "context-menu-shortcut", className: cn(MENU_SHORTCUT, className), ...props });
+var ContextMenuShortcut = /* @__PURE__ */ React7.forwardRef(function ContextMenuShortcut2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("span", { ref, "data-slot": "context-menu-shortcut", className: cn(MENU_SHORTCUT, className), ...props });
 });
-var ContextMenuSubTrigger = /* @__PURE__ */ React2.forwardRef(function ContextMenuSubTrigger2({ className, inset, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs3(
+var ContextMenuSubTrigger = /* @__PURE__ */ React7.forwardRef(function ContextMenuSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
     ContextMenuPrimitive.SubTrigger,
     {
       ref,
@@ -808,13 +657,13 @@ var ContextMenuSubTrigger = /* @__PURE__ */ React2.forwardRef(function ContextMe
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     }
   );
 });
-var ContextMenuSubContent = /* @__PURE__ */ React2.forwardRef(function ContextMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(
+var ContextMenuSubContent = /* @__PURE__ */ React7.forwardRef(function ContextMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     ContextMenuPrimitive.SubContent,
     {
       ref,
@@ -825,9 +674,6 @@ var ContextMenuSubContent = /* @__PURE__ */ React2.forwardRef(function ContextMe
   );
 });
 
-// src/gutter/block-menu-items.ts
-import { ArrowDown, ArrowUp, Copy, CopyPlus, Link, Trash } from "lucide-react";
-
 // src/gutter/copy-text.ts
 function copyThroughTextArea(text2, doc) {
   const previous = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
@@ -984,12 +830,6 @@ function closeBlockMenu(store) {
   store.set({ blockMenu: null, hoveredBlock: null });
 }
 
-// src/gutter/BlockMenuItems.tsx
-import { Fragment as Fragment6 } from "react";
-
-// src/gutter/CalloutMenus.tsx
-import { CheckIcon as CheckIcon2, Droplet, Sticker } from "lucide-react";
-
 // 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}"];
@@ -1006,15 +846,9 @@ function calloutTone(value) {
 function calloutIcon(attrs, tone) {
   return typeof attrs.icon === "string" && attrs.icon !== "" ? attrs.icon : TONE_ICONS[tone];
 }
-
-// src/gutter/MenuIcon.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
 function MenuIcon({ icon: Icon }) {
-  return /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ jsx5(Icon, { className: "size-4" }) });
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ jsx(Icon, { className: "size-4" }) });
 }
-
-// src/gutter/CalloutMenus.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var sharedTone = (blocks) => {
   const tones = new Set(blocks.map((block) => calloutTone(block.attrs.tone)));
   return tones.size === 1 ? [...tones][0] : "";
@@ -1023,51 +857,46 @@ function CalloutMenus({ kit, controller, blocks }) {
   const labels = useLabels();
   const blockIds = blocks.map((block) => block.id);
   const apply = (patch) => runOnBlocks(controller, blockIds, setAttrs(patch));
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsxs4(kit.Sub, { children: [
-      /* @__PURE__ */ jsxs4(kit.SubTrigger, { children: [
-        /* @__PURE__ */ jsx6(MenuIcon, { icon: Droplet }),
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(kit.Sub, { children: [
+      /* @__PURE__ */ jsxs(kit.SubTrigger, { children: [
+        /* @__PURE__ */ jsx(MenuIcon, { icon: Droplet }),
         labels.tone
       ] }),
-      /* @__PURE__ */ jsx6(kit.SubContent, { children: /* @__PURE__ */ jsx6(kit.RadioGroup, { value: sharedTone(blocks), onValueChange: (tone) => apply({ tone }), children: CALLOUT_TONES.map((tone) => /* @__PURE__ */ jsx6(kit.RadioItem, { value: tone, indicator: /* @__PURE__ */ jsx6(CheckIcon2, { className: "size-4" }), children: labels.calloutTones[tone] }, tone)) }) })
+      /* @__PURE__ */ jsx(kit.SubContent, { children: /* @__PURE__ */ jsx(kit.RadioGroup, { value: sharedTone(blocks), onValueChange: (tone) => apply({ tone }), children: CALLOUT_TONES.map((tone) => /* @__PURE__ */ jsx(kit.RadioItem, { value: tone, indicator: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }), children: labels.calloutTones[tone] }, tone)) }) })
     ] }),
-    /* @__PURE__ */ jsxs4(kit.Sub, { children: [
-      /* @__PURE__ */ jsxs4(kit.SubTrigger, { children: [
-        /* @__PURE__ */ jsx6(MenuIcon, { icon: Sticker }),
+    /* @__PURE__ */ jsxs(kit.Sub, { children: [
+      /* @__PURE__ */ jsxs(kit.SubTrigger, { children: [
+        /* @__PURE__ */ jsx(MenuIcon, { icon: Sticker }),
         labels.icon
       ] }),
-      /* @__PURE__ */ jsx6(kit.SubContent, { className: "min-w-0", children: CALLOUT_ICONS.map((icon) => /* @__PURE__ */ jsx6(kit.Item, { className: "justify-center text-base", onSelect: () => apply({ icon }), children: icon }, icon)) })
+      /* @__PURE__ */ jsx(kit.SubContent, { className: "min-w-0", children: CALLOUT_ICONS.map((icon) => /* @__PURE__ */ jsx(kit.Item, { className: "justify-center text-base", onSelect: () => apply({ icon }), children: icon }, icon)) })
     ] })
   ] });
 }
-
-// src/gutter/ColorMenu.tsx
-import { useId } from "react";
-import { CheckIcon as CheckIcon3, Palette } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function sharedColor(blocks, key) {
   const coloured = blocks.filter((block) => block.type === "MARKDOWN");
   const colors = new Set(coloured.map((block) => paletteOrUndefined(block.attrs[key]) ?? "default"));
   return colors.size === 1 ? [...colors][0] : "";
 }
 var swatches = {
-  color: (name) => /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", "data-color": name, className: "w-4 text-center font-medium", children: "A" }),
-  background: (name) => /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", "data-bg": name, className: "size-4 rounded-sm border border-border" })
+  color: (name) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-color": name, className: "w-4 text-center font-medium", children: "A" }),
+  background: (name) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-bg": name, className: "size-4 rounded-sm border border-border" })
 };
 function ColorGroups({ kit, value, onPick }) {
   const labels = useLabels();
   const textTitle = useId();
   const backgroundTitle = useId();
-  const group = (key, title, titleId) => /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx7(kit.Label, { id: titleId, children: title }),
-    /* @__PURE__ */ jsx7(kit.RadioGroup, { "aria-labelledby": titleId, value: value[key], onValueChange: (name) => onPick(key, name), children: PALETTE.map((name) => /* @__PURE__ */ jsxs5(kit.RadioItem, { value: name, indicator: /* @__PURE__ */ jsx7(CheckIcon3, { className: "size-4" }), children: [
+  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(CheckIcon, { className: "size-4" }), children: [
       swatches[key](name),
       labels.colors[name]
     ] }, name)) })
   ] });
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     group("color", labels.textColor, textTitle),
-    /* @__PURE__ */ jsx7(kit.Separator, {}),
+    /* @__PURE__ */ jsx(kit.Separator, {}),
     group("background", labels.backgroundColor, backgroundTitle)
   ] });
 }
@@ -1076,12 +905,12 @@ function ColorMenu({ kit, controller, blocks }) {
   const blockIds = blocks.map((block) => block.id);
   const value = { color: sharedColor(blocks, "color"), background: sharedColor(blocks, "background") };
   const pick = (key, name) => runOnBlocks(controller, blockIds, setBlockColor({ [key]: name === "default" ? null : name }));
-  return /* @__PURE__ */ jsxs5(kit.Sub, { children: [
-    /* @__PURE__ */ jsxs5(kit.SubTrigger, { children: [
-      /* @__PURE__ */ jsx7(MenuIcon, { icon: Palette }),
+  return /* @__PURE__ */ jsxs(kit.Sub, { children: [
+    /* @__PURE__ */ jsxs(kit.SubTrigger, { children: [
+      /* @__PURE__ */ jsx(MenuIcon, { icon: Palette }),
       labels.color
     ] }),
-    /* @__PURE__ */ jsx7(kit.SubContent, { children: /* @__PURE__ */ jsx7(ColorGroups, { kit, value, onPick: pick }) })
+    /* @__PURE__ */ jsx(kit.SubContent, { children: /* @__PURE__ */ jsx(ColorGroups, { kit, value, onPick: pick }) })
   ] });
 }
 
@@ -1126,12 +955,6 @@ function shortcutHint(key, isMac, labels) {
   return { text: formatShortcut(key, { isMac, labels }), aria };
 }
 
-// src/gutter/TurnIntoMenu.tsx
-import { Repeat2 } from "lucide-react";
-
-// src/blocks/code/CodeBlock.tsx
-import { useRef as useRef3 } from "react";
-
 // src/blocks/code/code-languages.ts
 var language = (name, id = name.toLowerCase(), ...aliases) => ({ id, name, aliases });
 var CODE_LANGUAGES = [
@@ -1191,9 +1014,6 @@ function languageOptions(query, plainText) {
   return [{ id: "", name: plainText }, ...CODE_LANGUAGES].filter(matches);
 }
 
-// src/blocks/code/CodeEditor.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useRef } from "react";
-
 // src/blocks/insert-blocks.ts
 var isEmptyParagraph = (schema, block) => isParagraph(block) && regionLength(block, primaryRegion(schema, block) ?? "") === 0;
 function fresh(schema, { id, type, attrs, regions }, indent3) {
@@ -1424,9 +1244,6 @@ function runCodeAction(action, context) {
   }
 }
 
-// src/blocks/code/use-type-into-code.ts
-import { useEffect as useEffect2 } from "react";
-
 // src/view/input/intercept-keys.ts
 function interceptKeys(controller, intercept) {
   controller.keyInterceptors.add(intercept);
@@ -1435,7 +1252,7 @@ function interceptKeys(controller, intercept) {
 
 // src/blocks/code/use-type-into-code.ts
 function useTypeIntoCode(controller, blockId, field, edit2) {
-  useEffect2(() => {
+  useEffect(() => {
     const typeInto = (event) => {
       const area = field.current;
       const { selection } = controller.editor.state;
@@ -1450,9 +1267,6 @@ function useTypeIntoCode(controller, blockId, field, edit2) {
     return interceptKeys(controller, typeInto);
   }, [controller, blockId, field, edit2]);
 }
-
-// src/blocks/code/CodeEditor.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var sessions = 0;
 function CodeEditor({ block, controller, field, focusControls }) {
   const labels = useLabels();
@@ -1461,12 +1275,12 @@ function CodeEditor({ block, controller, field, focusControls }) {
   const mark = useRef(null);
   const { editing, stop } = useVoidEditing(controller, block.id);
   const blockId = block.id;
-  const reveal = useCallback2(() => {
+  const reveal = useCallback(() => {
     if (field.current !== null && drawn.current !== null && mark.current !== null) {
       revealCaret(field.current, drawn.current, mark.current);
     }
   }, [field]);
-  useEffect3(() => {
+  useEffect(() => {
     const area = field.current;
     if (!editing || area === null) return;
     area.focus();
@@ -1474,7 +1288,7 @@ function CodeEditor({ block, controller, field, focusControls }) {
     reveal();
     stop();
   }, [editing, stop, field, reveal]);
-  const edit2 = useCallback2(
+  const edit2 = useCallback(
     (next) => {
       const area = field.current;
       if (area === null) return;
@@ -1490,8 +1304,8 @@ function CodeEditor({ block, controller, field, focusControls }) {
     const action = codeKeyAction(event, fieldOf(area), controller.isMac);
     if (action !== null && runCodeAction(action, { controller, blockId, area, edit: edit2, focusControls })) event.preventDefault();
   };
-  return /* @__PURE__ */ jsx8("div", { ...{ [NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxs6("div", { className: "quoin-code-lines", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx("div", { ...{ [NATIVE_INTERACTION]: "" }, dir: "ltr", className: "quoin-code-scroll", children: /* @__PURE__ */ jsxs("div", { className: "quoin-code-lines", children: [
+    /* @__PURE__ */ jsx(
       HighlightOverlay,
       {
         "aria-hidden": "true",
@@ -1500,8 +1314,8 @@ function CodeEditor({ block, controller, field, focusControls }) {
         language: str(block.attrs.language)
       }
     ),
-    /* @__PURE__ */ jsx8("span", { ref: mark, "aria-hidden": "true", className: "quoin-code-caret" }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx("span", { ref: mark, "aria-hidden": "true", className: "quoin-code-caret" }),
+    /* @__PURE__ */ jsx(
       "textarea",
       {
         ref: field,
@@ -1526,15 +1340,6 @@ function CodeEditor({ block, controller, field, focusControls }) {
     )
   ] }) });
 }
-
-// src/blocks/code/CopyCodeButton.tsx
-import { useEffect as useEffect4, useState as useState2 } from "react";
-import { Check, Copy as Copy2 } from "lucide-react";
-
-// src/ui/button.tsx
-import * as React3 from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx as jsx9 } from "react/jsx-runtime";
 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
@@ -1552,9 +1357,9 @@ var SIZES = {
   "icon-sm": `size-8 ${SQUARE_TAP_TARGET_FLOOR}`
 };
 var buttonVariants = ({ variant = "default", size = "default", className }) => cn(BASE, variant && VARIANTS[variant], size && SIZES[size], className);
-var Button = React3.forwardRef(function Button2({ className, variant = "default", size = "default", asChild = false, ...props }, ref) {
+var Button = React7.forwardRef(function Button2({ className, variant = "default", size = "default", asChild = false, ...props }, ref) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       ref,
@@ -1566,15 +1371,12 @@ var Button = React3.forwardRef(function Button2({ className, variant = "default"
     }
   );
 });
-
-// src/blocks/code/CopyCodeButton.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
 var COPIED_FOR_MS = 1500;
 function CopyCodeButton({ code, controller }) {
   const labels = useLabels();
   const readOnly = useReadOnly(controller);
-  const [copied, setCopied] = useState2(false);
-  useEffect4(() => {
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
     if (!copied) return;
     const timer = setTimeout(() => setCopied(false), COPIED_FOR_MS);
     return () => clearTimeout(timer);
@@ -1584,8 +1386,8 @@ function CopyCodeButton({ code, controller }) {
     setCopied(true);
     controller.announce(labels.copied);
   };
-  const Icon = copied ? Check : Copy2;
-  return /* @__PURE__ */ jsx10(
+  const Icon = copied ? Check : Copy;
+  return /* @__PURE__ */ jsx(
     Button,
     {
       type: "button",
@@ -1595,21 +1397,15 @@ function CopyCodeButton({ code, controller }) {
       "aria-label": labels.copyCode,
       className: "quoin-code-control",
       onClick: () => void copy(),
-      children: /* @__PURE__ */ jsx10(Icon, { "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" })
     }
   );
 }
 
-// src/blocks/code/LanguageCombobox.tsx
-import { useId as useId2, useRef as useRef2, useState as useState3 } from "react";
-
 // src/menus/floating/keep-focus.ts
 function keepFocus(event) {
   if (!("pointerType" in event) || event.pointerType !== "touch") event.preventDefault();
 }
-
-// src/menus/suggestion/SuggestionOption.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
 var OPTION = cn(
   "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm",
   "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
@@ -1617,7 +1413,7 @@ var OPTION = cn(
   TAP_TARGET_FLOOR
 );
 function SuggestionOption({ id, active, onHighlight, onChoose, children }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       role: "option",
@@ -1633,19 +1429,14 @@ function SuggestionOption({ id, active, onHighlight, onChoose, children }) {
     }
   );
 }
-
-// src/ui/popover.tsx
-import * as React4 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx12 } from "react/jsx-runtime";
 function Popover(props) {
-  return /* @__PURE__ */ jsx12(PopoverPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...props });
 }
-var PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function PopoverAnchor2(props, ref) {
-  return /* @__PURE__ */ jsx12(PopoverPrimitive.Anchor, { ref, "data-slot": "popover-anchor", ...props });
+var PopoverAnchor = /* @__PURE__ */ React7.forwardRef(function PopoverAnchor2(props, ref) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { ref, "data-slot": "popover-anchor", ...props });
 });
-var PopoverContent = /* @__PURE__ */ React4.forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx12(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+var PopoverContent = /* @__PURE__ */ React7.forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     {
       ref,
@@ -1668,20 +1459,17 @@ var preventDefault = (event) => event.preventDefault();
 function setBlockAttrs(controller, blockId, patch) {
   if (!controller.readOnly) controller.run(onBlock(blockId, setAttrs(patch)));
 }
-
-// src/blocks/code/LanguageCombobox.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 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 = useId2();
-  const list = useRef2(null);
-  const settled = useRef2(false);
-  const focusedByPress = useRef2(false);
+  const listboxId = useId();
+  const list = useRef(null);
+  const settled = useRef(false);
+  const focusedByPress = useRef(false);
   const shown = languageName(language2) ?? language2;
-  const [draft, setDraft] = useState3(null);
-  const [active, setActive] = useState3(-1);
+  const [draft, setDraft] = useState(null);
+  const [active, setActive] = useState(-1);
   const options = draft === null ? [] : languageOptions(draft === shown ? "" : draft, labels.plainText);
   const open = options.length > 0;
   const optionId = (index) => `${listboxId}-${index}`;
@@ -1721,8 +1509,8 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
       finish(event.key === "Enter" ? commit : close);
     }
   };
-  return /* @__PURE__ */ jsxs7(Popover, { open, children: [
-    /* @__PURE__ */ jsx13(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs(Popover, { open, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
       "input",
       {
         ref: field,
@@ -1760,7 +1548,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
         onKeyDown
       }
     ) }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx(
       PopoverContent,
       {
         role: void 0,
@@ -1768,7 +1556,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
         className: CONTENT,
         onOpenAutoFocus: preventDefault,
         onCloseAutoFocus: preventDefault,
-        children: /* @__PURE__ */ jsx13("div", { ref: list, role: "listbox", id: listboxId, "aria-label": labels.codeLanguage, className: "min-h-0 overflow-y-auto", children: options.map((option, index) => /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ 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__ */ jsx(
           SuggestionOption,
           {
             id: optionId(index),
@@ -1783,20 +1571,17 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
     )
   ] });
 }
-
-// src/blocks/code/CodeBlock.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var CodeBlock = ({ block, controller }) => {
   const labels = useLabels();
   const readOnly = useReadOnly(controller);
-  const languageField = useRef3(null);
-  const codeField = useRef3(null);
+  const languageField = useRef(null);
+  const codeField = useRef(null);
   const code = str(block.attrs.code);
   const language2 = str(block.attrs.language);
   const name = languageName(language2) ?? language2;
-  return /* @__PURE__ */ jsxs8("div", { role: "group", "aria-label": labels.blockNames.code, contentEditable: false, className: "quoin-code", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "quoin-code-header", children: [
-      readOnly ? /* @__PURE__ */ jsx14("span", { className: "quoin-code-language quoin-code-control", children: name || labels.plainText }) : /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": labels.blockNames.code, contentEditable: false, className: "quoin-code", children: [
+    /* @__PURE__ */ jsxs("div", { className: "quoin-code-header", children: [
+      readOnly ? /* @__PURE__ */ jsx("span", { className: "quoin-code-language quoin-code-control", children: name || labels.plainText }) : /* @__PURE__ */ jsx(
         LanguageCombobox,
         {
           blockId: block.id,
@@ -1806,9 +1591,9 @@ var CodeBlock = ({ block, controller }) => {
           onDone: () => codeField.current?.focus()
         }
       ),
-      /* @__PURE__ */ jsx14(CopyCodeButton, { code, controller })
+      /* @__PURE__ */ jsx(CopyCodeButton, { code, controller })
     ] }),
-    readOnly ? /* @__PURE__ */ jsx14("div", { dir: "ltr", role: "region", "aria-label": name || labels.codeText, tabIndex: 0, className: `quoin-code-scroll ${FOCUS_RING}`, children: /* @__PURE__ */ jsx14(HighlightOverlay, { code, language: language2 }) }) : /* @__PURE__ */ jsx14(
+    readOnly ? /* @__PURE__ */ jsx("div", { dir: "ltr", role: "region", "aria-label": name || labels.codeText, tabIndex: 0, className: `quoin-code-scroll ${FOCUS_RING}`, children: /* @__PURE__ */ jsx(HighlightOverlay, { code, language: language2 }) }) : /* @__PURE__ */ jsx(
       CodeEditor,
       {
         block,
@@ -1819,32 +1604,21 @@ var CodeBlock = ({ block, controller }) => {
     )
   ] });
 };
-
-// src/blocks/file/FileBlock.tsx
-import { useRef as useRef8 } from "react";
-
-// src/blocks/upload/UploadArea.tsx
-import { useEffect as useEffect6, useRef as useRef6 } from "react";
-
-// src/upload/FilePickerButton.tsx
-import * as React5 from "react";
-import { Upload } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function FilePickerButton({ label, accept, disabled, busy = false, onPick }) {
-  const inputRef = React5.useRef(null);
-  const restoreFocus = React5.useRef(false);
-  React5.useEffect(() => {
+  const inputRef = React7.useRef(null);
+  const restoreFocus = React7.useRef(false);
+  React7.useEffect(() => {
     if (disabled || !restoreFocus.current) return;
     restoreFocus.current = false;
     const { activeElement } = document;
     if (activeElement === null || activeElement === document.body) inputRef.current?.focus();
   }, [disabled]);
-  return /* @__PURE__ */ jsxs9("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__ */ jsx15(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxs9("span", { "aria-hidden": "true", className: disabled || busy ? "pointer-events-none opacity-50" : void 0, children: [
-      /* @__PURE__ */ jsx15(Upload, { "aria-hidden": "true" }),
+  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__ */ jsx15(
+    /* @__PURE__ */ jsx(
       "input",
       {
         ref: inputRef,
@@ -1913,15 +1687,12 @@ function selectHandlers(controller, blockId, root, onSelect) {
     }
   };
 }
-
-// src/blocks/upload/use-block-upload.ts
-import { useCallback as useCallback3, useRef as useRef5, useState as useState4 } from "react";
 var IDLE = { busy: false, error: "" };
 function useBlockUpload(controller, blockId, area, uploader) {
   const { upload, resolveAssetUrl, onError, labels } = useQuoin();
-  const [state, setState] = useState4(IDLE);
-  const started = useRef5(0);
-  const start = useCallback3(
+  const [state, setState] = useState(IDLE);
+  const started = useRef(0);
+  const start = useCallback(
     (file) => {
       if (!upload) return onError(new Error(labels.uploadsUnavailable));
       const run = ++started.current;
@@ -1941,16 +1712,13 @@ function useBlockUpload(controller, blockId, area, uploader) {
   );
   return { ...state, start };
 }
-
-// src/blocks/upload/UploadArea.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var fileIn = (transfer, takes) => Array.from(transfer?.files ?? []).find(takes);
 function UploadArea(props) {
   const { blockId, controller, uploader, takes, accept, label, hint, className, onSelect, actions, children } = props;
   const { upload, labels } = useQuoin();
-  const area = useRef6(null);
+  const area = useRef(null);
   const { busy, error, start } = useBlockUpload(controller, blockId, area, uploader);
-  useEffect6(() => {
+  useEffect(() => {
     const element = area.current;
     const onDrop = (event) => {
       const file = fileIn(event.dataTransfer, takes);
@@ -1968,7 +1736,7 @@ function UploadArea(props) {
     event.preventDefault();
     start(file);
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: area,
@@ -1976,32 +1744,29 @@ function UploadArea(props) {
       onPaste,
       ...selectHandlers(controller, blockId, area, onSelect),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "quoin-upload-actions", children: [
-          /* @__PURE__ */ jsx16(FilePickerButton, { label, accept, disabled: !upload, busy, onPick: start }),
+        /* @__PURE__ */ jsxs("div", { className: "quoin-upload-actions", children: [
+          /* @__PURE__ */ jsx(FilePickerButton, { label, accept, disabled: !upload, busy, onPick: start }),
           actions
         ] }),
         children,
-        /* @__PURE__ */ jsx16("p", { className: "quoin-block-message", children: upload ? hint : labels.uploadsUnavailable }),
-        /* @__PURE__ */ jsx16("p", { role: "status", className: busy ? "quoin-block-message" : "sr-only", children: busy ? labels.uploading : "" }),
-        error !== "" && /* @__PURE__ */ jsx16("p", { role: "alert", className: "quoin-block-message text-destructive", children: error })
+        /* @__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 : "" }),
+        error !== "" && /* @__PURE__ */ jsx("p", { role: "alert", className: "quoin-block-message text-destructive", children: error })
       ]
     }
   );
 }
-
-// src/blocks/void/use-node-keys.ts
-import { useEffect as useEffect7 } from "react";
 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);
-  useEffect7(() => {
+  useEffect(() => {
     if (!editing) return;
     stop();
     if (enter) enter();
     else root.current?.querySelector(CONTROL)?.focus();
   }, [editing, stop, enter, root]);
-  useEffect7(() => {
+  useEffect(() => {
     if (!editable) return;
     const intercept = (event) => {
       const { selection } = controller.editor.state;
@@ -2014,10 +1779,6 @@ function useNodeKeys(controller, blockId, editable, opens, root, { enter, type }
   }, [controller, blockId, editable, type]);
 }
 
-// src/blocks/file/FileCard.tsx
-import { useRef as useRef7 } from "react";
-import { Download } from "lucide-react";
-
 // src/menus/bubble/bubble-part.ts
 var BUBBLE_PART = "data-quoin-bubble";
 var partIds = /* @__PURE__ */ new WeakMap();
@@ -2041,15 +1802,12 @@ function focusInEditor(controller) {
   const active = document.activeElement;
   return active !== null && (controller.isEditorElement(active) || isBubblePart(active, controller));
 }
-
-// src/blocks/file/file-icon.ts
-import { FileArchive, FileIcon, FileImage, FileMusic, FilePlay, FileText as FileText2 } from "lucide-react";
 var KINDS = [
   [FileImage, /^(image\/|(png|jpe?g|gif|webp|svg|heic|bmp)$)/],
   [FileMusic, /^(audio\/|(mp3|wav|ogg|flac|m4a|aac)$)/],
   [FilePlay, /^(video\/|(mp4|mov|webm|mkv|avi|mpe?g)$)/],
   [FileArchive, /^(zip|rar|7z|tar|gz|xz)$/],
-  [FileText2, /^(text\/|(txt|md|csv|pdf|rtf|docx?)$)/]
+  [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;
@@ -2057,22 +1815,19 @@ var fileIcon = (mime, filename) => kindOf(mime) ?? kindOf(/\.([^.]+)$/.exec(file
 // src/blocks/file/file-source.ts
 var fileName = (attrs) => str(attrs.filename) || str(attrs.storageKey);
 var hasFile = (attrs) => fileName(attrs) !== "";
-
-// src/blocks/file/FileCard.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function FileCard({ block, controller, readOnly }) {
   const { labels, resolveAssetUrl } = useQuoin();
-  const card = useRef7(null);
+  const card = useRef(null);
   const { id, attrs } = block;
   const name = fileName(attrs);
   const size = optionalNumber(attrs.size);
   const href = assetHref(resolveAssetUrl, str(attrs.storageKey));
   const Icon = fileIcon(str(attrs.mime), name);
-  return /* @__PURE__ */ jsxs11("div", { ref: card, className: "quoin-file-card", ...selectHandlers(controller, id, card), children: [
-    /* @__PURE__ */ jsx17(Icon, { "aria-hidden": "true", className: "quoin-file-icon" }),
-    /* @__PURE__ */ jsx17("span", { className: "quoin-file-name", children: name }),
-    size !== void 0 && /* @__PURE__ */ jsx17("span", { className: "quoin-file-size", children: labels.fileSize(size) }),
-    href !== null && /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs("div", { ref: card, className: "quoin-file-card", ...selectHandlers(controller, id, card), children: [
+    /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "quoin-file-icon" }),
+    /* @__PURE__ */ jsx("span", { className: "quoin-file-name", children: name }),
+    size !== void 0 && /* @__PURE__ */ jsx("span", { className: "quoin-file-size", children: labels.fileSize(size) }),
+    href !== null && /* @__PURE__ */ jsxs(
       "a",
       {
         href,
@@ -2084,7 +1839,7 @@ function FileCard({ block, controller, readOnly }) {
         tabIndex: readOnly ? void 0 : -1,
         ...readOnly ? void 0 : bubblePart(controller),
         children: [
-          /* @__PURE__ */ jsx17(Download, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(Download, { "aria-hidden": "true" }),
           labels.download
         ]
       }
@@ -2137,17 +1892,14 @@ var uploadFile = (controller, blockId, file, host) => uploadInto(
   host,
   (stored) => writeAttrs(controller, blockId, fileAttrs(file, stored), true)
 );
-
-// src/blocks/file/FileBlock.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
 var anyFile = () => true;
 var FileBlock = ({ block, controller }) => {
   const labels = useLabels();
   const readOnly = useReadOnly(controller);
-  const root = useRef8(null);
+  const root = useRef(null);
   const filled = hasFile(block.attrs);
   useNodeKeys(controller, block.id, !readOnly, !filled, root);
-  const empty = readOnly ? /* @__PURE__ */ jsx18("p", { className: "quoin-block-message", children: labels.emptyFile }) : /* @__PURE__ */ jsx18(
+  const empty = readOnly ? /* @__PURE__ */ jsx("p", { className: "quoin-block-message", children: labels.emptyFile }) : /* @__PURE__ */ jsx(
     UploadArea,
     {
       blockId: block.id,
@@ -2158,15 +1910,11 @@ var FileBlock = ({ block, controller }) => {
       hint: labels.dropFile
     }
   );
-  return /* @__PURE__ */ jsx18("div", { ref: root, role: "group", "aria-label": labels.blockNames.file, contentEditable: false, className: "quoin-file", children: filled ? /* @__PURE__ */ jsx18(FileCard, { block, controller, readOnly }) : empty });
+  return /* @__PURE__ */ jsx("div", { ref: root, role: "group", "aria-label": labels.blockNames.file, contentEditable: false, className: "quoin-file", children: filled ? /* @__PURE__ */ jsx(FileCard, { block, controller, readOnly }) : empty });
 };
-
-// src/blocks/upload/use-replace-picker.tsx
-import { useRef as useRef9 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
 function useReplacePicker(controller, blockId, uploader, accept) {
   const { labels, upload, resolveAssetUrl, onError } = useQuoin();
-  const picker = useRef9(null);
+  const picker = useRef(null);
   const replace = (event) => {
     const file = event.target.files?.[0];
     event.target.value = "";
@@ -2178,24 +1926,21 @@ function useReplacePicker(controller, blockId, uploader, accept) {
   };
   return {
     open: upload && (() => picker.current?.click()),
-    input: /* @__PURE__ */ jsx19("input", { ref: picker, type: "file", accept, hidden: true, tabIndex: -1, onChange: replace })
+    input: /* @__PURE__ */ jsx("input", { ref: picker, type: "file", accept, hidden: true, tabIndex: -1, onChange: replace })
   };
 }
 
-// src/blocks/void/block-part.ts
-import { useMemo as useMemo3 } from "react";
-
 // src/menus/floating/virtual-anchor.ts
 var ROOM_BELOW = 240;
 function virtualAnchor(measure2, context) {
-  let last2 = new DOMRect();
+  let last2;
   return {
     // Read when Floating UI starts watching, after the commit that drew the anchor's host has registered it.
     get contextElement() {
       return context();
     },
     getBoundingClientRect() {
-      last2 = measure2() ?? last2;
+      last2 = measure2() ?? last2 ?? new DOMRect();
       return last2;
     }
   };
@@ -2207,28 +1952,22 @@ function sideFor(anchor, viewportHeight) {
 // src/blocks/void/block-part.ts
 var blockPart = (controller, blockId, selector) => controller.blockElement(blockId)?.querySelector(selector) ?? void 0;
 function usePartAnchor(controller, blockId, selector) {
-  return useMemo3(() => {
+  return useMemo(() => {
     const part = () => blockPart(controller, blockId, selector);
     return { current: virtualAnchor(() => part()?.getBoundingClientRect() ?? null, part) };
   }, [controller, blockId, selector]);
 }
-
-// src/blocks/void/node-toolbar-items.ts
-import { Trash as Trash2, Upload as Upload2 } from "lucide-react";
-var replaceItem = (title, run) => run ? [{ id: "replace", title, icon: Upload2, run }] : [];
+var replaceItem = (title, run) => run ? [{ id: "replace", title, icon: Upload, run }] : [];
+function deleteBlock(controller, blockId) {
+  runOnBlocks(controller, [blockId], deleteBlocks);
+  controller.focus();
+}
 var deleteItem = (blockId, title) => ({
   id: "delete",
   title,
-  icon: Trash2,
-  run: (controller) => {
-    runOnBlocks(controller, [blockId], deleteBlocks);
-    controller.focus();
-  }
+  icon: Trash,
+  run: (controller) => deleteBlock(controller, blockId)
 });
-
-// src/menus/bubble/bubble-items.tsx
-import { Bold, Code as Code2, Italic, Link as Link2, Strikethrough, Subscript, Superscript, Underline } from "lucide-react";
-import { jsx as jsx20 } from "react/jsx-runtime";
 var PRESSED = "aria-pressed:bg-accent aria-pressed:text-accent-foreground";
 function markItem(mark, title, icon) {
   return {
@@ -2242,7 +1981,7 @@ function markItem(mark, title, icon) {
 var linkItem = (labels, openLink) => ({
   id: "link",
   title: labels.link,
-  icon: Link2,
+  icon: Link,
   run: openLink
 });
 function bubbleItems(labels, openLink) {
@@ -2252,7 +1991,7 @@ function bubbleItems(labels, openLink) {
       markItem("italic", labels.italic, Italic),
       markItem("underline", labels.underline, Underline),
       markItem("strike", labels.strike, Strikethrough),
-      markItem("code", labels.code, Code2),
+      markItem("code", labels.code, Code),
       linkItem(labels, openLink)
     ],
     scripts: [markItem("sub", labels.subscript, Subscript), markItem("sup", labels.superscript, Superscript)]
@@ -2261,7 +2000,7 @@ function bubbleItems(labels, openLink) {
 function ToolbarButton({ item, state, controller, buttonRef }) {
   if (item.available?.(state) === false) return null;
   const Icon = item.icon;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       ref: buttonRef,
@@ -2272,13 +2011,10 @@ function ToolbarButton({ item, state, controller, buttonRef }) {
       "aria-pressed": item.isActive?.(state),
       className: PRESSED,
       onClick: () => item.run(controller),
-      children: /* @__PURE__ */ jsx20(Icon, {})
+      children: /* @__PURE__ */ jsx(Icon, {})
     }
   );
 }
-
-// src/menus/bubble/use-roving-focus.ts
-import { useCallback as useCallback4, useRef as useRef10 } from "react";
 var MOVES = {
   ArrowRight: (index, count) => (index + 1) % count,
   ArrowLeft: (index, count) => (index - 1 + count) % count,
@@ -2286,23 +2022,23 @@ var MOVES = {
   End: (_, count) => count - 1
 };
 function useRovingFocus() {
-  const row = useRef10(null);
-  const current = useRef10(null);
-  const items = useCallback4(() => [...row.current?.querySelectorAll(":scope > button") ?? []], []);
-  const tabStop = useCallback4(() => {
+  const row = useRef(null);
+  const current = useRef(null);
+  const items = useCallback(() => [...row.current?.querySelectorAll(":scope > button") ?? []], []);
+  const tabStop = useCallback(() => {
     const all = items();
     return all.find((item) => item === current.current) ?? all[0];
   }, [items]);
-  const syncTabStop = useCallback4(() => {
+  const syncTabStop = useCallback(() => {
     const stop = tabStop();
     for (const item of items()) item.tabIndex = item === stop ? 0 : -1;
   }, [items, tabStop]);
-  const owns = useCallback4(
+  const owns = useCallback(
     (target) => target instanceof HTMLElement && items().includes(target),
     [items]
   );
-  const focusCurrent = useCallback4(() => tabStop()?.focus(), [tabStop]);
-  const ref = useCallback4(
+  const focusCurrent = useCallback(() => tabStop()?.focus(), [tabStop]);
+  const ref = useCallback(
     (element) => {
       row.current = element;
       syncTabStop();
@@ -2338,9 +2074,6 @@ function useFocusKey(controller, focus) {
     return interceptKeys(controller, intercept);
   }, [controller, focus]);
 }
-
-// src/blocks/void/NodeToolbar.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function NodeToolbar(props) {
   const { blockId, controller, label, anchor, items, next, buttonRefs, children, popover } = props;
   const state = useEditorState(controller, wholeState);
@@ -2355,9 +2088,9 @@ function NodeToolbar(props) {
     else return roving.onKeyDown(event);
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs12(Popover, { open: true, modal: false, children: [
-    /* @__PURE__ */ jsx21(PopoverAnchor, { virtualRef: anchor }),
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs(Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+    /* @__PURE__ */ jsxs(
       PopoverContent,
       {
         ref: roving.ref,
@@ -2373,7 +2106,7 @@ function NodeToolbar(props) {
         onKeyDown,
         ...bubblePart(controller),
         children: [
-          items.map((item) => /* @__PURE__ */ jsx21(ToolbarButton, { item, state, controller, buttonRef: buttonRefs?.[item.id] }, item.id)),
+          items.map((item) => /* @__PURE__ */ jsx(ToolbarButton, { item, state, controller, buttonRef: buttonRefs?.[item.id] }, item.id)),
           children
         ]
       }
@@ -2381,9 +2114,6 @@ function NodeToolbar(props) {
     popover
   ] });
 }
-
-// src/menus/bubble/use-selection-settled.ts
-import { useMemo as useMemo4, useSyncExternalStore as useSyncExternalStore2 } from "react";
 function createSettled(controller) {
   let pressed = false;
   let composing = false;
@@ -2403,7 +2133,7 @@ function createSettled(controller) {
   return {
     read: () => focusInEditor(controller) && !pressed && !composing && !viewComposing(),
     subscribe(notify) {
-      const listeners = Object.entries(handlers).map(([type, handle2]) => {
+      const listeners2 = Object.entries(handlers).map(([type, handle2]) => {
         const listener = (event) => {
           handle2(event);
           notify();
@@ -2413,7 +2143,7 @@ function createSettled(controller) {
       });
       const stopState = controller.editor.subscribe(() => notify());
       return () => {
-        listeners.forEach((remove) => remove());
+        listeners2.forEach((remove) => remove());
         stopState();
       };
     }
@@ -2421,8 +2151,8 @@ function createSettled(controller) {
 }
 var NOT_SETTLED = () => false;
 function useSelectionSettled(controller) {
-  const settled = useMemo4(() => createSettled(controller), [controller]);
-  return useSyncExternalStore2(settled.subscribe, settled.read, NOT_SETTLED);
+  const settled = useMemo(() => createSettled(controller), [controller]);
+  return useSyncExternalStore(settled.subscribe, settled.read, NOT_SETTLED);
 }
 
 // src/blocks/void/use-toolbar-block.ts
@@ -2436,20 +2166,17 @@ function useToolbarBlock(controller, selected, keptFor = null) {
   const settled = useSelectionSettled(controller);
   return blockId !== null && !readOnly && (settled || keptFor === blockId) ? blockId : null;
 }
-
-// src/blocks/file/FileToolbar.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
 var selectedFile = selectedBlock("FILE", hasFile);
 function FileToolbarOverlay({ controller }) {
   const blockId = useToolbarBlock(controller, selectedFile);
-  return blockId === null ? null : /* @__PURE__ */ jsx22(FileToolbar, { blockId, controller }, blockId);
+  return blockId === null ? null : /* @__PURE__ */ jsx(FileToolbar, { blockId, controller }, blockId);
 }
 function FileToolbar({ blockId, controller }) {
   const { labels } = useQuoin();
   const picker = useReplacePicker(controller, blockId, uploadFile);
   const anchor = usePartAnchor(controller, blockId, ".quoin-file-card");
   const items = [...replaceItem(labels.replaceFile, picker.open), deleteItem(blockId, labels.delete)];
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx(
     NodeToolbar,
     {
       blockId,
@@ -2463,15 +2190,17 @@ function FileToolbar({ blockId, controller }) {
   );
 }
 
-// src/blocks/image/ImageBlock.tsx
-import { useRef as useRef13 } from "react";
-
-// src/blocks/image/ImageFigure.tsx
-import { useRef as useRef12, useState as useState6 } from "react";
-import { Image as Image2 } from "lucide-react";
-
-// src/blocks/image/ResizeHandles.tsx
-import { useRef as useRef11 } from "react";
+// src/blocks/image/alt-request.ts
+var listeners = /* @__PURE__ */ new WeakMap();
+function listenForAltRequests(controller, listener) {
+  listeners.set(controller, listener);
+  return () => {
+    if (listeners.get(controller) === listener) listeners.delete(controller);
+  };
+}
+function requestAlt(controller, blockId) {
+  listeners.get(controller)?.(blockId);
+}
 
 // src/blocks/image/resize-width.ts
 var MIN_WIDTH = 10;
@@ -2491,12 +2220,9 @@ function drawnWidth(frame) {
   const block = frame?.parentElement?.clientWidth ?? 0;
   return frame && block > 0 ? snapWidth(frame.offsetWidth / block * 100) : MAX_WIDTH;
 }
-
-// src/blocks/image/use-drawn-width.ts
-import { useEffect as useEffect8, useState as useState5 } from "react";
 function useDrawnWidth(frame, watching) {
-  const [drawn, setDrawn] = useState5(MAX_WIDTH);
-  useEffect8(() => {
+  const [drawn, setDrawn] = useState(MAX_WIDTH);
+  useEffect(() => {
     const element = frame.current;
     if (!watching || element === null) return;
     const measure2 = () => setDrawn(drawnWidth(element));
@@ -2508,12 +2234,9 @@ function useDrawnWidth(frame, watching) {
   }, [frame, watching]);
   return drawn;
 }
-
-// src/blocks/image/ResizeHandles.tsx
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview }) {
   const labels = useLabels();
-  const drag = useRef11(null);
+  const drag = useRef(null);
   const drawn = useDrawnWidth(frame, percent === void 0);
   const value = percent ?? drawn;
   const write = (widthPercent) => setBlockAttrs(controller, blockId, { widthPercent });
@@ -2548,7 +2271,7 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
     const to = stop();
     if (to !== null && to !== percent) write(to);
   };
-  const handle2 = (side) => /* @__PURE__ */ jsx23(
+  const handle2 = (side) => /* @__PURE__ */ jsx(
     "div",
     {
       role: "slider",
@@ -2569,29 +2292,30 @@ function ResizeHandles({ blockId, controller, frame, percent, centred, onPreview
       onPointerCancel: stop
     }
   );
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     handle2(-1),
     handle2(1)
   ] });
 }
-
-// src/blocks/image/ImageFigure.tsx
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function ImageFigure({ block, controller, readOnly }) {
   const { labels, resolveAssetUrl } = useQuoin();
-  const frame = useRef12(null);
-  const [preview, setPreview] = useState6(null);
-  const [failed, setFailed] = useState6(null);
+  const frame = useRef(null);
+  const [preview, setPreview] = useState(null);
+  const [failed, setFailed] = useState(null);
   const { id, attrs, regions } = block;
   const src = imageSource(attrs, resolveAssetUrl);
   const alt = str(attrs.alt);
   const name = alt || labels.imageNoAlt;
   const percent = optionalNumber(attrs.widthPercent);
   const width = preview ?? percent;
+  const flagged = !readOnly && alt === "" && attrs.decorative !== true;
   const select = () => focusNode(controller, id);
-  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    /* @__PURE__ */ jsxs14("div", { ref: frame, className: "quoin-image-frame", style: width === void 0 ? void 0 : { width: `${width}%` }, children: [
-      src !== null && src !== failed ? /* @__PURE__ */ jsx24(
+  const badgeText = labels.noAltBadge ?? englishLabels.noAltBadge;
+  const badgeName = labels.addAltText ?? englishLabels.addAltText;
+  const translatedAlone = badgeText !== englishLabels.noAltBadge && badgeName === englishLabels.addAltText;
+  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(
         "img",
         {
           src,
@@ -2602,11 +2326,24 @@ function ImageFigure({ block, controller, readOnly }) {
           onError: () => setFailed(src),
           onClick: select
         }
-      ) : /* @__PURE__ */ jsxs14("div", { role: "img", "aria-label": name, className: "quoin-image-missing", onClick: select, children: [
-        /* @__PURE__ */ jsx24(Image2, { "aria-hidden": "true" }),
+      ) : /* @__PURE__ */ jsxs("div", { role: "img", "aria-label": name, className: "quoin-image-missing", onClick: select, children: [
+        /* @__PURE__ */ jsx(Image, { "aria-hidden": "true" }),
         alt
       ] }),
-      !readOnly && /* @__PURE__ */ jsx24(
+      flagged && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "quoin-image-no-alt",
+          "aria-label": translatedAlone ? void 0 : badgeName,
+          onClick: () => {
+            select();
+            requestAlt(controller, id);
+          },
+          children: badgeText
+        }
+      ),
+      !readOnly && /* @__PURE__ */ jsx(
         ResizeHandles,
         {
           blockId: id,
@@ -2618,7 +2355,7 @@ function ImageFigure({ block, controller, readOnly }) {
         }
       )
     ] }),
-    (!readOnly || (regions.caption?.length ?? 0) > 0) && /* @__PURE__ */ jsx24(
+    (!readOnly || (regions.caption?.length ?? 0) > 0) && /* @__PURE__ */ jsx(
       EditableRegion,
       {
         block: id,
@@ -2631,14 +2368,6 @@ function ImageFigure({ block, controller, readOnly }) {
   ] });
 }
 
-// src/blocks/image/ImageUploadArea.tsx
-import { useState as useState8 } from "react";
-import { Link as Link3 } from "lucide-react";
-
-// src/blocks/image/EmbedLinkForm.tsx
-import { useId as useId3, useState as useState7 } from "react";
-import { Check as Check2 } from "lucide-react";
-
 // src/menus/link/link-address.ts
 var BARE_DOMAIN = /^[^\s/#?.]\S*\.\S*$/;
 var WHITESPACE = /\s/;
@@ -2649,12 +2378,8 @@ function linkAddress(typed2) {
   const href = sanitizeHref(completed);
   return href || null;
 }
-
-// src/ui/input.tsx
-import * as React6 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var Input = React6.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx25(
+var Input = React7.forwardRef(function Input2({ className, type, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     "input",
     {
       ref,
@@ -2672,14 +2397,11 @@ var Input = React6.forwardRef(function Input2({ className, type, ...props }, ref
     }
   );
 });
-
-// src/blocks/image/EmbedLinkForm.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function EmbedLinkForm({ blockId, controller }) {
   const labels = useLabels();
-  const [address, setAddress] = useState7("");
-  const [invalid, setInvalid] = useState7(false);
-  const messageId = useId3();
+  const [address, setAddress] = useState("");
+  const [invalid, setInvalid] = useState(false);
+  const messageId = useId();
   const embed = (event) => {
     event.preventDefault();
     const url = linkAddress(address);
@@ -2690,8 +2412,8 @@ function EmbedLinkForm({ blockId, controller }) {
     setBlockAttrs(controller, blockId, { url });
     focusNode(controller, blockId);
   };
-  return /* @__PURE__ */ jsxs15("form", { noValidate: true, className: "quoin-image-link", onSubmit: embed, children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs("form", { noValidate: true, className: "quoin-image-link", onSubmit: embed, children: [
+    /* @__PURE__ */ jsx(
       Input,
       {
         type: "url",
@@ -2707,8 +2429,8 @@ function EmbedLinkForm({ blockId, controller }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx26(Button, { type: "submit", variant: "ghost", size: "icon-sm", "aria-label": labels.linkApply, children: /* @__PURE__ */ jsx26(Check2, {}) }),
-    invalid && /* @__PURE__ */ jsx26("p", { id: messageId, role: "alert", className: "quoin-block-message", children: labels.invalidLink })
+    /* @__PURE__ */ jsx(Button, { type: "submit", variant: "ghost", size: "icon-sm", "aria-label": labels.linkApply, children: /* @__PURE__ */ jsx(Check, {}) }),
+    invalid && /* @__PURE__ */ jsx("p", { id: messageId, role: "alert", className: "quoin-block-message", children: labels.invalidLink })
   ] });
 }
 
@@ -2736,13 +2458,10 @@ var uploadImage = (controller, blockId, file, host) => uploadInto(controller, bl
   writeAttrs(controller, blockId, { storageKey, url: void 0, width: void 0, height: void 0 }, true);
   await measureImage(controller, blockId, storageKey, host.resolveAssetUrl, token);
 });
-
-// src/blocks/image/ImageUploadArea.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function ImageUploadArea({ blockId, controller }) {
   const labels = useLabels();
-  const [linking, setLinking] = useState8(false);
-  return /* @__PURE__ */ jsx27(
+  const [linking, setLinking] = useState(false);
+  return /* @__PURE__ */ jsx(
     UploadArea,
     {
       blockId,
@@ -2754,17 +2473,14 @@ function ImageUploadArea({ blockId, controller }) {
       hint: labels.dropImage,
       className: "quoin-image-upload",
       onSelect: () => setLinking(false),
-      actions: /* @__PURE__ */ jsxs16(Button, { type: "button", variant: "ghost", size: "sm", "aria-expanded": linking, onClick: () => setLinking(true), children: [
-        /* @__PURE__ */ jsx27(Link3, {}),
+      actions: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", "aria-expanded": linking, onClick: () => setLinking(true), children: [
+        /* @__PURE__ */ jsx(Link, {}),
         labels.embedLink
       ] }),
-      children: linking && /* @__PURE__ */ jsx27(EmbedLinkForm, { blockId, controller })
+      children: linking && /* @__PURE__ */ jsx(EmbedLinkForm, { blockId, controller })
     }
   );
 }
-
-// src/blocks/image/use-image-keys.ts
-import { useEffect as useEffect9, useMemo as useMemo5 } from "react";
 function captionEnd(controller, blockId) {
   const caption = blockById(controller.editor.state.doc, blockId)?.regions.caption ?? [];
   return { block: blockId, region: "caption", offset: inlineLength(caption) };
@@ -2772,7 +2488,7 @@ function captionEnd(controller, blockId) {
 var plainEnter = (event) => event.key === "Enter" && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey;
 var menuOpenOn = (host) => host?.getAttribute("aria-expanded") === "true";
 function useImageKeys(controller, blockId, picture, editable, root) {
-  const caption = useMemo5(() => {
+  const caption = useMemo(() => {
     if (!picture) return {};
     return {
       // Called from an effect, where the canvas's own flush is refused, so the caret goes to the editor, which the view
@@ -2789,7 +2505,7 @@ function useImageKeys(controller, blockId, picture, editable, root) {
     };
   }, [controller, blockId, picture]);
   useNodeKeys(controller, blockId, editable, true, root, caption);
-  useEffect9(() => {
+  useEffect(() => {
     if (!editable) return;
     const intercept = (event) => {
       const { selection } = controller.editor.state;
@@ -2802,17 +2518,14 @@ function useImageKeys(controller, blockId, picture, editable, root) {
     return interceptKeys(controller, intercept);
   }, [controller, blockId, editable]);
 }
-
-// src/blocks/image/ImageBlock.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
 var ImageBlock = ({ block, controller }) => {
   const labels = useLabels();
   const readOnly = useReadOnly(controller);
-  const root = useRef13(null);
+  const root = useRef(null);
   const picture = hasPicture(block.attrs);
   useImageKeys(controller, block.id, picture, !readOnly, root);
-  const empty = readOnly ? /* @__PURE__ */ jsx28("p", { className: "quoin-block-message", children: labels.emptyImage }) : /* @__PURE__ */ jsx28(ImageUploadArea, { blockId: block.id, controller });
-  return /* @__PURE__ */ jsx28(
+  const empty = readOnly ? /* @__PURE__ */ jsx("p", { className: "quoin-block-message", children: labels.emptyImage }) : /* @__PURE__ */ jsx(ImageUploadArea, { blockId: block.id, controller });
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: root,
@@ -2821,21 +2534,12 @@ var ImageBlock = ({ block, controller }) => {
       contentEditable: false,
       className: "quoin-image",
       ...picture ? { [NODE_ENTRY]: "" } : void 0,
-      children: picture ? /* @__PURE__ */ jsx28(ImageFigure, { block, controller, readOnly }) : empty
+      children: picture ? /* @__PURE__ */ jsx(ImageFigure, { block, controller, readOnly }) : empty
     }
   );
 };
-
-// src/blocks/image/ImageToolbar.tsx
-import { useRef as useRef16, useState as useState10 } from "react";
-
-// src/blocks/image/AltTextPopover.tsx
-import { useCallback as useCallback5, useEffect as useEffect10, useId as useId4, useRef as useRef15, useState as useState9 } from "react";
-
-// src/blocks/image/use-outside-press.ts
-import { useRef as useRef14 } from "react";
 function useOutsidePress(element, ownerDocument, onPress) {
-  const latest = useRef14(onPress);
+  const latest = useRef(onPress);
   useIsomorphicLayoutEffect(() => {
     latest.current = onPress;
   });
@@ -2857,36 +2561,36 @@ function useOutsidePress(element, ownerDocument, onPress) {
     return listen(doc, { pointerdown: down, click }, true);
   }, [element, ownerDocument]);
 }
-
-// src/blocks/image/AltTextPopover.tsx
-import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
-function storeAlt(controller, blockId, opened, alt) {
+function storeAlt(controller, blockId, opened, patch) {
   const { editor } = controller;
-  const current = blockById(editor.state.doc, blockId)?.attrs.alt;
-  if (controller.readOnly || controller.root === null || str(current) !== opened) return;
-  onBlock(blockId, setAttrs({ alt }))(editor.state, (tr) => editor.dispatch(tr));
+  const attrs = blockById(editor.state.doc, blockId)?.attrs ?? {};
+  const changed = str(attrs.alt) !== opened.alt || attrs.decorative === true !== opened.decorative;
+  if (controller.readOnly || controller.root === null || changed) return;
+  onBlock(blockId, setAttrs(patch))(editor.state, (tr) => editor.dispatch(tr));
 }
-function AltTextPopover({ blockId, controller, anchor, opener, alt, onClose }) {
+function AltTextPopover({ blockId, controller, anchor, opener, alt, decorative, onClose }) {
   const labels = useLabels();
-  const [opened] = useState9(alt);
-  const [draft, setDraft] = useState9(alt);
-  const fieldId = useId4();
+  const [opened] = useState({ alt, decorative });
+  const [draft, setDraft] = useState(alt);
+  const [marked, setMarked] = useState(decorative);
+  const fieldId = useId();
   const hintId = `${fieldId}-hint`;
-  const closed = useRef15(false);
+  const closed = useRef(false);
   const finish = (store) => {
     if (closed.current) return false;
     closed.current = true;
-    if (store && draft !== alt) storeAlt(controller, blockId, opened, draft);
+    if (store && (draft !== alt || marked !== decorative))
+      storeAlt(controller, blockId, opened, { alt: draft, decorative: marked || void 0 });
     return true;
   };
-  const latestFinish = useRef15(finish);
+  const latestFinish = useRef(finish);
   latestFinish.current = finish;
-  useEffect10(() => {
+  useEffect(() => {
     closed.current = false;
     return () => void latestFinish.current(true);
   }, []);
-  useEffect10(() => {
-    if (alt !== opened && finish(false)) onClose();
+  useEffect(() => {
+    if ((alt !== opened.alt || decorative !== opened.decorative) && finish(false)) onClose();
   });
   const close = (store, refocus = true) => {
     if (!refocus) controller.readSelectionFromDom();
@@ -2894,8 +2598,8 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, onClose }) {
     onClose();
     if (refocus) controller.focus();
   };
-  const content = useRef15(null);
-  const ownerDocument = useCallback5(() => controller.root?.ownerDocument ?? document, [controller]);
+  const content = useRef(null);
+  const ownerDocument = useCallback(() => controller.root?.ownerDocument ?? document, [controller]);
   useOutsidePress(content, ownerDocument, (target) => {
     if (!opener.current?.contains(target)) close(true, isBubblePart(target, controller));
   });
@@ -2905,14 +2609,14 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, onClose }) {
   };
   const onKeyDown = (event) => {
     if (event.key !== "Tab" || isComposingKey(controller, event.nativeEvent)) return;
-    const [field, save2] = event.currentTarget.elements;
-    const fromField = event.target === field;
+    const controls = [...event.currentTarget.elements];
+    const next = controls[controls.indexOf(event.target) + (event.shiftKey ? -1 : 1)];
     event.preventDefault();
     event.stopPropagation();
-    if (event.shiftKey === fromField) close(true);
-    else (fromField ? save2 : field).focus();
+    if (next === void 0) close(true);
+    else next.focus();
   };
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs(
     Popover,
     {
       open: true,
@@ -2921,8 +2625,8 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, onClose }) {
         if (!open) close(true, false);
       },
       children: [
-        /* @__PURE__ */ jsx29(PopoverAnchor, { virtualRef: anchor }),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsx(
           PopoverContent,
           {
             ref: content,
@@ -2935,20 +2639,37 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, onClose }) {
               if (!isComposingKey(controller, event)) close(false);
             },
             ...bubblePart(controller),
-            children: /* @__PURE__ */ jsxs17("form", { noValidate: true, className: "quoin-image-alt", onSubmit: save, onKeyDown, children: [
-              /* @__PURE__ */ jsx29("label", { htmlFor: fieldId, className: "text-sm font-medium", children: labels.altText }),
-              /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsxs("form", { noValidate: true, className: "quoin-image-alt", onSubmit: save, onKeyDown, children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: "text-sm font-medium", children: labels.altText }),
+              /* @__PURE__ */ jsx(
                 Input,
                 {
                   id: fieldId,
-                  required: true,
-                  "aria-describedby": hintId,
+                  required: !marked,
+                  "aria-describedby": marked ? void 0 : hintId,
                   value: draft,
-                  onChange: (event) => setDraft(event.target.value)
+                  onChange: (event) => {
+                    setDraft(event.target.value);
+                    setMarked(false);
+                  }
                 }
               ),
-              /* @__PURE__ */ jsx29("p", { id: hintId, className: "quoin-block-message", children: labels.altTextHint }),
-              /* @__PURE__ */ jsx29(Button, { type: "submit", size: "sm", children: labels.save })
+              /* @__PURE__ */ jsx("p", { id: hintId, className: marked ? "quoin-block-message invisible" : "quoin-block-message", children: labels.altTextHint }),
+              /* @__PURE__ */ jsxs("label", { className: "quoin-image-decorative text-sm", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: marked,
+                    onChange: (event) => {
+                      setMarked(event.target.checked);
+                      if (event.target.checked) setDraft("");
+                    }
+                  }
+                ),
+                labels.decorativeImage ?? englishLabels.decorativeImage
+              ] }),
+              /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", children: labels.save })
             ] })
           }
         )
@@ -2956,9 +2677,6 @@ function AltTextPopover({ blockId, controller, anchor, opener, alt, onClose }) {
     }
   );
 }
-
-// src/blocks/image/image-toolbar-items.ts
-import { AlignCenter, AlignLeft, AlignRight, Download as Download2, Pencil } from "lucide-react";
 var ALIGNS = [
   ["left", AlignLeft, "alignLeft"],
   ["center", AlignCenter, "alignCenter"],
@@ -2979,13 +2697,10 @@ function imageToolbarItems(blockId, labels, actions) {
     ...aligns,
     ...replaceItem(labels.replaceImage, replace),
     { id: "alt", title: labels.altText, icon: Pencil, run: editAlt },
-    { id: "download", title: labels.download, icon: Download2, run: download2 },
+    { id: "download", title: labels.download, icon: Download, run: download2 },
     deleteItem(blockId, labels.delete)
   ];
 }
-
-// src/blocks/image/ImageToolbar.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
 var selectedImage = selectedBlock("IMAGE", hasPicture);
 function download(src, doc) {
   if (src === null) return;
@@ -2997,11 +2712,12 @@ function download(src, doc) {
   link.click();
 }
 function ImageToolbarOverlay({ controller }) {
-  const [altFor, setAltFor] = useState10(null);
+  const [altFor, setAltFor] = useState(null);
   const blockId = useToolbarBlock(controller, selectedImage, altFor);
+  useEffect(() => listenForAltRequests(controller, setAltFor), [controller]);
   if (altFor !== null && altFor !== blockId) setAltFor(null);
   if (blockId === null) return null;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx(
     ImageToolbar,
     {
       blockId,
@@ -3016,7 +2732,7 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
   const { labels, resolveAssetUrl } = useQuoin();
   const state = useEditorState(controller, wholeState);
   const picker = useReplacePicker(controller, blockId, uploadImage, "image/*");
-  const altButton = useRef16(null);
+  const altButton = useRef(null);
   const anchor = usePartAnchor(controller, blockId, ".quoin-image-frame");
   const attrs = blockById(state.doc, blockId)?.attrs ?? {};
   const items = imageToolbarItems(blockId, labels, {
@@ -3027,7 +2743,7 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
     },
     download: () => download(imageSource(attrs, resolveAssetUrl), controller.root?.ownerDocument ?? document)
   });
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx(
     NodeToolbar,
     {
       blockId,
@@ -3037,7 +2753,7 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
       items,
       next: '[role="slider"][data-side="1"]',
       buttonRefs: { alt: altButton },
-      popover: editingAlt && /* @__PURE__ */ jsx30(
+      popover: editingAlt && /* @__PURE__ */ jsx(
         AltTextPopover,
         {
           blockId,
@@ -3045,6 +2761,7 @@ function ImageToolbar({ blockId, controller, editingAlt, onEditAlt }) {
           anchor,
           opener: altButton,
           alt: str(attrs.alt),
+          decorative: attrs.decorative === true,
           onClose: () => onEditAlt(null)
         }
       ),
@@ -3063,23 +2780,17 @@ var inPlaceOverlays = {
   IMAGE: ImageToolbarOverlay,
   FILE: FileToolbarOverlay
 };
-
-// src/ui/dropdown-menu.tsx
-import * as React7 from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon2, CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 function DropdownMenu({ modal = false, ...props }) {
-  return /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Root, { modal, ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { modal, ...props });
 }
 function DropdownMenuSub(props) {
-  return /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Sub, { ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props });
 }
 var DropdownMenuTrigger = /* @__PURE__ */ React7.forwardRef(function DropdownMenuTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Trigger, { ref, "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { ref, "data-slot": "dropdown-menu-trigger", ...props });
 });
 var DropdownMenuContent = /* @__PURE__ */ React7.forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
       ref,
@@ -3091,10 +2802,10 @@ var DropdownMenuContent = /* @__PURE__ */ React7.forwardRef(function DropdownMen
   ) });
 });
 var DropdownMenuGroup = /* @__PURE__ */ React7.forwardRef(function DropdownMenuGroup2(props, ref) {
-  return /* @__PURE__ */ jsx31(DropdownMenuPrimitive.Group, { ref, "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { ref, "data-slot": "dropdown-menu-group", ...props });
 });
 var DropdownMenuItem = /* @__PURE__ */ React7.forwardRef(function DropdownMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     {
       ref,
@@ -3106,7 +2817,7 @@ var DropdownMenuItem = /* @__PURE__ */ React7.forwardRef(function DropdownMenuIt
   );
 });
 var DropdownMenuCheckboxItem = /* @__PURE__ */ React7.forwardRef(function DropdownMenuCheckboxItem2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
     {
       ref,
@@ -3114,17 +2825,17 @@ var DropdownMenuCheckboxItem = /* @__PURE__ */ React7.forwardRef(function Dropdo
       className: cn(MENU_CHECKABLE_ITEM, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx31("span", { className: MENU_ITEM_INDICATOR, children: /* @__PURE__ */ jsx31(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: MENU_ITEM_INDICATOR, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
   );
 });
 var DropdownMenuRadioGroup = /* @__PURE__ */ React7.forwardRef(function DropdownMenuRadioGroup2(props, ref) {
-  return /* @__PURE__ */ jsx31(DropdownMenuPrimitive.RadioGroup, { ref, "data-slot": "dropdown-menu-radio-group", ...props });
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { ref, "data-slot": "dropdown-menu-radio-group", ...props });
 });
-var DropdownMenuRadioItem = /* @__PURE__ */ React7.forwardRef(function DropdownMenuRadioItem2({ className, children, indicator = /* @__PURE__ */ jsx31(CircleIcon2, { className: "size-2 fill-current" }), ...props }, ref) {
-  return /* @__PURE__ */ jsxs18(
+var DropdownMenuRadioItem = /* @__PURE__ */ React7.forwardRef(function DropdownMenuRadioItem2({ className, children, indicator = /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }), ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
     {
       ref,
@@ -3132,14 +2843,14 @@ var DropdownMenuRadioItem = /* @__PURE__ */ React7.forwardRef(function DropdownM
       className: cn(MENU_CHECKABLE_ITEM, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx31("span", { className: MENU_ITEM_INDICATOR, children: /* @__PURE__ */ jsx31(DropdownMenuPrimitive.ItemIndicator, { children: indicator }) }),
+        /* @__PURE__ */ jsx("span", { className: MENU_ITEM_INDICATOR, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: indicator }) }),
         children
       ]
     }
   );
 });
 var DropdownMenuLabel = /* @__PURE__ */ React7.forwardRef(function DropdownMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Label,
     {
       ref,
@@ -3151,7 +2862,7 @@ var DropdownMenuLabel = /* @__PURE__ */ React7.forwardRef(function DropdownMenuL
   );
 });
 var DropdownMenuSeparator = /* @__PURE__ */ React7.forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
     {
       ref,
@@ -3163,11 +2874,11 @@ var DropdownMenuSeparator = /* @__PURE__ */ React7.forwardRef(function DropdownM
 });
 var DropdownMenuShortcut = /* @__PURE__ */ React7.forwardRef(
   function DropdownMenuShortcut2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx31("span", { ref, "data-slot": "dropdown-menu-shortcut", className: cn(MENU_SHORTCUT, className), ...props });
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "dropdown-menu-shortcut", className: cn(MENU_SHORTCUT, className), ...props });
   }
 );
 var DropdownMenuSubTrigger = /* @__PURE__ */ React7.forwardRef(function DropdownMenuSubTrigger2({ className, inset, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.SubTrigger,
     {
       ref,
@@ -3177,13 +2888,13 @@ var DropdownMenuSubTrigger = /* @__PURE__ */ React7.forwardRef(function Dropdown
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx31(ChevronRightIcon2, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     }
   );
 });
 var DropdownMenuSubContent = /* @__PURE__ */ React7.forwardRef(function DropdownMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
       ref,
@@ -3193,13 +2904,10 @@ var DropdownMenuSubContent = /* @__PURE__ */ React7.forwardRef(function Dropdown
     }
   );
 });
-
-// src/blocks/text/CalloutIconMenu.tsx
-import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 function CalloutIconMenu({ blockId, controller, icon }) {
   const labels = useLabels();
-  return /* @__PURE__ */ jsxs19(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx32(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       Button,
       {
         type: "button",
@@ -3208,10 +2916,10 @@ function CalloutIconMenu({ blockId, controller, icon }) {
         tabIndex: -1,
         "aria-label": labels.calloutIcon,
         className: "text-base",
-        children: /* @__PURE__ */ jsx32("span", { "aria-hidden": "true", children: icon })
+        children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: icon })
       }
     ) }),
-    /* @__PURE__ */ jsx32(DropdownMenuContent, { align: "start", className: "min-w-0", onCloseAutoFocus: returnFocusToText(controller), children: CALLOUT_ICONS.map((choice) => /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "min-w-0", onCloseAutoFocus: returnFocusToText(controller), children: CALLOUT_ICONS.map((choice) => /* @__PURE__ */ jsx(
       DropdownMenuItem,
       {
         className: "justify-center text-base",
@@ -3222,9 +2930,6 @@ function CalloutIconMenu({ blockId, controller, icon }) {
     )) })
   ] });
 }
-
-// src/blocks/text/CalloutToneMenu.tsx
-import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 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"
@@ -3232,8 +2937,8 @@ var SHOWN_WITH_THE_BLOCK = [
 function CalloutToneMenu({ blockId, controller, tone }) {
   const labels = useLabels();
   const name = labels.calloutTones[tone];
-  return /* @__PURE__ */ jsxs20(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx33(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       Button,
       {
         type: "button",
@@ -3245,27 +2950,24 @@ function CalloutToneMenu({ blockId, controller, tone }) {
         children: name
       }
     ) }),
-    /* @__PURE__ */ jsx33(DropdownMenuContent, { align: "end", onCloseAutoFocus: returnFocusToText(controller), children: /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", onCloseAutoFocus: returnFocusToText(controller), children: /* @__PURE__ */ jsx(
       DropdownMenuRadioGroup,
       {
         value: tone,
         onValueChange: (value) => setBlockAttrs(controller, blockId, { tone: value }),
-        children: CALLOUT_TONES.map((option) => /* @__PURE__ */ jsx33(DropdownMenuRadioItem, { value: option, children: labels.calloutTones[option] }, option))
+        children: CALLOUT_TONES.map((option) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: option, children: labels.calloutTones[option] }, option))
       }
     ) })
   ] });
 }
-
-// src/blocks/text/CalloutBlock.tsx
-import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 var CalloutBlock = ({ block, controller }) => {
   const labels = useLabels();
   const readOnly = useReadOnly(controller);
   const tone = calloutTone(block.attrs.tone);
   const icon = calloutIcon(block.attrs, tone);
-  return /* @__PURE__ */ jsxs21("div", { className: cn("quoin-callout group/callout flex items-start gap-2", TONE[tone]), "data-tone": tone, children: [
-    readOnly ? /* @__PURE__ */ jsx34("span", { "aria-hidden": "true", className: "flex size-6 items-center justify-center text-base", children: icon }) : /* @__PURE__ */ jsx34(CalloutIconMenu, { blockId: block.id, controller, icon }),
-    /* @__PURE__ */ jsx34(
+  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(
       EditableRegion,
       {
         block: block.id,
@@ -3274,13 +2976,10 @@ var CalloutBlock = ({ block, controller }) => {
         className: "min-w-0 flex-1"
       }
     ),
-    !readOnly && /* @__PURE__ */ jsx34(CalloutToneMenu, { blockId: block.id, controller, tone })
+    !readOnly && /* @__PURE__ */ jsx(CalloutToneMenu, { blockId: block.id, controller, tone })
   ] });
 };
-
-// src/blocks/text/DividerBlock.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-var DividerBlock = ({ block, controller }) => /* @__PURE__ */ jsx35("div", { className: "py-2", contentEditable: false, onClick: () => focusNode(controller, block.id), children: /* @__PURE__ */ jsx35("hr", { className: "border-t border-border" }) });
+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" }) });
 
 // src/blocks/text/marker-styles.ts
 var BULLETS = ["\u2022", "\u25E6", "\u25AA"];
@@ -3328,38 +3027,32 @@ function bulletGlyph(depth) {
 function orderedLabel(n, depth) {
   return `${COUNTERS[cycleOf(depth)](n)}.`;
 }
-
-// src/blocks/text/ListMarker.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
 function ListMarker(props) {
   const text2 = props.list === "bullet" ? bulletGlyph(props.depth) : orderedLabel(props.number, props.depth);
-  return /* @__PURE__ */ jsx36("span", { className: "quoin-marker", "aria-hidden": "true", children: text2 });
+  return /* @__PURE__ */ jsx("span", { className: "quoin-marker", "aria-hidden": "true", children: text2 });
 }
-
-// src/blocks/text/MarkdownBlock.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 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__ */ jsx37("div", { role: "heading", "aria-level": level, className: headingStyles(level), children: /* @__PURE__ */ jsx37(EditableRegion, { block: block.id, region: REGION, label: labels.heading(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__ */ jsxs22("div", { className: "quoin-list-item", "data-list": "ordered", children: [
-    /* @__PURE__ */ jsx37(ListMarker, { list: "ordered", number, depth: block.indent }),
-    /* @__PURE__ */ jsx37(EditableRegion, { block: block.id, region: REGION, label: labels.numberedItem(number) })
+  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__ */ jsxs22("div", { className: "quoin-task", "data-checked": block.attrs.checked === true, children: [
-    /* @__PURE__ */ jsx37(TaskCheckbox, { block, controller, label: labels.task, labelledBy: hostId }),
-    /* @__PURE__ */ jsx37(EditableRegion, { id: hostId, block: block.id, region: REGION, label: labels.task })
+  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) => {
@@ -3367,20 +3060,20 @@ var MarkdownBlock = (props) => {
   const labels = useLabels();
   switch (block.attrs.kind) {
     case "heading":
-      return /* @__PURE__ */ jsx37(Heading, { block });
+      return /* @__PURE__ */ jsx(Heading, { block });
     case "bullet":
-      return /* @__PURE__ */ jsxs22("div", { className: "quoin-list-item", "data-list": "bullet", children: [
-        /* @__PURE__ */ jsx37(ListMarker, { list: "bullet", depth: block.indent }),
-        /* @__PURE__ */ jsx37(EditableRegion, { block: block.id, region: REGION, label: labels.bulletItem })
+      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__ */ jsx37(NumberedItem, { ...props });
+      return /* @__PURE__ */ jsx(NumberedItem, { ...props });
     case "task":
-      return /* @__PURE__ */ jsx37(TaskItem, { ...props });
+      return /* @__PURE__ */ jsx(TaskItem, { ...props });
     case "quote":
-      return /* @__PURE__ */ jsx37("div", { className: "quoin-quote", children: /* @__PURE__ */ jsx37(EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
+      return /* @__PURE__ */ jsx("div", { className: "quoin-quote", children: /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: REGION, label: labels.quote }) });
     default:
-      return /* @__PURE__ */ jsx37(EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
+      return /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: REGION, label: labels.paragraph });
   }
 };
 
@@ -3393,16 +3086,13 @@ function nestedBlockIds({ doc }, blockId) {
 function useNestedBlocks(controller, blockId) {
   return useEditorState(controller, (state) => nestedBlockIds(state, blockId), sameItems);
 }
-
-// src/blocks/text/ToggleBlock.tsx
-import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 var ToggleBlock = ({ block, controller }) => {
   const labels = useLabels();
   const domId = useBlockDomId();
   const nested = useNestedBlocks(controller, block.id);
   const open = useToggleOpen(controller, block);
-  return /* @__PURE__ */ jsxs23("div", { className: "quoin-toggle", "data-open": open, children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs("div", { className: "quoin-toggle", "data-open": open, children: [
+    /* @__PURE__ */ jsx(
       ToggleChevron,
       {
         block,
@@ -3411,7 +3101,7 @@ var ToggleBlock = ({ block, controller }) => {
         controls: nested.length === 0 ? void 0 : nested.map(domId).join(" ")
       }
     ),
-    /* @__PURE__ */ jsx38(EditableRegion, { block: block.id, region: "text", label: labels.toggle })
+    /* @__PURE__ */ jsx(EditableRegion, { block: block.id, region: "text", label: labels.toggle })
   ] });
 };
 
@@ -3442,21 +3132,6 @@ function drawnInPlace(definitions, type) {
 }
 var drawsType = (definitions, type) => !Object.hasOwn(inPlaceRenderers, type) || blockByType(definitions, type) !== void 0;
 var opensEditor = (definitions, type) => drawnInPlace(definitions, type) || !drawnAsText(definitions, type, false) && blockByType(definitions, type)?.editor !== void 0;
-
-// src/gutter/turn-into-targets.ts
-import {
-  Code as Code3,
-  Heading1,
-  Heading2,
-  Heading3,
-  List,
-  ListCollapse,
-  ListOrdered,
-  ListTodo,
-  MessageSquare as MessageSquare2,
-  TextQuote,
-  Type
-} from "lucide-react";
 var HEADING_ICONS = [Heading1, Heading2, Heading3];
 function turnIntoTargets(labels) {
   const { blockNames } = labels;
@@ -3477,50 +3152,44 @@ function turnIntoTargets(labels) {
     line("numberedList", blockNames.numberedList, ListOrdered, { kind: "ordered" }),
     line("todoList", blockNames.todoList, ListTodo, { kind: "task" }),
     line("quote", blockNames.quote, TextQuote, { kind: "quote" }),
-    { id: "callout", label: blockNames.callout, icon: MessageSquare2, type: "CALLOUT", attrs: {} },
+    { id: "callout", label: blockNames.callout, icon: MessageSquare, type: "CALLOUT", attrs: {} },
     { id: "toggle", label: blockNames.toggle, icon: ListCollapse, type: "TOGGLE", attrs: {} },
-    { id: "code", label: blockNames.code, icon: Code3, type: "CODE", attrs: {} }
+    { id: "code", label: blockNames.code, icon: Code, type: "CODE", attrs: {} }
   ];
 }
-
-// src/gutter/TurnIntoMenu.tsx
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function TurnIntoItems({ kit, controller, blockIds }) {
   const { blockTypes, labels } = useQuoin();
   const targets = turnIntoTargets(labels).filter((target) => drawsType(blockTypes, target.type));
-  return targets.map((target) => /* @__PURE__ */ jsxs24(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, setBlockType(target.type, target.attrs)), children: [
-    /* @__PURE__ */ jsx39(MenuIcon, { icon: target.icon }),
+  return targets.map((target) => /* @__PURE__ */ jsxs(kit.Item, { onSelect: () => runOnBlocks(controller, blockIds, setBlockType(target.type, target.attrs)), children: [
+    /* @__PURE__ */ jsx(MenuIcon, { icon: target.icon }),
     target.label
   ] }, target.id));
 }
 function TurnIntoMenu(props) {
   const { kit } = props;
   const labels = useLabels();
-  return /* @__PURE__ */ jsxs24(kit.Sub, { children: [
-    /* @__PURE__ */ jsxs24(kit.SubTrigger, { children: [
-      /* @__PURE__ */ jsx39(MenuIcon, { icon: Repeat2 }),
+  return /* @__PURE__ */ jsxs(kit.Sub, { children: [
+    /* @__PURE__ */ jsxs(kit.SubTrigger, { children: [
+      /* @__PURE__ */ jsx(MenuIcon, { icon: Repeat2 }),
       labels.turnInto
     ] }),
-    /* @__PURE__ */ jsx39(kit.SubContent, { children: /* @__PURE__ */ jsx39(TurnIntoItems, { ...props }) })
+    /* @__PURE__ */ jsx(kit.SubContent, { children: /* @__PURE__ */ jsx(TurnIntoItems, { ...props }) })
   ] });
 }
-
-// src/gutter/BlockMenuItems.tsx
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 var DESTRUCTIVE = "text-destructive focus:text-destructive";
 function ActionItem({ kit, controller, action, blockIds }) {
   const labels = useLabels();
   const hint = action.shortcut === void 0 ? null : shortcutHint(action.shortcut, controller.isMac, labels);
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs(
     kit.Item,
     {
       className: action.destructive ? DESTRUCTIVE : void 0,
       "aria-keyshortcuts": hint?.aria,
       onSelect: () => action.run(controller, blockIds),
       children: [
-        /* @__PURE__ */ jsx40(MenuIcon, { icon: action.icon }),
+        /* @__PURE__ */ jsx(MenuIcon, { icon: action.icon }),
         action.label,
-        hint !== null && /* @__PURE__ */ jsx40(kit.Shortcut, { "aria-hidden": "true", children: hint.text })
+        hint !== null && /* @__PURE__ */ jsx(kit.Shortcut, { "aria-hidden": "true", children: hint.text })
       ]
     }
   );
@@ -3532,15 +3201,15 @@ function BlockMenuItems({ kit, controller, blocks, styled, title, actions }) {
   const anyText = styled.some((block) => isTextFlow(state.schema, block));
   const anyMarkdown = styled.some((block) => block.type === "MARKDOWN");
   const allCallouts = styled.length > 0 && styled.every((block) => block.type === "CALLOUT");
-  return /* @__PURE__ */ jsxs25(Fragment7, { children: [
-    /* @__PURE__ */ jsx40(kit.Label, { className: "text-muted-foreground text-xs", children: title }),
-    anyText && /* @__PURE__ */ jsx40(TurnIntoMenu, { kit, controller, blockIds: styled.map((block) => block.id) }),
-    anyMarkdown && /* @__PURE__ */ jsx40(ColorMenu, { kit, controller, blocks: styled }),
-    allCallouts && /* @__PURE__ */ jsx40(CalloutMenus, { kit, controller, blocks: styled }),
-    (anyText || anyMarkdown || allCallouts) && /* @__PURE__ */ jsx40(kit.Separator, {}),
-    shown.map((action) => /* @__PURE__ */ jsxs25(Fragment6, { children: [
-      action.destructive && /* @__PURE__ */ jsx40(kit.Separator, {}),
-      /* @__PURE__ */ jsx40(ActionItem, { kit, controller, action, blockIds })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(kit.Label, { className: "text-muted-foreground text-xs", children: title }),
+    anyText && /* @__PURE__ */ jsx(TurnIntoMenu, { kit, controller, blockIds: styled.map((block) => block.id) }),
+    anyMarkdown && /* @__PURE__ */ jsx(ColorMenu, { kit, controller, blocks: styled }),
+    allCallouts && /* @__PURE__ */ jsx(CalloutMenus, { kit, controller, blocks: styled }),
+    (anyText || anyMarkdown || allCallouts) && /* @__PURE__ */ jsx(kit.Separator, {}),
+    shown.map((action) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      action.destructive && /* @__PURE__ */ jsx(kit.Separator, {}),
+      /* @__PURE__ */ jsx(ActionItem, { kit, controller, action, blockIds })
     ] }, action.id))
   ] });
 }
@@ -3570,9 +3239,6 @@ var CONTEXT_KIT = {
   SubContent: ContextMenuSubContent,
   SubTrigger: ContextMenuSubTrigger
 };
-
-// src/gutter/use-context-menu-opener.ts
-import { useEffect as useEffect11 } from "react";
 var GUTTER_BLOCK = "data-quoin-gutter-block";
 var OWN_MENU = `[${NATIVE_INTERACTION}], input, textarea, select`;
 function contextBlock(controller, target) {
@@ -3587,7 +3253,7 @@ function contextBlock(controller, target) {
   return block === void 0 || isTextFlow(state.schema, block) ? null : block.id;
 }
 function useContextMenuOpener(controller, store, trigger) {
-  useEffect11(() => {
+  useEffect(() => {
     const root = controller.root;
     if (root === null) return;
     const blockOf = (event) => event.target === trigger.current || controller.readOnly ? null : contextBlock(controller, event.target);
@@ -3607,9 +3273,6 @@ function useContextMenuOpener(controller, store, trigger) {
   }, [controller, store, trigger]);
 }
 
-// src/gutter/use-menu-blocks.ts
-import { useCallback as useCallback6, useContext as useContext4, useEffect as useEffect12 } from "react";
-
 // src/gutter/block-type-label.ts
 var KIND_NAMES = {
   paragraph: "text",
@@ -3634,14 +3297,11 @@ function blockTypeLabel(labels, block, definitions, extensionNames = {}) {
   if (name !== void 0) return labels.blockNames[name];
   return nameIn(extensionNames, block.type) ?? blockByType(definitions, block.type)?.label ?? labels.unsupportedBlock;
 }
-
-// src/gutter/extension-block-names.ts
-import { createContext as createContext4 } from "react";
-var ExtensionBlockNames = createContext4({});
+var ExtensionBlockNames = createContext({});
 
 // src/gutter/use-menu-blocks.ts
 function useLiveBlocks(controller, blockIds) {
-  const select = useCallback6(
+  const select = useCallback(
     (state) => blockIds.flatMap((id) => blockById(state.doc, id) ?? []),
     [blockIds]
   );
@@ -3650,23 +3310,20 @@ function useLiveBlocks(controller, blockIds) {
 function useMenuBlocks(controller, store, menu) {
   const labels = useLabels();
   const { blockTypes } = useQuoin();
-  const extensionNames = useContext4(ExtensionBlockNames);
+  const extensionNames = useContext(ExtensionBlockNames);
   const blocks = useLiveBlocks(controller, menu.blockIds);
   const styled = useLiveBlocks(controller, menu.styleIds);
   const gone = blocks.length === 0;
-  useEffect12(() => {
+  useEffect(() => {
     if (gone) closeBlockMenu(store);
   }, [gone, store]);
   return { blocks, styled, title: gone ? "" : blockTypeLabel(labels, blocks[0], blockTypes, extensionNames) };
 }
-
-// src/gutter/BlockContextMenu.tsx
-import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
 function BlockContextMenuContent({ controller, store, actions, menu }) {
   const labels = useLabels();
   const { blocks, styled, title } = useMenuBlocks(controller, store, menu);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ jsx41(ContextMenuContent, { "aria-label": labels.blockMenu(title), onCloseAutoFocus: returnFocusToText(controller), children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx(ContextMenuContent, { "aria-label": labels.blockMenu(title), onCloseAutoFocus: returnFocusToText(controller), children: /* @__PURE__ */ jsx(
     BlockMenuItems,
     {
       kit: CONTEXT_KIT,
@@ -3679,11 +3336,11 @@ function BlockContextMenuContent({ controller, store, actions, menu }) {
   ) });
 }
 function BlockContextMenu({ controller, store, actions }) {
-  const trigger = useRef17(null);
+  const trigger = useRef(null);
   const menu = useCanvasUi(store, (state) => state.blockMenu);
   const open = menu?.anchor === "pointer";
   useContextMenuOpener(controller, store, trigger);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs(
     ContextMenu,
     {
       open,
@@ -3691,8 +3348,8 @@ function BlockContextMenu({ controller, store, actions }) {
         if (!next) closeBlockMenu(store);
       },
       children: [
-        /* @__PURE__ */ jsx41(ContextMenuTrigger, { ref: trigger, hidden: true }),
-        open && /* @__PURE__ */ jsx41(BlockContextMenuContent, { controller, store, actions, menu })
+        /* @__PURE__ */ jsx(ContextMenuTrigger, { ref: trigger, hidden: true }),
+        open && /* @__PURE__ */ jsx(BlockContextMenuContent, { controller, store, actions, menu })
       ]
     }
   );
@@ -3708,14 +3365,6 @@ function blockMenuKeymap(store) {
   };
   return defineExtension({ name: "block-menu", keymap: { "Mod-/": openForHead } });
 }
-
-// src/gutter/Gutter.tsx
-import { useEffect as useEffect15, useRef as useRef20 } from "react";
-import { GripVertical, Plus } from "lucide-react";
-
-// src/drag/DragOverlay.tsx
-import { forwardRef as forwardRef6, useImperativeHandle, useRef as useRef18 } from "react";
-import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var UNIQUE_OR_FOCUSABLE = ["id", "data-block-id", "contenteditable", "tabindex"];
 function copyOf(shell) {
   const copy = shell.cloneNode(true);
@@ -3726,9 +3375,9 @@ function copyOf(shell) {
   return copy;
 }
 var place = (element, { top, left, width }) => Object.assign(element.style, { top: `${top}px`, left: `${left}px`, width: `${width}px` });
-var DragOverlay = forwardRef6(function DragOverlay2(_props, ref) {
-  const ghost = useRef18(null);
-  const line = useRef18(null);
+var DragOverlay = forwardRef(function DragOverlay2(_props, ref) {
+  const ghost = useRef(null);
+  const line = useRef(null);
   useImperativeHandle(ref, () => ({
     show(shells, box) {
       const element = ghost.current;
@@ -3755,8 +3404,8 @@ var DragOverlay = forwardRef6(function DragOverlay2(_props, ref) {
       if (line.current) line.current.hidden = true;
     }
   }));
-  return /* @__PURE__ */ jsxs27(Fragment8, { children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       "div",
       {
         ref: ghost,
@@ -3766,7 +3415,7 @@ var DragOverlay = forwardRef6(function DragOverlay2(_props, ref) {
         className: "pointer-events-none fixed z-20 opacity-50"
       }
     ),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx(
       "div",
       {
         ref: line,
@@ -3779,9 +3428,6 @@ var DragOverlay = forwardRef6(function DragOverlay2(_props, ref) {
   ] });
 });
 
-// src/drag/use-block-drag.ts
-import { useEffect as useEffect13, useRef as useRef19 } from "react";
-
 // src/canvas/structure-announcement.ts
 var DELETION_STEPS = /* @__PURE__ */ new Set(["removeBlocks", "setIndent"]);
 function drawnPosition(doc, blockId) {
@@ -4009,9 +3655,9 @@ function pressDragHandle(press) {
 // src/drag/use-block-drag.ts
 function useBlockDrag(controller, store, blockId, overlay) {
   const labels = useLabels();
-  const cancel = useRef19(null);
-  const dragged = useRef19(false);
-  useEffect13(() => () => cancel.current?.(), []);
+  const cancel = useRef(null);
+  const dragged = useRef(false);
+  useEffect(() => () => cancel.current?.(), []);
   return {
     onPointerDown(event) {
       cancel.current?.();
@@ -4058,21 +3704,18 @@ function addBlockBelow(controller, blockId) {
   controller.focus();
   return ok;
 }
-
-// src/gutter/BlockMenu.tsx
-import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 function BlockMenuContent({ controller, store, actions, menu }) {
   const labels = useLabels();
   const { blocks, styled, title } = useMenuBlocks(controller, store, menu);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx(
     DropdownMenuContent,
     {
       align: "start",
       "aria-label": labels.blockMenu(title),
       "aria-labelledby": void 0,
       onCloseAutoFocus: returnFocusToText(controller),
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx(
         BlockMenuItems,
         {
           kit: DROPDOWN_KIT,
@@ -4089,7 +3732,7 @@ function BlockMenuContent({ controller, store, actions, menu }) {
 function BlockMenu({ controller, store, actions, onOpen, children }) {
   const menu = useCanvasUi(store, (state) => state.blockMenu);
   const open = menu?.anchor === "handle";
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs(
     DropdownMenu,
     {
       open,
@@ -4098,8 +3741,8 @@ function BlockMenu({ controller, store, actions, onOpen, children }) {
         else closeBlockMenu(store);
       },
       children: [
-        /* @__PURE__ */ jsx43(DropdownMenuTrigger, { asChild: true, children }),
-        open && /* @__PURE__ */ jsx43(BlockMenuContent, { controller, store, actions, menu })
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children }),
+        open && /* @__PURE__ */ jsx(BlockMenuContent, { controller, store, actions, menu })
       ]
     }
   );
@@ -4158,9 +3801,6 @@ function useGutterPosition(controller, gutter, block) {
     };
   }, [controller, gutter, block]);
 }
-
-// src/gutter/use-gutter-target.ts
-import { useEffect as useEffect14, useState as useState11 } from "react";
 var headOf = (state) => headBlockId(state.selection);
 function blockAcross(controller, root, y) {
   const box = root.getBoundingClientRect();
@@ -4170,8 +3810,8 @@ function blockAcross(controller, root, y) {
 function useGutterTarget(controller, store, gutter) {
   const hovered = useCanvasUi(store, (state) => state.hoveredBlock);
   const head = useEditorState(controller, headOf);
-  const [focusWithin, setFocusWithin] = useState11(false);
-  useEffect14(() => {
+  const [focusWithin, setFocusWithin] = useState(false);
+  useEffect(() => {
     const root = controller.root;
     if (root === null) return;
     const pinned = () => store.get().blockMenu !== null || store.get().drag !== null;
@@ -4193,21 +3833,18 @@ function useGutterTarget(controller, store, gutter) {
   const target = hovered ?? fallback;
   return { target, focused: target !== null && target === fallback };
 }
-
-// src/gutter/Gutter.tsx
-import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
 var GUTTER = "absolute top-0 left-0 z-10 flex items-center gap-0.5 pointer-coarse:not-data-current:hidden";
 var ADD_BELOW = "text-muted-foreground pointer-coarse:hidden";
 function Gutter({ controller, store, actions }) {
   const labels = useLabels();
-  const element = useRef20(null);
-  const overlay = useRef20(null);
-  const menuOpenAtPress = useRef20(false);
+  const element = useRef(null);
+  const overlay = useRef(null);
+  const menuOpenAtPress = useRef(false);
   const { target, focused } = useGutterTarget(controller, store, element);
   const menuOpen = useCanvasUi(store, (state) => state.blockMenu !== null);
   const drag = useBlockDrag(controller, store, target, overlay);
   useGutterPosition(controller, element, target);
-  useEffect15(() => () => closeBlockMenu(store), [store]);
+  useEffect(() => () => closeBlockMenu(store), [store]);
   const openMenu = () => {
     const { state } = controller.editor;
     if (target !== null && state.doc.index.has(target)) openBlockMenu(store, state, target);
@@ -4215,8 +3852,8 @@ function Gutter({ controller, store, actions }) {
   const addBelow = () => {
     if (target !== null) addBlockBelow(controller, target);
   };
-  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
-    /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
       "div",
       {
         ref: element,
@@ -4224,7 +3861,7 @@ function Gutter({ controller, store, actions }) {
         "data-current": focused || menuOpen ? "" : void 0,
         ...{ [GUTTER_BLOCK]: target ?? void 0 },
         children: [
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx(
             Button,
             {
               type: "button",
@@ -4235,10 +3872,10 @@ function Gutter({ controller, store, actions }) {
               className: ADD_BELOW,
               onPointerDown: keepFocus,
               onClick: addBelow,
-              children: /* @__PURE__ */ jsx44(Plus, {})
+              children: /* @__PURE__ */ jsx(Plus, {})
             }
           ),
-          /* @__PURE__ */ jsx44(BlockMenu, { controller, store, actions, onOpen: openMenu, children: /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx(BlockMenu, { controller, store, actions, onOpen: openMenu, children: /* @__PURE__ */ jsx(
             Button,
             {
               type: "button",
@@ -4257,13 +3894,13 @@ function Gutter({ controller, store, actions }) {
                 menuOpenAtPress.current = false;
                 if (!drag.takeClick(event) && !closing) openMenu();
               },
-              children: /* @__PURE__ */ jsx44(GripVertical, {})
+              children: /* @__PURE__ */ jsx(GripVertical, {})
             }
           ) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx44(DragOverlay, { ref: overlay })
+    /* @__PURE__ */ jsx(DragOverlay, { ref: overlay })
   ] });
 }
 
@@ -4274,15 +3911,6 @@ function resolveLabels(overrides) {
   return given.length === 0 ? englishLabels : { ...englishLabels, ...Object.fromEntries(given) };
 }
 
-// src/menus/bubble/bubble-extension.tsx
-import { createContext as createContext5, useContext as useContext5 } from "react";
-
-// src/menus/bubble/BubbleToolbar.tsx
-import { useMemo as useMemo7 } from "react";
-
-// src/menus/floating/use-selection-anchor.ts
-import { useMemo as useMemo6, useState as useState12 } from "react";
-
 // src/menus/floating/range-rect.ts
 var TEXT_NODE = 3;
 function lineBox(rect, host) {
@@ -4340,7 +3968,7 @@ function selectionHost(controller) {
   return (first && controller.registry.get(first.block, first.region)) ?? controller.root ?? void 0;
 }
 function useSelectionAnchor(controller, state) {
-  const anchor = useMemo6(
+  const anchor = useMemo(
     () => ({
       current: state.selection === null ? null : virtualAnchor(
         () => selectionRect(controller),
@@ -4349,31 +3977,24 @@ function useSelectionAnchor(controller, state) {
     }),
     [controller, state]
   );
-  const [side, setSide] = useState12("top");
+  const [side, setSide] = useState("top");
   useIsomorphicLayoutEffect(() => {
     const rect = selectionRect(controller);
     if (rect) setSide(rect.top < ROOM_ABOVE ? "bottom" : "top");
   }, [controller, state]);
   return { anchor, side };
 }
-
-// src/menus/bubble/AlignDropdown.tsx
-import { AlignCenter as AlignCenter2, AlignJustify, AlignLeft as AlignLeft2, AlignRight as AlignRight2, CheckIcon as CheckIcon5 } from "lucide-react";
-
-// src/menus/bubble/ToolbarMenu.tsx
-import { useRef as useRef21 } from "react";
-import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
 function ToolbarMenu({ controller, trigger, children }) {
-  const fromToolbar = useRef21(false);
-  return /* @__PURE__ */ jsxs30(
+  const fromToolbar = useRef(false);
+  return /* @__PURE__ */ jsxs(
     DropdownMenu,
     {
       onOpenChange: (open) => {
         if (open) fromToolbar.current = isBubblePart(document.activeElement, controller);
       },
       children: [
-        /* @__PURE__ */ jsx45(DropdownMenuTrigger, { asChild: true, children: trigger }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger }),
+        /* @__PURE__ */ jsx(
           DropdownMenuContent,
           {
             align: "start",
@@ -4388,10 +4009,7 @@ function ToolbarMenu({ controller, trigger, children }) {
     }
   );
 }
-
-// src/menus/bubble/AlignDropdown.tsx
-import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
-var ICONS = { left: AlignLeft2, center: AlignCenter2, right: AlignRight2, justify: AlignJustify };
+var ICONS = { left: AlignLeft, center: AlignCenter, right: AlignRight, justify: AlignJustify };
 var ALIGNS2 = Object.keys(ICONS);
 var LABEL_KEYS = { left: "alignLeft", center: "alignCenter", right: "alignRight", justify: "alignJustify" };
 function sharedAlign(state) {
@@ -4404,17 +4022,13 @@ function AlignDropdown({ controller, state }) {
   const labels = useLabels();
   const value = sharedAlign(state);
   if (value === null) return null;
-  const Icon = value === "" ? AlignLeft2 : ICONS[value];
-  const trigger = /* @__PURE__ */ jsx46(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.align, children: /* @__PURE__ */ jsx46(Icon, {}) });
-  return /* @__PURE__ */ jsx46(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx46(DropdownMenuRadioGroup, { value, onValueChange: (align) => controller.run(setTextAlign(align)), children: ALIGNS2.map((align) => /* @__PURE__ */ jsxs31(DropdownMenuRadioItem, { value: align, indicator: /* @__PURE__ */ jsx46(CheckIcon5, { className: "size-4" }), children: [
-    /* @__PURE__ */ jsx46(MenuIcon, { icon: ICONS[align] }),
+  const Icon = value === "" ? AlignLeft : ICONS[value];
+  const trigger = /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.align, children: /* @__PURE__ */ jsx(Icon, {}) });
+  return /* @__PURE__ */ jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value, onValueChange: (align) => controller.run(setTextAlign(align)), children: ALIGNS2.map((align) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: align, indicator: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }), children: [
+    /* @__PURE__ */ jsx(MenuIcon, { icon: ICONS[align] }),
     labels[LABEL_KEYS[align]]
   ] }, align)) }) });
 }
-
-// src/menus/bubble/ColorPopover.tsx
-import { Baseline } from "lucide-react";
-import { jsx as jsx47 } from "react/jsx-runtime";
 var MARKS = { color: "color", background: "highlight" };
 function selectionColor(state, mark) {
   const names = /* @__PURE__ */ new Set();
@@ -4433,30 +4047,23 @@ function colorCommand(key, name) {
 function ColorPopover({ controller, state }) {
   const labels = useLabels();
   const value = { color: selectionColor(state, MARKS.color), background: selectionColor(state, MARKS.background) };
-  const trigger = /* @__PURE__ */ jsx47(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.color, children: /* @__PURE__ */ jsx47(Baseline, {}) });
-  return /* @__PURE__ */ jsx47(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx47(ColorGroups, { kit: DROPDOWN_KIT, value, onPick: (key, name) => controller.run(colorCommand(key, name)) }) });
+  const trigger = /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.color, children: /* @__PURE__ */ jsx(Baseline, {}) });
+  return /* @__PURE__ */ jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx(ColorGroups, { kit: DROPDOWN_KIT, value, onPick: (key, name) => controller.run(colorCommand(key, name)) }) });
 }
-
-// src/menus/bubble/TurnIntoDropdown.tsx
-import { ChevronDown } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
 function TurnIntoDropdown({ controller, state }) {
   const labels = useLabels();
-  const trigger = /* @__PURE__ */ jsxs32(Button, { type: "button", variant: "ghost", size: "sm", className: "gap-1 px-2 has-[>svg]:px-2", children: [
+  const trigger = /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "gap-1 px-2 has-[>svg]:px-2", children: [
     labels.turnInto,
-    /* @__PURE__ */ jsx48(ChevronDown, {})
+    /* @__PURE__ */ jsx(ChevronDown, {})
   ] });
-  return /* @__PURE__ */ jsx48(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx48(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: selectedBlockIds(state.doc, state.selection) }) });
+  return /* @__PURE__ */ jsx(ToolbarMenu, { controller, trigger, children: /* @__PURE__ */ jsx(TurnIntoItems, { kit: DROPDOWN_KIT, controller, blockIds: selectedBlockIds(state.doc, state.selection) }) });
 }
-
-// src/menus/bubble/BubbleToolbar.tsx
-import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 var DIVIDER = "mx-0.5 h-5 w-px shrink-0 bg-border";
 function BubbleToolbar({ controller, labels, store, extraItems }) {
   const state = useEditorState(controller, wholeState);
   const { anchor, side } = useSelectionAnchor(controller, state);
   const roving = useRovingFocus();
-  const items = useMemo7(() => bubbleItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
+  const items = useMemo(() => bubbleItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
   useFocusKey(controller, roving.focusCurrent);
   const onKeyDown = (event) => {
     if (!roving.owns(event.target)) return;
@@ -4465,10 +4072,10 @@ function BubbleToolbar({ controller, labels, store, extraItems }) {
       controller.focus();
     } else roving.onKeyDown(event);
   };
-  const button = (item) => /* @__PURE__ */ jsx49(ToolbarButton, { item, state, controller }, item.id);
-  return /* @__PURE__ */ jsxs33(Popover, { open: true, modal: false, children: [
-    /* @__PURE__ */ jsx49(PopoverAnchor, { virtualRef: anchor }),
-    /* @__PURE__ */ jsxs33(
+  const button = (item) => /* @__PURE__ */ jsx(ToolbarButton, { item, state, controller }, item.id);
+  return /* @__PURE__ */ jsxs(Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+    /* @__PURE__ */ jsxs(
       PopoverContent,
       {
         ref: roving.ref,
@@ -4484,11 +4091,11 @@ function BubbleToolbar({ controller, labels, store, extraItems }) {
         onKeyDown,
         ...bubblePart(controller),
         children: [
-          /* @__PURE__ */ jsx49(TurnIntoDropdown, { controller, state }),
-          /* @__PURE__ */ jsx49("span", { "aria-hidden": "true", className: DIVIDER }),
+          /* @__PURE__ */ jsx(TurnIntoDropdown, { controller, state }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: DIVIDER }),
           items.inline.map(button),
-          /* @__PURE__ */ jsx49(ColorPopover, { controller, state }),
-          /* @__PURE__ */ jsx49(AlignDropdown, { controller, state }),
+          /* @__PURE__ */ jsx(ColorPopover, { controller, state }),
+          /* @__PURE__ */ jsx(AlignDropdown, { controller, state }),
           items.scripts.map(button),
           extraItems.map(button)
         ]
@@ -4496,13 +4103,10 @@ function BubbleToolbar({ controller, labels, store, extraItems }) {
     )
   ] });
 }
-
-// src/ui/use-media-query.ts
-import { useCallback as useCallback7, useSyncExternalStore as useSyncExternalStore3 } from "react";
 var listOf = (query) => typeof window.matchMedia === "function" ? window.matchMedia(query) : null;
 var readOnServer = () => false;
 function useMediaQuery(query, unsupported) {
-  const subscribe3 = useCallback7(
+  const subscribe3 = useCallback(
     (notify) => {
       const list = listOf(query);
       list?.addEventListener("change", notify);
@@ -4511,7 +4115,7 @@ function useMediaQuery(query, unsupported) {
     [query]
   );
   const read2 = () => listOf(query)?.matches ?? unsupported;
-  return useSyncExternalStore3(subscribe3, read2, readOnServer);
+  return useSyncExternalStore(subscribe3, read2, readOnServer);
 }
 
 // src/menus/bubble/use-fine-pointer.ts
@@ -4526,31 +4130,21 @@ function useBubbleVisibility(controller) {
   const settled = useSelectionSettled(controller);
   return range && !readOnly && fine && settled;
 }
-
-// src/menus/bubble/bubble-extension.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
 var NO_ITEMS = [];
-var BubbleItemsContext = createContext5(NO_ITEMS);
+var BubbleItemsContext = createContext(NO_ITEMS);
 var BubbleItemsProvider = BubbleItemsContext.Provider;
 function BubbleOverlay({ controller }) {
   const visible = useBubbleVisibility(controller);
   const labels = useLabels();
   const store = useCanvasUiStore();
-  const extraItems = useContext5(BubbleItemsContext);
+  const extraItems = useContext(BubbleItemsContext);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx50(BubbleToolbar, { controller, labels, store, extraItems });
+  return /* @__PURE__ */ jsx(BubbleToolbar, { controller, labels, store, extraItems });
 }
 function bubbleExtension() {
   return defineExtension({ name: "bubble", ui: { overlays: [BubbleOverlay] } });
 }
 
-// src/menus/link/link-extension.tsx
-import { useEffect as useEffect19 } from "react";
-
-// src/menus/link/LinkHoverCard.tsx
-import { ExternalLink, Pencil as Pencil2, Unlink } from "lucide-react";
-import { useMemo as useMemo8, useRef as useRef23 } from "react";
-
 // src/menus/link/link-at-selection.ts
 function linkAround(state, from, to = from) {
   if (from.block !== to.block || from.region !== to.region) return null;
@@ -4609,12 +4203,9 @@ function unlinkRange({ block, region, from, to }) {
     return true;
   };
 }
-
-// src/menus/link/use-rested-value.ts
-import { useEffect as useEffect16, useState as useState13 } from "react";
 function useRestedValue(value, delay) {
-  const [rested, setRested] = useState13(null);
-  useEffect16(() => {
+  const [rested, setRested] = useState(null);
+  useEffect(() => {
     if (value === null) return;
     const timer = setTimeout(() => setRested(value), delay);
     return () => {
@@ -4637,19 +4228,16 @@ function useCaretInLink(controller, delay) {
   const settled = useSelectionSettled(controller);
   return useRestedValue(settled ? key : null, delay) !== null;
 }
-
-// src/menus/link/use-pointer-link.ts
-import { useCallback as useCallback8, useEffect as useEffect17, useRef as useRef22, useState as useState14 } from "react";
 function usePointerLink(controller, card, delay) {
-  const [element, setElement] = useState14(null);
-  const shown = useRef22(null);
-  const timer = useRef22(void 0);
-  const show = useCallback8((next) => {
+  const [element, setElement] = useState(null);
+  const shown = useRef(null);
+  const timer = useRef(void 0);
+  const show = useCallback((next) => {
     clearTimeout(timer.current);
     shown.current = next;
     setElement(next);
   }, []);
-  useEffect17(() => {
+  useEffect(() => {
     const onOver = (event) => {
       if (event.pointerType === "touch" || event.buttons > 0) return;
       const onCard = !!card.current?.contains(event.target);
@@ -4663,22 +4251,19 @@ function usePointerLink(controller, card, delay) {
       clearTimeout(timer.current);
     };
   }, [controller, card, delay, show]);
-  return { element, dismiss: useCallback8(() => show(null), [show]) };
+  return { element, dismiss: useCallback(() => show(null), [show]) };
 }
-
-// src/menus/link/LinkHoverCard.tsx
-import { jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
 var REST_MS = 300;
 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 = useMemo8(
+  const link = useMemo(
     () => element === null ? linkAtSelection(state) : linkAtElement(controller, state, element),
     [controller, state, element]
   );
-  const anchor = useMemo8(() => {
+  const anchor = useMemo(() => {
     if (link === null) return { current: null };
     const { range } = link;
     const host = () => controller.registry.get(range.block, range.region);
@@ -4699,9 +4284,9 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
     controller.run(unlinkRange(link.range));
     onUnlinked();
   };
-  return /* @__PURE__ */ jsxs34(Popover, { open: true, modal: false, children: [
-    /* @__PURE__ */ jsx51(PopoverAnchor, { virtualRef: anchor }),
-    /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs(Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+    /* @__PURE__ */ jsxs(
       PopoverContent,
       {
         ref: cardRef,
@@ -4714,27 +4299,23 @@ function LinkCard({ controller, labels, store, cardRef, element, onUnlinked }) {
         onPointerDown: keepFocus,
         onMouseDown: keepFocus,
         children: [
-          /* @__PURE__ */ jsx51("span", { className: ADDRESS, title: address === link.href ? void 0 : link.href, children: address }),
-          href !== null && /* @__PURE__ */ jsx51(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx51("a", { href, target: "_blank", rel: "noopener noreferrer", "aria-label": labels.linkOpen, children: /* @__PURE__ */ jsx51(ExternalLink, {}) }) }),
-          /* @__PURE__ */ jsx51(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkEdit, onClick: edit2, children: /* @__PURE__ */ jsx51(Pencil2, {}) }),
-          /* @__PURE__ */ jsx51(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: unlink, children: /* @__PURE__ */ jsx51(Unlink, {}) })
+          /* @__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(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: unlink, children: /* @__PURE__ */ jsx(Unlink, {}) })
         ]
       }
     )
   ] });
 }
 function LinkHoverCard(props) {
-  const cardRef = useRef23(null);
+  const cardRef = useRef(null);
   const pointer = usePointerLink(props.controller, cardRef, REST_MS);
   const caretInLink = useCaretInLink(props.controller, REST_MS);
   if (pointer.element === null && !caretInLink) return null;
-  return /* @__PURE__ */ jsx51(LinkCard, { ...props, cardRef, element: pointer.element, onUnlinked: pointer.dismiss });
+  return /* @__PURE__ */ jsx(LinkCard, { ...props, cardRef, element: pointer.element, onUnlinked: pointer.dismiss });
 }
 
-// src/menus/link/LinkPopover.tsx
-import { Check as Check3, ExternalLink as ExternalLink2, Unlink as Unlink2 } from "lucide-react";
-import { useId as useId5, useMemo as useMemo9, useState as useState15 } from "react";
-
 // src/menus/link/apply-link.ts
 function insertLinkedText(value, href, caret) {
   const safe = sanitizeHref(href);
@@ -4757,9 +4338,6 @@ function applyLink(href, value) {
     return setLink(href, link?.title)(state, dispatch);
   };
 }
-
-// src/menus/link/LinkPopover.tsx
-import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
 var CONTENT2 = "w-80 p-2 shadow-md";
 var FIELD2 = "h-8";
 var MESSAGE = "mt-1.5 px-1 text-sm text-destructive";
@@ -4775,11 +4353,11 @@ function popoverAnchor(controller, link) {
   );
 }
 function LinkPopover({ controller, labels, onClose }) {
-  const [link] = useState15(() => linkAtSelection(controller.editor.state));
-  const [address, setAddress] = useState15(link?.href ?? "");
-  const [invalid, setInvalid] = useState15(false);
-  const messageId = useId5();
-  const anchor = useMemo9(() => ({ current: popoverAnchor(controller, link) }), [controller, link]);
+  const [link] = useState(() => linkAtSelection(controller.editor.state));
+  const [address, setAddress] = useState(link?.href ?? "");
+  const [invalid, setInvalid] = useState(false);
+  const messageId = useId();
+  const anchor = useMemo(() => ({ current: popoverAnchor(controller, link) }), [controller, link]);
   const openHref = link && sanitizeHref(link.href);
   const backToText = () => {
     onClose();
@@ -4800,7 +4378,7 @@ function LinkPopover({ controller, labels, onClose }) {
     controller.run(unsetLink);
     backToText();
   };
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs(
     Popover,
     {
       open: true,
@@ -4809,8 +4387,8 @@ function LinkPopover({ controller, labels, onClose }) {
         if (!open) onClose();
       },
       children: [
-        /* @__PURE__ */ jsx52(PopoverAnchor, { virtualRef: anchor }),
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxs(
           PopoverContent,
           {
             "aria-label": labels.link,
@@ -4823,8 +4401,8 @@ function LinkPopover({ controller, labels, onClose }) {
               backToText();
             },
             children: [
-              /* @__PURE__ */ jsxs35("form", { noValidate: true, className: "flex items-center gap-0.5", onSubmit: apply, children: [
-                /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsxs("form", { noValidate: true, className: "flex items-center gap-0.5", onSubmit: apply, children: [
+                /* @__PURE__ */ jsx(
                   Input,
                   {
                     type: "url",
@@ -4836,11 +4414,11 @@ function LinkPopover({ controller, labels, onClose }) {
                     onChange
                   }
                 ),
-                /* @__PURE__ */ jsx52(Button, { type: "submit", variant: "ghost", size: "icon-sm", "aria-label": labels.linkApply, children: /* @__PURE__ */ jsx52(Check3, {}) }),
-                openHref && /* @__PURE__ */ jsx52(Button, { asChild: true, variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ jsx52("a", { href: openHref, target: "_blank", rel: "noopener noreferrer", "aria-label": labels.linkOpen, children: /* @__PURE__ */ jsx52(ExternalLink2, {}) }) }),
-                link !== null && /* @__PURE__ */ jsx52(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: remove, children: /* @__PURE__ */ jsx52(Unlink2, {}) })
+                /* @__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(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.linkRemove, onClick: remove, children: /* @__PURE__ */ jsx(Unlink, {}) })
               ] }),
-              invalid && /* @__PURE__ */ jsx52("p", { id: messageId, role: "alert", className: MESSAGE, children: labels.invalidLink })
+              invalid && /* @__PURE__ */ jsx("p", { id: messageId, role: "alert", className: MESSAGE, children: labels.invalidLink })
             ]
           }
         )
@@ -4848,11 +4426,8 @@ function LinkPopover({ controller, labels, onClose }) {
     }
   );
 }
-
-// src/menus/link/use-link-clicks.ts
-import { useEffect as useEffect18 } from "react";
 function useLinkClicks(controller) {
-  useEffect18(() => {
+  useEffect(() => {
     const onClick = (event) => {
       const link = linkElementAt(controller, event.target);
       if (link === null || controller.readOnly) return;
@@ -4863,9 +4438,6 @@ function useLinkClicks(controller) {
     return () => document.removeEventListener("click", onClick, true);
   }, [controller]);
 }
-
-// src/menus/link/link-extension.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
 var isPopoverOpen = (state) => state.linkPopover.open;
 function LinkOverlay({ controller }) {
   const labels = useLabels();
@@ -4873,12 +4445,12 @@ function LinkOverlay({ controller }) {
   const popoverOpen = useCanvasUi(store, isPopoverOpen);
   const readOnly = useReadOnly(controller);
   useLinkClicks(controller);
-  useEffect19(() => {
+  useEffect(() => {
     if (readOnly && store.get().linkPopover.open) store.set({ linkPopover: { open: false } });
   }, [readOnly, store]);
   if (readOnly) return null;
-  if (!popoverOpen) return /* @__PURE__ */ jsx53(LinkHoverCard, { controller, labels, store });
-  return /* @__PURE__ */ jsx53(LinkPopover, { controller, labels, onClose: () => store.set({ linkPopover: { open: false } }) });
+  if (!popoverOpen) return /* @__PURE__ */ jsx(LinkHoverCard, { controller, labels, store });
+  return /* @__PURE__ */ jsx(LinkPopover, { controller, labels, onClose: () => store.set({ linkPopover: { open: false } }) });
 }
 function linkExtension(store) {
   const openPopover = (state, dispatch) => {
@@ -4889,9 +4461,6 @@ function linkExtension(store) {
   return defineExtension({ name: "link", keymap: { "Mod-k": openPopover }, ui: { overlays: [LinkOverlay] } });
 }
 
-// src/menus/slash/slash-extension.tsx
-import { createContext as createContext6, useContext as useContext6, useMemo as useMemo13 } from "react";
-
 // src/menus/suggestion/find-trigger.ts
 var DEFAULT_MAX_LENGTH = 40;
 var NO_TRIGGER_TYPES = /* @__PURE__ */ new Set(["CODE", "TABLE"]);
@@ -4977,9 +4546,6 @@ function dismissSuggestion(key) {
 
 // src/menus/slash/slash-key.ts
 var slashKey = createPluginKey("slash");
-
-// src/menus/slash/slash-items.ts
-import { Image as Image3, Minus, Paperclip as Paperclip2 } from "lucide-react";
 var DETAILS = {
   text: { group: "basic", keywords: ["paragraph", "plain"], shortcut: "Mod-Alt-0" },
   heading1: { group: "basic", keywords: ["h1", "title", "#"], shortcut: "Mod-Alt-1" },
@@ -5012,8 +4578,8 @@ function builtInSlashItems(labels, definitions) {
   const { blockNames } = labels;
   const insertions = {
     divider: { label: blockNames.divider, icon: Minus, type: "DIVIDER", attrs: {} },
-    image: { label: blockNames.image, icon: Image3, type: "IMAGE", attrs: {} },
-    file: { label: blockNames.file, icon: Paperclip2, type: "FILE", attrs: {} }
+    image: { label: blockNames.image, icon: Image, type: "IMAGE", attrs: {} },
+    file: { label: blockNames.file, icon: Paperclip, type: "FILE", attrs: {} }
   };
   for (const target of turnIntoTargets(labels)) insertions[target.id] = target;
   return Object.keys(DETAILS).flatMap((id) => {
@@ -5022,31 +4588,28 @@ function builtInSlashItems(labels, definitions) {
     return [insertionItem(id, insertion, labels, definitions)];
   });
 }
-function initialBlock({ schema }, { type, initialData }) {
-  const data = initialData?.();
+function initialBlock({ schema }, definition, onError) {
+  const { type } = definition;
+  const data = seedData(definition, onError());
+  if (data === null) return null;
   if (data === void 0) return { type };
   return { type, ...specFor(schema, type).fromData(data, createBlockCodec(schema).context) };
 }
-function blockTypeSlashItems(definitions) {
+var refuse = () => false;
+function blockTypeSlashItems(definitions, onError = () => void 0) {
   return paletteBlocks(definitions).filter((definition) => !BUILT_IN_TYPES.has(definition.type)).map((definition) => ({
     id: `block:${definition.type}`,
     title: definition.label,
     group: "custom",
     icon: definition.icon,
-    command: ({ state }) => insertBlockToWrite(initialBlock(state, definition), opensEditor(definitions, definition.type))
+    command: ({ state }) => {
+      const block = initialBlock(state, definition, onError);
+      return block === null ? refuse : insertBlockToWrite(block, opensEditor(definitions, definition.type));
+    }
   }));
 }
-
-// src/menus/slash/SlashMenu.tsx
-import { useCallback as useCallback10 } from "react";
-
-// src/menus/suggestion/SuggestionMenu.tsx
-import { useRef as useRef28 } from "react";
-
-// src/menus/floating/use-range-anchor.ts
-import { useMemo as useMemo10, useRef as useRef24, useState as useState16 } from "react";
 function useRangeAnchor(controller, range) {
-  const anchor = useMemo10(
+  const anchor = useMemo(
     () => ({
       current: range && virtualAnchor(
         () => rangeRect(controller, range),
@@ -5055,8 +4618,8 @@ function useRangeAnchor(controller, range) {
     }),
     [controller, range]
   );
-  const [side, setSide] = useState16("bottom");
-  const latest = useRef24(range);
+  const [side, setSide] = useState("bottom");
+  const latest = useRef(range);
   const start = range === null ? null : `${range.block} ${range.region} ${range.from}`;
   useIsomorphicLayoutEffect(() => {
     latest.current = range;
@@ -5067,12 +4630,6 @@ function useRangeAnchor(controller, range) {
   }, [controller, start]);
   return { anchor, side };
 }
-
-// src/menus/suggestion/use-suggestion.ts
-import { useCallback as useCallback9, useEffect as useEffect20, useId as useId6, useMemo as useMemo12, useState as useState18 } from "react";
-
-// src/menus/suggestion/combobox-attributes.ts
-import { useRef as useRef25 } from "react";
 var ADDED = ["aria-expanded", "aria-controls", "aria-autocomplete", "aria-activedescendant"];
 var SWAPPED = ["role", "aria-multiline"];
 function restore(host, name, value) {
@@ -5092,7 +4649,7 @@ function openCombobox(host, listboxId) {
   };
 }
 function useComboboxHost(controller, block, region, listboxId, activeOptionId) {
-  const host = useRef25(null);
+  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);
@@ -5120,9 +4677,6 @@ function groupItems(items, groupOf2) {
   for (const entry of sections.flatMap((section) => section.entries)) entry.index = index++;
   return sections;
 }
-
-// src/menus/suggestion/use-suggestion-keys.ts
-import { useRef as useRef26 } from "react";
 var MOVES2 = {
   ArrowDown: (index, count) => (index + 1) % count,
   ArrowUp: (index, count) => (index - 1 + count) % count,
@@ -5145,7 +4699,7 @@ function handle(event, menu) {
   return true;
 }
 function useSuggestionKeys(controller, open, menu) {
-  const latest = useRef26(menu);
+  const latest = useRef(menu);
   useIsomorphicLayoutEffect(() => {
     latest.current = menu;
   });
@@ -5160,9 +4714,6 @@ function useSuggestionKeys(controller, open, menu) {
   }, [controller, open]);
 }
 
-// src/menus/suggestion/use-suggestion-results.ts
-import { useMemo as useMemo11, useRef as useRef27, useState as useState17 } from "react";
-
 // src/to-error.ts
 var toError = (cause) => cause instanceof Error ? cause : new Error(String(cause));
 
@@ -5171,8 +4722,8 @@ var FORGOTTEN = { source: null, query: null, items: [] };
 var CLOSED = { items: [], pending: false };
 var isPromise = (value) => typeof value?.then === "function";
 function useSuggestionResults(source, query, onError) {
-  const [answer, setAnswer] = useState17(FORGOTTEN);
-  const report = useRef27(onError);
+  const [answer, setAnswer] = useState(FORGOTTEN);
+  const report = useRef(onError);
   useIsomorphicLayoutEffect(() => {
     report.current = onError;
   });
@@ -5201,7 +4752,7 @@ function useSuggestionResults(source, query, onError) {
       current = false;
     };
   }, [source, query]);
-  return useMemo11(
+  return useMemo(
     () => query === null ? CLOSED : { items: answer.items, pending: answer.source !== source || answer.query !== query },
     [source, query, answer]
   );
@@ -5221,20 +4772,20 @@ function useSuggestion({
 }) {
   const { labels, onError } = useQuoin();
   const readOnly = useReadOnly(controller);
-  const selectTrigger = useCallback9((state) => getPluginState(state, pluginKey).active, [pluginKey]);
+  const selectTrigger = useCallback((state) => getPluginState(state, pluginKey).active, [pluginKey]);
   const active = useEditorState(controller, selectTrigger);
   const trigger = readOnly ? null : active;
   const results = useSuggestionResults(source, trigger?.query ?? null, onError);
-  const sections = useMemo12(() => groupItems(results.items, groupOf2), [results.items, groupOf2]);
-  const ordered = useMemo12(() => sections.flatMap((section) => section.entries.map(({ item }) => item)), [sections]);
-  const [highlighted, setHighlighted] = useState18(null);
+  const sections = useMemo(() => groupItems(results.items, groupOf2), [results.items, groupOf2]);
+  const ordered = useMemo(() => sections.flatMap((section) => section.entries.map(({ item }) => item)), [sections]);
+  const [highlighted, setHighlighted] = useState(null);
   const kept = highlighted?.trigger === trigger ? ordered.findIndex((item) => itemKey2(item) === highlighted.key) : -1;
   const activeIndex = Math.max(0, kept);
-  const baseId = useId6();
+  const baseId = useId();
   const listboxId = `${baseId}-listbox`;
-  const optionId = useCallback9((item) => `${baseId}-option-${idPart(itemKey2(item))}`, [baseId, itemKey2]);
+  const optionId = useCallback((item) => `${baseId}-option-${idPart(itemKey2(item))}`, [baseId, itemKey2]);
   const activeId = activeIndex < ordered.length ? optionId(ordered[activeIndex]) : null;
-  const highlight = useCallback9(
+  const highlight = useCallback(
     (index) => {
       if (trigger === null || index >= ordered.length) return;
       const key = itemKey2(ordered[index]);
@@ -5242,29 +4793,26 @@ function useSuggestion({
     },
     [trigger, ordered, itemKey2]
   );
-  const select = useCallback9(
+  const select = useCallback(
     (index) => {
       const current = getPluginState(controller.editor.state, pluginKey).active;
       if (current !== null && index < ordered.length) onSelect(ordered[index], rangeOf2(current));
     },
     [controller, pluginKey, ordered, onSelect]
   );
-  const dismiss = useCallback9(() => void controller.run(dismissSuggestion(pluginKey)), [controller, pluginKey]);
+  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);
-  useEffect20(() => {
+  useEffect(() => {
     if (query === null || results.pending) return;
     const timer = setTimeout(() => controller.announce(resultMessage), SETTLE_MS);
     return () => clearTimeout(timer);
   }, [controller, query, resultMessage, results.pending]);
   return { trigger, sections, pending: results.pending, activeIndex, listboxId, optionId, highlight, select, dismiss };
 }
-
-// src/menus/suggestion/SuggestionMenu.tsx
-import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
 var CONTENT3 = cn(
   MENU_CONTENT,
   "flex w-72 max-h-[min(22rem,var(--radix-popper-available-height))] flex-col overflow-y-hidden"
@@ -5272,7 +4820,7 @@ var CONTENT3 = cn(
 var LISTBOX = "min-h-0 overflow-y-auto";
 var GROUP_LABEL = "px-2 pt-2 pb-1 text-xs font-medium text-muted-foreground";
 function SuggestionGroup({ section, labelId, activeIndex, optionId, renderItem, highlight, select }) {
-  const options = section.entries.map(({ item, index }) => /* @__PURE__ */ jsx54(
+  const options = section.entries.map(({ item, index }) => /* @__PURE__ */ jsx(
     SuggestionOption,
     {
       id: optionId(item),
@@ -5283,9 +4831,9 @@ function SuggestionGroup({ section, labelId, activeIndex, optionId, renderItem,
     },
     optionId(item)
   ));
-  if (section.label === null) return /* @__PURE__ */ jsx54(Fragment10, { children: options });
-  return /* @__PURE__ */ jsxs36("div", { role: "group", "aria-labelledby": labelId, children: [
-    /* @__PURE__ */ jsx54("div", { role: "presentation", id: labelId, className: GROUP_LABEL, children: section.label }),
+  if (section.label === null) return /* @__PURE__ */ jsx(Fragment, { children: options });
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsx("div", { role: "presentation", id: labelId, className: GROUP_LABEL, children: section.label }),
     options
   ] });
 }
@@ -5294,7 +4842,7 @@ function SuggestionMenu(props) {
   const suggestion = useSuggestion(props);
   const { trigger, sections, activeIndex, listboxId } = suggestion;
   const { anchor, side } = useRangeAnchor(controller, trigger);
-  const listbox = useRef28(null);
+  const listbox = useRef(null);
   useIsomorphicLayoutEffect(() => {
     listbox.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }, [activeIndex, sections]);
@@ -5306,7 +4854,7 @@ function SuggestionMenu(props) {
     if (inEditor(event.target) && focusStays) event.preventDefault();
   };
   const status = suggestion.pending ? pendingLabel : sections.length === 0 ? emptyLabel : void 0;
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs(
     Popover,
     {
       open: true,
@@ -5315,8 +4863,8 @@ function SuggestionMenu(props) {
         if (!open) queueMicrotask(suggestion.dismiss);
       },
       children: [
-        /* @__PURE__ */ jsx54(PopoverAnchor, { virtualRef: anchor }),
-        /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxs(
           PopoverContent,
           {
             role: void 0,
@@ -5329,7 +4877,7 @@ function SuggestionMenu(props) {
             onPointerDownOutside: insideEditor,
             onFocusOutside: insideEditor,
             children: [
-              /* @__PURE__ */ jsx54("div", { ref: listbox, role: "listbox", id: listboxId, "aria-label": label, className: LISTBOX, children: sections.map((section, index) => /* @__PURE__ */ jsx54(
+              /* @__PURE__ */ jsx("div", { ref: listbox, role: "listbox", id: listboxId, "aria-label": label, className: LISTBOX, children: sections.map((section, index) => /* @__PURE__ */ jsx(
                 SuggestionGroup,
                 {
                   section,
@@ -5342,7 +4890,7 @@ function SuggestionMenu(props) {
                 },
                 section.label ?? ""
               )) }),
-              status && /* @__PURE__ */ jsx54("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: status })
+              status && /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: status })
             ]
           }
         )
@@ -5420,23 +4968,20 @@ function fuzzyFilter(items, query) {
   if (wanted === "") return [...items];
   return items.map((item, index) => ({ item, index, score: score(item, wanted) })).filter((entry) => entry.score > 0).sort((a, b) => b.score - a.score || a.index - b.index).map((entry) => entry.item);
 }
-
-// src/menus/slash/SlashMenu.tsx
-import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
 var itemKey = (item) => item.id;
 function SlashRow({ item, isMac, labels }) {
   const hint = item.shortcut === void 0 ? null : shortcutHint(item.shortcut, isMac, labels);
-  return /* @__PURE__ */ jsxs37(Fragment11, { children: [
-    item.icon !== void 0 && /* @__PURE__ */ jsx55(MenuIcon, { icon: item.icon }),
-    /* @__PURE__ */ jsxs37("span", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ jsx55("span", { className: "truncate", children: item.title }),
-      item.description !== void 0 && /* @__PURE__ */ jsx55("span", { className: "truncate text-xs text-muted-foreground", children: item.description })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    item.icon !== void 0 && /* @__PURE__ */ jsx(MenuIcon, { icon: item.icon }),
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title }),
+      item.description !== void 0 && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.description })
     ] }),
-    hint !== null && /* @__PURE__ */ jsx55("kbd", { "aria-hidden": "true", className: "ml-auto font-sans text-xs tracking-widest text-muted-foreground pointer-coarse:hidden", children: hint.text })
+    hint !== null && /* @__PURE__ */ jsx("kbd", { "aria-hidden": "true", className: "ml-auto font-sans text-xs tracking-widest text-muted-foreground pointer-coarse:hidden", children: hint.text })
   ] });
 }
 function SlashMenu({ controller, labels, items }) {
-  const search = useCallback10(
+  const search = useCallback(
     (query) => {
       const { state } = controller.editor;
       return fuzzyFilter(
@@ -5446,16 +4991,16 @@ function SlashMenu({ controller, labels, items }) {
     },
     [controller, items]
   );
-  const groupOf2 = useCallback10((item) => labels.groups[item.group], [labels]);
-  const renderItem = useCallback10(
-    (item) => /* @__PURE__ */ jsx55(SlashRow, { item, isMac: controller.isMac, labels }),
+  const groupOf2 = useCallback((item) => labels.groups[item.group], [labels]);
+  const renderItem = useCallback(
+    (item) => /* @__PURE__ */ jsx(SlashRow, { item, isMac: controller.isMac, labels }),
     [controller, labels]
   );
-  const choose = useCallback10(
+  const choose = useCallback(
     (item, range) => chooseSlashItem(controller, item, range),
     [controller]
   );
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx(
     SuggestionMenu,
     {
       controller,
@@ -5470,21 +5015,18 @@ function SlashMenu({ controller, labels, items }) {
     }
   );
 }
-
-// src/menus/slash/slash-extension.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
 var NO_ITEMS2 = [];
-var SlashItemsContext = createContext6(NO_ITEMS2);
+var SlashItemsContext = createContext(NO_ITEMS2);
 var SlashItemsProvider = SlashItemsContext.Provider;
 function SlashOverlay({ controller }) {
   const labels = useLabels();
   const { blockTypes } = useQuoin();
-  const extraItems = useContext6(SlashItemsContext);
-  const items = useMemo13(
+  const extraItems = useContext(SlashItemsContext);
+  const items = useMemo(
     () => [...builtInSlashItems(labels, blockTypes), ...extraItems],
     [labels, blockTypes, extraItems]
   );
-  return /* @__PURE__ */ jsx56(SlashMenu, { controller, labels, items });
+  return /* @__PURE__ */ jsx(SlashMenu, { controller, labels, items });
 }
 function slashExtension() {
   return defineExtension({
@@ -5493,23 +5035,6 @@ function slashExtension() {
     ui: { overlays: [SlashOverlay] }
   });
 }
-
-// src/mobile/MobileToolbar.tsx
-import { useMemo as useMemo14 } from "react";
-import { createPortal } from "react-dom";
-
-// src/mobile/mobile-items.tsx
-import {
-  Bold as Bold2,
-  Code as Code4,
-  Italic as Italic2,
-  ListIndentDecrease,
-  ListIndentIncrease,
-  Plus as Plus2,
-  Redo2,
-  Strikethrough as Strikethrough2,
-  Undo2
-} from "lucide-react";
 function commandItem(id, title, icon, command) {
   return { id, title, icon, run: (controller) => void controller.run(command) };
 }
@@ -5519,12 +5044,12 @@ function addBlockAtCaret(controller) {
 }
 function mobileItems(labels, openLink) {
   return {
-    addBlock: { id: "add-block", title: labels.addBelow, icon: Plus2, run: addBlockAtCaret },
+    addBlock: { id: "add-block", title: labels.addBelow, icon: Plus, run: addBlockAtCaret },
     editing: [
-      markItem("bold", labels.bold, Bold2),
-      markItem("italic", labels.italic, Italic2),
-      markItem("strike", labels.strike, Strikethrough2),
-      markItem("code", labels.code, Code4),
+      markItem("bold", labels.bold, Bold),
+      markItem("italic", labels.italic, Italic),
+      markItem("strike", labels.strike, Strikethrough),
+      markItem("code", labels.code, Code),
       linkItem(labels, openLink),
       commandItem("indent", labels.indent, ListIndentIncrease, indent),
       commandItem("outdent", labels.outdent, ListIndentDecrease, outdent),
@@ -5536,9 +5061,6 @@ function mobileItems(labels, openLink) {
 
 // src/mobile/use-coarse-pointer.ts
 var useCoarsePointer = () => useMediaQuery("(pointer: coarse)", false);
-
-// src/mobile/use-editor-focus.ts
-import { useCallback as useCallback11, useSyncExternalStore as useSyncExternalStore4 } from "react";
 var FOCUS_EVENTS = ["focusin", "focusout"];
 function subscribe(notify) {
   for (const type of FOCUS_EVENTS) document.addEventListener(type, notify);
@@ -5548,12 +5070,9 @@ function subscribe(notify) {
 }
 var NOT_FOCUSED = () => false;
 function useEditorFocus(controller) {
-  const read2 = useCallback11(() => focusInEditor(controller), [controller]);
-  return useSyncExternalStore4(subscribe, read2, NOT_FOCUSED);
+  const read2 = useCallback(() => focusInEditor(controller), [controller]);
+  return useSyncExternalStore(subscribe, read2, NOT_FOCUSED);
 }
-
-// src/mobile/use-visual-viewport.ts
-import { useSyncExternalStore as useSyncExternalStore5 } from "react";
 var EVENTS = ["resize", "scroll"];
 function subscribe2(notify) {
   const viewport = window.visualViewport;
@@ -5576,11 +5095,8 @@ function read() {
 }
 var readOnServer2 = () => null;
 function useVisualViewport() {
-  return useSyncExternalStore5(subscribe2, read, readOnServer2);
+  return useSyncExternalStore(subscribe2, read, readOnServer2);
 }
-
-// src/mobile/MobileToolbar.tsx
-import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
 var TOOLBAR = [
   "quoin bg-popover text-popover-foreground fixed inset-x-0 z-40 flex items-center gap-0.5 overflow-x-auto",
   "border-t p-1 shadow-md"
@@ -5595,16 +5111,16 @@ function EditingTools({ controller }) {
   const state = useEditorState(controller, wholeState);
   const viewport = useVisualViewport();
   const roving = useRovingFocus();
-  const items = useMemo14(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
+  const items = useMemo(() => mobileItems(labels, () => store.set({ linkPopover: { open: true } })), [labels, store]);
   const onKeyDown = (event) => {
     if (event.key === "Escape" && roving.owns(event.target)) {
       event.preventDefault();
       controller.focus();
     } else roving.onKeyDown(event);
   };
-  const button = (item) => /* @__PURE__ */ jsx57(ToolbarButton, { item, state, controller }, item.id);
+  const button = (item) => /* @__PURE__ */ jsx(ToolbarButton, { item, state, controller }, item.id);
   return createPortal(
-    /* @__PURE__ */ jsxs38(
+    /* @__PURE__ */ jsxs(
       "div",
       {
         ref: roving.ref,
@@ -5619,7 +5135,7 @@ function EditingTools({ controller }) {
         ...bubblePart(controller),
         children: [
           button(items.addBlock),
-          /* @__PURE__ */ jsx57(TurnIntoDropdown, { controller, state }),
+          /* @__PURE__ */ jsx(TurnIntoDropdown, { controller, state }),
           items.editing.map(button)
         ]
       }
@@ -5631,28 +5147,16 @@ function MobileToolbar({ controller }) {
   const coarse = useCoarsePointer();
   const focused = useEditorFocus(controller);
   if (!coarse || !focused) return null;
-  return /* @__PURE__ */ jsx57(EditingTools, { controller });
+  return /* @__PURE__ */ jsx(EditingTools, { controller });
 }
-
-// src/shortcuts/shortcuts-extension.tsx
-import { Keyboard } from "lucide-react";
-
-// src/shortcuts/ShortcutsDialog.tsx
-import { useId as useId7, useMemo as useMemo15 } from "react";
-
-// src/ui/dialog.tsx
-import * as React8 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
 function Dialog(props) {
-  return /* @__PURE__ */ jsx58(DialogPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
 }
 function DialogPortal(props) {
-  return /* @__PURE__ */ jsx58(DialogPrimitive.Portal, { ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...props });
 }
-var DialogOverlay = /* @__PURE__ */ React8.forwardRef(function DialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx58(
+var DialogOverlay = /* @__PURE__ */ React7.forwardRef(function DialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
       ref,
@@ -5665,10 +5169,10 @@ var DialogOverlay = /* @__PURE__ */ React8.forwardRef(function DialogOverlay2({
     }
   );
 });
-var DialogContent = /* @__PURE__ */ React8.forwardRef(function DialogContent2({ className, children, closeLabel = "Close", ...props }, ref) {
-  return /* @__PURE__ */ jsxs39(DialogPortal, { children: [
-    /* @__PURE__ */ jsx58(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs39(
+var DialogContent = /* @__PURE__ */ React7.forwardRef(function DialogContent2({ className, children, closeLabel = "Close", ...props }, ref) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
       {
         ref,
@@ -5680,7 +5184,7 @@ var DialogContent = /* @__PURE__ */ React8.forwardRef(function DialogContent2({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs39(
+          /* @__PURE__ */ jsxs(
             DialogPrimitive.Close,
             {
               className: cn(
@@ -5689,8 +5193,8 @@ var DialogContent = /* @__PURE__ */ React8.forwardRef(function DialogContent2({
                 ICON_TAP_TARGET_FLOOR
               ),
               children: [
-                /* @__PURE__ */ jsx58(XIcon, {}),
-                /* @__PURE__ */ jsx58("span", { className: "sr-only", children: closeLabel })
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: closeLabel })
               ]
             }
           )
@@ -5699,8 +5203,8 @@ var DialogContent = /* @__PURE__ */ React8.forwardRef(function DialogContent2({
     )
   ] });
 });
-var DialogHeader = /* @__PURE__ */ React8.forwardRef(function DialogHeader2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx58(
+var DialogHeader = /* @__PURE__ */ React7.forwardRef(function DialogHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -5710,8 +5214,8 @@ var DialogHeader = /* @__PURE__ */ React8.forwardRef(function DialogHeader2({ cl
     }
   );
 });
-var DialogTitle = /* @__PURE__ */ React8.forwardRef(function DialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx58(
+var DialogTitle = /* @__PURE__ */ React7.forwardRef(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     {
       ref,
@@ -5801,23 +5305,20 @@ function shortcutGroups(labels, isMac) {
     }
   ];
 }
-
-// src/shortcuts/ShortcutsDialog.tsx
-import { jsx as jsx59, jsxs as jsxs40 } from "react/jsx-runtime";
 var KEYS3 = "rounded border bg-muted px-1.5 py-0.5 font-sans text-xs whitespace-nowrap";
 function ShortcutSection({ group }) {
-  const titleId = useId7();
-  return /* @__PURE__ */ jsxs40("section", { "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ jsx59("h3", { id: titleId, className: "mb-2 text-sm font-semibold", children: group.title }),
-    /* @__PURE__ */ jsx59("dl", { className: "grid gap-1.5 text-sm", children: group.items.map(({ label, keys }) => /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx59("dt", { children: label }),
-      /* @__PURE__ */ jsx59("dd", { children: /* @__PURE__ */ jsx59("kbd", { className: KEYS3, children: keys }) })
+  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 }) })
     ] }, `${label} ${keys}`)) })
   ] });
 }
 function ShortcutsDialog({ open, onOpenChange, labels, isMac, onCloseAutoFocus }) {
-  const groups = useMemo15(() => shortcutGroups(labels, isMac), [labels, isMac]);
-  return /* @__PURE__ */ jsx59(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs40(
+  const groups = useMemo(() => shortcutGroups(labels, isMac), [labels, isMac]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
       closeLabel: labels.close,
@@ -5825,22 +5326,19 @@ function ShortcutsDialog({ open, onOpenChange, labels, isMac, onCloseAutoFocus }
       onCloseAutoFocus,
       className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
       children: [
-        /* @__PURE__ */ jsx59(DialogHeader, { children: /* @__PURE__ */ jsx59(DialogTitle, { children: labels.shortcuts }) }),
-        /* @__PURE__ */ jsx59("div", { className: "grid gap-6 sm:grid-cols-2", children: groups.map((group) => /* @__PURE__ */ jsx59(ShortcutSection, { group }, group.name)) })
+        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: labels.shortcuts }) }),
+        /* @__PURE__ */ jsx("div", { className: "grid gap-6 sm:grid-cols-2", children: groups.map((group) => /* @__PURE__ */ jsx(ShortcutSection, { group }, group.name)) })
       ]
     }
   ) });
 }
-
-// src/shortcuts/shortcuts-extension.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
 var SHORTCUT = "Mod-Shift-/";
 var isOpen = (state) => state.shortcutsOpen;
 function ShortcutsOverlay({ controller }) {
   const labels = useLabels();
   const store = useCanvasUiStore();
   const open = useCanvasUi(store, isOpen);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx(
     ShortcutsDialog,
     {
       open,
@@ -5890,13 +5388,6 @@ function linkedBlockId(hash) {
   }
 }
 
-// src/blocks/void/void-renderers.ts
-import { createElement } from "react";
-
-// src/blocks/void/VoidBlock.tsx
-import { useCallback as useCallback12, useEffect as useEffect22, useRef as useRef30 } from "react";
-import { Pencil as Pencil3 } from "lucide-react";
-
 // src/blocks/void/block-data.ts
 var internal = (controller) => controller.editor;
 function readBlockData(controller, block) {
@@ -5913,15 +5404,36 @@ function writeBlockData(controller, blockId, data) {
   const tr = editor.createTransaction().step(replaceBlockStep({ ...block, attrs, regions }));
   editor.dispatch(tr.setMeta(HISTORY_GROUP, `block-data:${blockId}`));
 }
-function insertAfterBlock(controller, blockId, type, definitions) {
+function insertAfterBlock(controller, blockId, type, definitions, onError) {
   const editor = internal(controller);
-  const data = blockByType(definitions, type)?.initialData?.();
+  const data = seedData(blockByType(definitions, type), onError);
+  if (data === null) return false;
   const content = data && specFor(editor.state.schema, type).fromData(data, editor.codec.context);
   controller.run(insertBlockToWrite({ type, ...content }, opensEditor(definitions, type), blockId));
+  return true;
 }
 
-// src/blocks/void/use-editing-focus.ts
-import { useEffect as useEffect21, useMemo as useMemo16, useRef as useRef29 } from "react";
+// src/blocks/void/history-keys.ts
+var NOT_TEXT_INPUTS = /* @__PURE__ */ new Set(["button", "checkbox", "color", "file", "image", "radio", "range", "reset", "submit"]);
+function isTextField(element) {
+  if (element instanceof HTMLInputElement) return !NOT_TEXT_INPUTS.has(element.type);
+  if (element instanceof HTMLTextAreaElement) return true;
+  const editable = element.closest("[contenteditable]");
+  return editable !== null && editable.getAttribute("contenteditable") !== "false";
+}
+function isHistoryKey(controller, event) {
+  const mod = controller.isMac ? event.metaKey && !event.ctrlKey : event.ctrlKey && !event.metaKey;
+  const key = event.key.toLowerCase();
+  return mod && !event.altKey && (key === "z" || key === "y" && !event.shiftKey);
+}
+function runHistoryKey(controller, event) {
+  if (!isHistoryKey(controller, event) || isTextField(event.target)) return false;
+  return controller.edit(() => controller.editor.handleKey(event.nativeEvent));
+}
+function useBlockIndex(controller, blockId) {
+  const select = useCallback((state) => state.doc.index.get(blockId) ?? -1, [blockId]);
+  return useEditorState(controller, select);
+}
 var FOCUSABLE = [
   "input:not([disabled])",
   "textarea:not([disabled])",
@@ -5933,8 +5445,8 @@ var FOCUSABLE = [
 ].join(", ");
 var CANVAS = ".quoin-editor";
 function useEditingFocus(root, editing, stop) {
-  const inside = useRef29(/* @__PURE__ */ new WeakSet());
-  useEffect21(() => {
+  const inside = useRef(/* @__PURE__ */ new WeakSet());
+  useEffect(() => {
     const element = root.current;
     if (!editing || element === null) return;
     (element.querySelector(FOCUSABLE) ?? element).focus();
@@ -5954,16 +5466,13 @@ function useEditingFocus(root, editing, stop) {
       unlisten();
     };
   }, [root, editing, stop]);
-  return useMemo16(() => {
+  return useMemo(() => {
     const mark = (event) => void inside.current.add(event.nativeEvent);
     return { onPointerDownCapture: mark, onFocusCapture: mark };
   }, []);
 }
-
-// src/blocks/void/VoidBlock.tsx
-import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
 function useMissingPreviewWarning(readOnly, { type, preview }) {
-  useEffect22(() => {
+  useEffect(() => {
     if (!readOnly || preview !== void 0) return;
     devWarn(
       `the block type "${type}" has no \`preview\`, so a read-only canvas can draw only its label. Give its definition a \`preview\` to render the block itself.`
@@ -5971,40 +5480,61 @@ function useMissingPreviewWarning(readOnly, { type, preview }) {
   }, [readOnly, type, preview]);
 }
 function VoidPreview({ definition: { preview: Preview }, name, ...props }) {
-  if (Preview === void 0) return /* @__PURE__ */ jsx61("p", { className: "py-1 text-sm text-muted-foreground", children: name });
-  return /* @__PURE__ */ jsx61(Preview, { ...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 }) {
+  const index = useBlockIndex(controller, props.blockId);
+  return /* @__PURE__ */ jsx(Editor, { ...props, index });
 }
 function VoidBlock({ block, controller, definition }) {
   const { blockTypes, labels } = useQuoin();
+  const { report } = useContext(BlockErrorContext);
   const readOnly = useReadOnly(controller);
   const { editor: Editor, alwaysEditing = false } = definition;
   const name = blockTypeLabel(labels, block, blockTypes);
   const blockId = block.id;
   const editable = Editor !== void 0 && !readOnly;
   const { editing, start, stop } = useVoidEditing(controller, blockId, editable);
-  const root = useRef30(null);
+  const root = useRef(null);
   const focusHandlers = useEditingFocus(root, editing, stop);
   useMissingPreviewWarning(readOnly, definition);
-  const select = useCallback12(() => focusNode(controller, blockId), [controller, blockId]);
-  const leave = useCallback12(() => {
+  const select = useCallback(() => focusNode(controller, blockId), [controller, blockId]);
+  const leave = useCallback(() => {
     stop();
     select();
   }, [stop, select]);
-  const onChange = useCallback12(
+  const onChange = useCallback(
     (data2) => writeBlockData(controller, blockId, data2),
     [controller, blockId]
   );
-  const onInsertBlock = useCallback12(
+  const onPreviewChange = useCallback(
+    (data2) => {
+      writeBlockData(controller, blockId, data2);
+      const shell = root.current?.closest("[data-block-id]");
+      const focused = root.current?.ownerDocument.activeElement ?? null;
+      if (!shell?.contains(focused)) return;
+      if (root.current?.contains(focused)) selectNode(controller, blockId);
+      else select();
+    },
+    [controller, blockId, select]
+  );
+  const onRemove = useCallback(() => deleteBlock(controller, blockId), [controller, blockId]);
+  const onInsertBlock = useCallback(
     (type) => {
-      insertAfterBlock(controller, blockId, type, blockTypes);
+      if (!insertAfterBlock(controller, blockId, type, blockTypes, report)) return;
       stop();
       if (controller.editor.state.selection?.kind !== "node") controller.focus();
     },
-    [controller, blockId, blockTypes, stop]
+    [controller, blockId, blockTypes, report, stop]
   );
   const editorShown = editable && (alwaysEditing || editing);
-  const data = readBlockData(controller, block);
+  const data = useMemo(() => parsedData(definition, readBlockData(controller, block)), [definition, controller, block]);
   const onKeyDown = (event) => {
+    if (!editorShown && !readOnly && isInteractive(root.current, event) && runHistoryKey(controller, event)) {
+      event.preventDefault();
+      return;
+    }
     if (event.key !== "Escape" || !editorShown || !root.current?.contains(event.target)) return;
     event.preventDefault();
     leave();
@@ -6015,7 +5545,7 @@ function VoidBlock({ block, controller, definition }) {
   const onDoubleClick = (event) => {
     if (editable && !editorShown && !isInteractive(root.current, event)) start();
   };
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: root,
@@ -6030,8 +5560,29 @@ function VoidBlock({ block, controller, definition }) {
       onClick,
       onDoubleClick,
       children: [
-        editorShown && Editor ? /* @__PURE__ */ jsx61(Editor, { data, onChange, onInsertBlock, onDone: leave }) : /* @__PURE__ */ jsx61(VoidPreview, { definition, name, data, blockId }),
-        editable && !editorShown && /* @__PURE__ */ jsx61(
+        editorShown && Editor ? /* @__PURE__ */ jsx(
+          VoidEditor,
+          {
+            Editor,
+            controller,
+            data,
+            onChange,
+            blockId,
+            onRemove,
+            onInsertBlock,
+            onDone: leave
+          }
+        ) : /* @__PURE__ */ jsx(
+          VoidPreview,
+          {
+            definition,
+            name,
+            data,
+            blockId,
+            ...readOnly ? {} : { onChange: onPreviewChange }
+          }
+        ),
+        editable && !editorShown && /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
@@ -6041,7 +5592,7 @@ function VoidBlock({ block, controller, definition }) {
             "aria-label": labels.editBlock(name),
             onClick: () => start(),
             className: "absolute right-0 top-0 bg-background/90 opacity-0 group-hover/void:opacity-100 in-data-[selected=true]:opacity-100 pointer-coarse:opacity-100 focus-visible:opacity-100",
-            children: /* @__PURE__ */ jsx61(Pencil3, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx(Pencil, { "aria-hidden": "true" })
           }
         )
       ]
@@ -6081,10 +5632,10 @@ function mergeRender(uis) {
     atomText: render.atomText ?? merged.atomText
   }));
 }
-function collectUi(extensions, definitions, readOnly = false) {
+function collectUi(extensions, definitions, readOnly = false, onError) {
   const uis = extensions.map(extensionUi);
   return {
-    slashItems: [...uis.flatMap((ui) => ui.slashItems ?? []), ...blockTypeSlashItems(definitions)],
+    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)),
@@ -6178,9 +5729,6 @@ var selectedBlockLabel = (labels, definitions, extensionNames) => (block, schema
   if (block.type === "FILE" && hasFile(attrs)) return labels.fileBlockName(firstLine2(fileName(attrs)));
   return firstLine2(blockPlainText(block, schema)) || blockTypeLabel(labels, block, definitions, extensionNames);
 };
-
-// src/canvas/use-block-link-target.ts
-import { useEffect as useEffect23 } from "react";
 function revealLinkedBlock(controller, hash) {
   const id = linkedBlockId(hash);
   const shell = id === null ? void 0 : controller.blockElement(id);
@@ -6192,7 +5740,7 @@ function revealLinkedBlock(controller, hash) {
   return true;
 }
 function useBlockLinkTarget(controller, focusOnMount) {
-  useEffect23(() => {
+  useEffect(() => {
     const view = controller.root?.ownerDocument.defaultView ?? window;
     const linked = revealLinkedBlock(controller, view.location.hash);
     if (focusOnMount) controller.focus(linked ? void 0 : "start");
@@ -6203,9 +5751,6 @@ function useBlockLinkTarget(controller, focusOnMount) {
     return () => view.removeEventListener("hashchange", onHashChange);
   }, [controller, focusOnMount]);
 }
-
-// src/canvas/use-delete-reporter.ts
-import { useEffect as useEffect24, useRef as useRef31 } from "react";
 var WRITER_ORIGINS = /* @__PURE__ */ new Set(["command", "input", "paste"]);
 var isBlockDeletion = (tr) => WRITER_ORIGINS.has(tr.origin) && tr.getMeta(LINE_JOIN) !== true;
 var isEmptyText = (schema, block) => isTextFlow(schema, block) && regionLength(block, primaryRegion(schema, block) ?? "") === 0;
@@ -6227,11 +5772,11 @@ function deletions(codec, tr) {
   });
 }
 function useDeleteReporter(controller, onDelete) {
-  const latest = useRef31(onDelete);
+  const latest = useRef(onDelete);
   useIsomorphicLayoutEffect(() => {
     latest.current = onDelete;
   });
-  useEffect24(() => {
+  useEffect(() => {
     const { codec } = controller.editor;
     return controller.editor.subscribe((_state, tr) => {
       if (tr === null || latest.current === void 0 || !isBlockDeletion(tr)) return;
@@ -6240,11 +5785,8 @@ function useDeleteReporter(controller, onDelete) {
     });
   }, [controller]);
 }
-
-// src/canvas/use-structure-announcements.ts
-import { useEffect as useEffect25 } from "react";
 function useStructureAnnouncements(controller, labels) {
-  useEffect25(() => {
+  useEffect(() => {
     const undoKeys = formatShortcut("Mod-z", { isMac: controller.isMac, labels });
     return controller.editor.subscribe((_state, tr) => {
       const message = tr === null ? null : structureAnnouncement(tr, labels, undoKeys);
@@ -6252,11 +5794,8 @@ function useStructureAnnouncements(controller, labels) {
     });
   }, [controller, labels]);
 }
-
-// src/canvas/use-typed-in-place-warning.ts
-import { useEffect as useEffect26 } from "react";
 function useTypedInPlaceWarning(definitions, readOnly) {
-  useEffect26(() => {
+  useEffect(() => {
     if (readOnly) return;
     for (const type of definedTypedInPlace(definitions)) {
       devWarn(
@@ -6265,11 +5804,8 @@ function useTypedInPlaceWarning(definitions, readOnly) {
     }
   }, [definitions, readOnly]);
 }
-
-// src/canvas/BlockCanvas.tsx
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
 var GUTTER_ROOM = "ps-12";
-var BlockCanvas = forwardRef8(function BlockCanvas2({
+var BlockCanvas = forwardRef(function BlockCanvas2({
   blocks,
   onChange,
   onDelete,
@@ -6288,9 +5824,9 @@ var BlockCanvas = forwardRef8(function BlockCanvas2({
   id,
   "aria-label": ariaLabel
 }, ref) {
-  const [voidEditing] = useState19(createVoidEditing);
-  const [uiStore] = useState19(createCanvasUiStore);
-  const [allExtensions] = useState19(() => [
+  const [voidEditing] = useState(createVoidEditing);
+  const [uiStore] = useState(createCanvasUiStore);
+  const [allExtensions] = useState(() => [
     ...coreExtensions(),
     voidEditing.extension,
     blockMenuKeymap(uiStore),
@@ -6300,10 +5836,15 @@ var BlockCanvas = forwardRef8(function BlockCanvas2({
     shortcutsExtension(uiStore),
     ...extensions ?? []
   ]);
-  const labels = useMemo17(() => resolveLabels(labelOverrides), [labelOverrides]);
-  const ui = useMemo17(() => collectUi(allExtensions, blockTypes, readOnly), [allExtensions, blockTypes, readOnly]);
+  const labels = useMemo(() => resolveLabels(labelOverrides), [labelOverrides]);
+  const latestOnError = useRef(onError);
+  latestOnError.current = onError;
+  const ui = useMemo(
+    () => collectUi(allExtensions, blockTypes, readOnly, () => latestOnError.current),
+    [allExtensions, blockTypes, readOnly]
+  );
   useTypedInPlaceWarning(blockTypes, readOnly);
-  const [focusOnMount] = useState19(autoFocus);
+  const [focusOnMount] = useState(autoFocus);
   const controller = useQuoinEditor({
     blocks,
     onChange,
@@ -6321,23 +5862,23 @@ var BlockCanvas = forwardRef8(function BlockCanvas2({
   useDeleteReporter(controller, onDelete);
   useBlockLinkTarget(controller, focusOnMount);
   useStructureAnnouncements(controller, labels);
-  const actions = useMemo17(() => {
+  const actions = useMemo(() => {
     const onCopied = () => controller.announce(labels.copied);
     return menuActions(coreBlockMenuActions(labels, { blockLink, onCopied, resolveAssetUrl }), ui.blockMenuItems);
   }, [controller, labels, blockLink, resolveAssetUrl, ui.blockMenuItems]);
-  const slashItems = useMemo17(
+  const slashItems = useMemo(
     () => [shortcutsSlashItem(labels, uiStore), ...ui.slashItems],
     [labels, uiStore, ui.slashItems]
   );
-  const blockLabel = useMemo17(
+  const blockLabel = useMemo(
     () => selectedBlockLabel(labels, blockTypes, ui.blockNames),
     [labels, blockTypes, ui.blockNames]
   );
-  const blockPlaceholder = useMemo17(() => {
+  const blockPlaceholder = useMemo(() => {
     const placeholderLabels = placeholder === void 0 ? labels : { ...labels, placeholderEmpty: placeholder };
     return (state, block) => placeholderFor(state, block, placeholderLabels);
   }, [labels, placeholder]);
-  useImperativeHandle2(
+  useImperativeHandle(
     ref,
     () => ({
       editor: controller.editor,
@@ -6347,7 +5888,7 @@ var BlockCanvas = forwardRef8(function BlockCanvas2({
     }),
     [controller, resolveAssetUrl]
   );
-  return /* @__PURE__ */ jsx62(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsx62(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsx62(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsx62(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsx62(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsx(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsx(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsx(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsx(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsx(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxs(
     EditorView,
     {
       controller,
@@ -6360,24 +5901,22 @@ var BlockCanvas = forwardRef8(function BlockCanvas2({
       selectedContentLabel: labels.selectedContent,
       blockLabel,
       unsupportedBlockLabel: labels.unsupportedBlock,
+      blockErrorLabel: labels.blockError,
+      onBlockError: onError,
       placeholder: placeholder ?? labels.placeholderEmpty,
       blockPlaceholder,
       blocksSelectedLabel: labels.blocksSelected,
       children: [
-        !readOnly && /* @__PURE__ */ jsxs42(ExtensionBlockNames.Provider, { value: ui.blockNames, children: [
-          /* @__PURE__ */ jsx62(Gutter, { controller, store: uiStore, actions }),
-          /* @__PURE__ */ jsx62(BlockContextMenu, { controller, store: uiStore, actions }),
-          /* @__PURE__ */ jsx62(MobileToolbar, { controller })
+        !readOnly && /* @__PURE__ */ jsxs(ExtensionBlockNames.Provider, { value: ui.blockNames, children: [
+          /* @__PURE__ */ jsx(Gutter, { controller, store: uiStore, actions }),
+          /* @__PURE__ */ jsx(BlockContextMenu, { controller, store: uiStore, actions }),
+          /* @__PURE__ */ jsx(MobileToolbar, { controller })
         ] }),
-        ui.overlays.map((Overlay2, index) => /* @__PURE__ */ jsx62(Overlay2, { controller }, index))
+        ui.overlays.map((Overlay2, index) => /* @__PURE__ */ jsx(Overlay2, { controller }, index))
       ]
     }
   ) }) }) }) }) });
 });
-
-// src/upload/UploadField.tsx
-import * as React9 from "react";
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function progressText(state, labels) {
   if (state.phase === "busy") return labels.uploading;
   if (state.phase === "uploaded") return labels.uploaded(state.name);
@@ -6386,7 +5925,7 @@ function progressText(state, labels) {
 function UploadField({ category, label, accept, onUploaded }) {
   const { upload, onError } = useQuoin();
   const labels = useLabels();
-  const [state, setState] = React9.useState({ phase: "idle" });
+  const [state, setState] = React7.useState({ phase: "idle" });
   async function run(file) {
     if (!upload) return;
     setState({ phase: "busy" });
@@ -6406,8 +5945,8 @@ function UploadField({ category, label, accept, onUploaded }) {
     }
   }
   const progress = progressText(state, labels);
-  return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col items-start gap-1.5", children: [
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-1.5", children: [
+    /* @__PURE__ */ jsx(
       FilePickerButton,
       {
         label,
@@ -6417,15 +5956,12 @@ function UploadField({ category, label, accept, onUploaded }) {
         onPick: (file) => void run(file)
       }
     ),
-    !upload && /* @__PURE__ */ jsx63("span", { role: "note", className: "text-xs text-muted-foreground", children: labels.uploadsUnavailable }),
-    /* @__PURE__ */ jsx63("span", { role: "status", className: progress === "" ? "sr-only" : "text-xs text-muted-foreground", children: progress }),
-    state.phase === "failed" && /* @__PURE__ */ jsx63("span", { role: "alert", className: "text-xs text-destructive", children: state.message })
+    !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 }),
+    state.phase === "failed" && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-xs text-destructive", children: state.message })
   ] });
 }
 
-// src/hooks/useAutosave.ts
-import * as React10 from "react";
-
 // src/hooks/autosave-backoff.ts
 function clearTimer(ref) {
   if (ref.current !== null) clearTimeout(ref.current);
@@ -6535,29 +6071,29 @@ function useAutosave({
   isRetryable = alwaysRetry,
   flushOnHide = true
 }) {
-  const [status, setStatus] = React10.useState("idle");
-  const [error, setError] = React10.useState(null);
+  const [status, setStatus] = React7.useState("idle");
+  const [error, setError] = React7.useState(null);
   const latest = { build, save, policy: { debounceMs, maxBackoffMs, maxRetries, isRetryable } };
-  const [runner] = React10.useState(() => createSaveRunner({ setStatus, setError }, latest));
-  React10.useEffect(() => {
+  const [runner] = React7.useState(() => createSaveRunner({ setStatus, setError }, latest));
+  React7.useEffect(() => {
     runner.configure(latest);
   });
-  const seenRef = React10.useRef(null);
-  React10.useEffect(() => {
+  const seenRef = React7.useRef(null);
+  React7.useEffect(() => {
     const seen = seenRef.current;
     seenRef.current = deps;
     if (seen === null) return;
     const unchanged = sameItems(seen, deps);
     if (!unchanged) runner.markDirty();
   }, deps);
-  React10.useEffect(() => {
+  React7.useEffect(() => {
     return runner.schedule(debounceMs);
   }, deps);
-  React10.useEffect(() => {
+  React7.useEffect(() => {
     runner.mount();
     return runner.dispose;
   }, [runner]);
-  React10.useEffect(() => {
+  React7.useEffect(() => {
     if (!flushOnHide) return;
     const onVisibility = () => {
       if (document.visibilityState === "hidden") runner.flush();
@@ -6572,65 +6108,6 @@ function useAutosave({
   return { status, error, retry: runner.retry, flush: runner.flush };
 }
 
-export {
-  englishLabels,
-  QuoinProvider,
-  useQuoin,
-  useLabels,
-  coreBlocks,
-  selectNode,
-  focusNode,
-  returnFocusToText,
-  cn,
-  FOCUS_RING,
-  FLOATING_TOOLBAR,
-  MENU_ITEM,
-  runOnBlocks,
-  noChange,
-  styleTargets,
-  MenuIcon,
-  formatShortcut,
-  insertBlocks,
-  insertBlockToWrite,
-  interceptKeys,
-  Button,
-  keepFocus,
-  Popover,
-  PopoverAnchor,
-  PopoverContent,
-  preventDefault,
-  FilePickerButton,
-  selectHandlers,
-  useNodeKeys,
-  bubblePart,
-  virtualAnchor,
-  usePartAnchor,
-  useRovingFocus,
-  useFocusKey,
-  linkAddress,
-  Input,
-  useOutsidePress,
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  inlineDirection,
-  resolveLabels,
-  rangeRect,
-  suggestionPlugin,
-  dismissSuggestion,
-  useRangeAnchor,
-  toError,
-  SuggestionMenu,
-  replaceTrigger,
-  blockFragment,
-  linkedBlockId,
-  BlockCanvas,
-  UploadField,
-  useAutosave
-};
-//# sourceMappingURL=chunk-T43RZTUT.js.map
+export { BlockCanvas, Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FLOATING_TOOLBAR, FOCUS_RING, FilePickerButton, Input, MENU_ITEM, MenuIcon, Popover, PopoverAnchor, PopoverContent, QuoinProvider, SuggestionMenu, UploadField, blockFragment, bubblePart, cn, coreBlocks, dismissSuggestion, englishLabels, focusNode, formatShortcut, inlineDirection, 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-DYWU4SQ2.js.map
+//# sourceMappingURL=chunk-DYWU4SQ2.js.map