@markweave/react 0.3.2 → 0.3.4

package/dist/index.js

@@ -1,63 +1,67 @@
 import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
 import { getLocalizedSlashCommandSpecs as t, getMarkweaveMessages as n, normalizeMarkweaveLang as r } from "markweave/internal/i18n";
 import { EditorContent as i, NodeViewWrapper as a, ReactNodeViewRenderer as o, useEditor as s } from "@tiptap/react";
-import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, Bold as p, Braces as m, Captions as h, Check as g, CheckCircle2 as _, ChevronDown as v, ChevronUp as y, CircleX as b, Code2 as x, Copy as S, CornerDownLeft as C, Download as w, ExternalLink as T, Eye as E, Heading1 as D, Heading2 as O, Heading3 as k, Image as A, ImageUp as j, IndentDecrease as M, IndentIncrease as N, Info as P, Italic as F, Lightbulb as ee, Link2 as I, List as L, ListChecks as te, ListOrdered as R, Minus as z, MoreVertical as ne, Paperclip as re, Pencil as ie, Quote as ae, Replace as B, Sigma as V, SmilePlus as oe, Sparkles as se, Strikethrough as ce, Subscript as le, Superscript as ue, Table2 as de, Text as fe, Trash2 as pe, Type as me, Underline as he, Upload as ge, Video as _e } from "lucide-react";
-import { useCallback as H, useEffect as U, useLayoutEffect as W, useMemo as G, useRef as K, useState as q, useSyncExternalStore as ve } from "react";
-import { detectUploadSource as ye, getDirectUploadResult as be, resolveMarkweaveUploadResult as xe } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as Se, MarkweaveCoreVideo as Ce, attrsFromMarkweaveImageUploadResult as we, attrsFromMarkweaveVideoUploadResult as Te, attrsFromMarkweaveVideoUrl as Ee, clampMarkweaveImageWidth as De, createMarkweaveImageUploadRequest as Oe, createMarkweaveVideoUploadRequest as ke, downloadMarkweaveImage as Ae, markweaveVideoIframeAllow as je, normalizeMarkweaveCoreImageAlign as Me, normalizeMarkweaveVideoEmbedUrl as J, numberAttribute as Ne, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
-import { getMarkweaveEditorModeState as Pe, isMarkweaveEditorLiveEditable as Fe, normalizeMarkweaveEditorMode as Ie, setMarkweaveEditorModeState as Le, subscribeToMarkweaveEditorMode as Re } from "markweave/internal/core/editor-mode-state";
-import { openMarkweaveImagePreview as ze } from "markweave/internal/plugins/media/image-preview";
-import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { createMarkweaveAdapterMediaExtensions as Be } from "markweave/internal/plugins/media/media-extension-factory";
-import { normalizeMarkweaveLinkCardAttrs as Ve, normalizeMarkweaveLinkCardHref as He, replaceMarkweaveLinkCardWithLink as Ue } from "markweave/internal/plugins/link-card/link-card";
-import { openMarkweaveLinkCardComposer as We } from "markweave/internal/plugins/link-card/link-card-composer";
-import { MarkweaveLinkCard as Ge } from "markweave/internal/plugins/link-card/link-card-node";
-import { isEditorComposing as Ke } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveEditorUpdatePayload as qe, getMarkweaveContentType as Je, isEditorContentCurrent as Ye, isMarkweaveControlledContentEchoCurrent as Xe, normalizeMarkweaveContentFormat as Ze } from "markweave/internal/editor-core/editor-content";
-import { openMarkweaveReadonlyLinkFromEvent as Qe } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as $e } from "markweave/internal/editor-core/runtime-snapshot";
-import { advanceFloatingToolbarMotionState as et, areEditorSelectionSnapshotsEquivalent as tt, calculateFloatingToolbarFrameShift as nt, calculateFloatingToolbarPopoverPlacement as rt, calculateFloatingToolbarTopBoundary as it, createSelectionSnapshot as at, getFloatingToolbarFloatingOptions as ot, getFloatingToolbarState as st, markweaveRuntimeProjectionDelayMs as ct, shouldShowFloatingToolbar as lt, transitionFloatingToolbarState as ut } from "markweave/internal/editor-core/selection-state";
-import { codeBlockCollapsePluginKey as dt, copyActiveCodeBlock as ft, getActiveCodeBlockState as pt, getCodeBlockCopyFeedbackSnapshot as mt, markweaveCodeBlockBehavior as ht, setCodeBlockCollapsedAtPosition as gt, setCodeBlockLanguageAtPosition as _t, setCodeBlockMermaidPreviewModeAtPosition as vt } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { isMermaidInlinePreviewTransaction as yt, setMarkweaveMermaidTheme as bt, setMermaidInlinePreviewEditorMode as xt, setReadonlyMermaidPreviewMode as St } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as Ct } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { applyMarkweaveMathLatex as wt, calculateMarkweaveMathPopoverPosition as Tt, getMarkweaveMathAnchorRect as Et, getMarkweaveMathBlockIndex as Dt, getMarkweaveMathRenderedHtml as Ot, getMarkweaveMathTargetAtPos as kt, getMarkweaveMathTargetFromDomEvent as At, getMarkweaveMathTargetFromSelection as jt, renderMarkweaveMathPreview as Mt, setMarkweaveMathEditingDomState as Nt, setMarkweaveMathEditingDomStateInView as Pt, setMarkweaveMathSelectionInView as Ft } from "markweave/internal/plugins/math/math-ui-model";
-import { filterSlashCommands as It, isExecutableSlashCommand as Lt } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as Rt, isSlashCommandMenuState as zt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as Bt, getNextSlashCommandState as Vt, getSlashCommandAnchoredMenuPosition as Ht, getSlashCommandContext as Ut } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as Wt, reduceSlashCommandState as Gt } from "markweave/internal/plugins/slash-command/slash-state";
-import { getFirstTableDebugSnapshot as Kt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as qt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Jt } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as Yt, initialTableInteractionState as Xt, tableInteractionPluginKey as Zt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateCodeBlockLanguageMenuPosition as Qt, clampFullscreenScale as $t, codeBlockCopyFeedbackTimeoutMs as en, copyCodeBlockText as tn, createCodeBlockOverlayPosition as nn, createMermaidFullscreenViewerState as rn, createMermaidTabPosition as an, focusCodeBlockTarget as on, formatCodeBlockLanguageLabel as sn, formatFullscreenZoom as cn, getActiveCodeBlockElement as ln, getAnchoredRect as un, getCodeBlockLanguageItems as dn, getCodeBlockPositionFromEventTarget as fn, getCodeBlockStateAtPosition as pn, getFrameElement as mn, getMermaidCodeBlockTargets as hn, getMermaidSvgMarkup as gn, isCodeBlockTargetCollapsed as _n, mergeStableMermaidTabPositions as vn, mermaidFullscreenZoomStep as yn, moveMermaidFullscreenViewer as bn } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { BubbleMenu as xn } from "@tiptap/react/menus";
-import { createMarkweaveFrameScheduler as Sn } from "markweave/internal/editor-core/frame-scheduler";
-import { applyFloatingToolbarLink as Cn, createFloatingToolbarAssistantRequest as wn, getFloatingToolbarButtonModels as Tn, getFloatingToolbarHighlightColorOptions as En, getFloatingToolbarLinkHref as Dn, getFloatingToolbarMessageSet as On, getFloatingToolbarMoreActions as kn, getFloatingToolbarTextColorOptions as An, getFloatingToolbarTooltipModel as jn, getFloatingToolbarTurnIntoOptions as Mn, isFloatingToolbarMoreActionActive as Nn, isFloatingToolbarTurnIntoActive as Pn, openFloatingToolbarLinkHref as Fn, preventFloatingToolbarPointerFocusLoss as In, removeFloatingToolbarLink as Ln, runFloatingToolbarMoreAction as Rn, setFloatingToolbarHighlightColor as zn, setFloatingToolbarTextColor as Bn, setFloatingToolbarTurnInto as Vn } from "markweave/internal/editor-core/floating-toolbar-model";
-import { normalizeMarkdownLinkHref as Hn } from "markweave/internal/plugins/markdown/markdown-input";
-import { setMarkweaveTableMenuAxisTarget as Un } from "markweave/internal/plugins/table/table-clipboard";
-import { calculateAnchoredTableMenuPosition as Wn, calculateTableEdgeHandlePosition as Gn, canRunTableCommand as Kn, executeTableMenuCommand as qn, formatTableCopyFeedback as Jn, getActiveTableElement as Yn, getAvailableCellMenuCommandSpecs as Xn, getTableAxisTargetRect as Zn, getTableControlAxisSelectionModel as Qn, getTableEditWithAiRequest as $n, getTableMenuItemGroup as er, getTableMenuItemLabel as tr, getTableMenuItems as nr, getTableSelectionTargetRect as rr, measureTableSelectionOverlay as ir, selectTableAxisFromCell as ar, tableCopyFeedbackTimeoutMs as or, tableMenuLabel as sr } from "markweave/internal/plugins/table/table-ui-model";
-import { createMarkweaveTocState as cr, emptyMarkweaveTocState as lr, getActiveMarkweaveTocId as ur, getMarkweaveTocItems as dr, getValidMarkweaveTocActiveId as fr, normalizeMarkweaveInnerTocPlacement as pr, observeMarkweaveInnerTocContainerPosition as mr, scrollToMarkweaveTocItem as hr } from "markweave/internal/core/toc-state";
-import { normalizeMarkweaveCanvasColor as gr, normalizeMarkweaveTheme as _r } from "markweave/internal/core/theme";
-import { createMarkweaveSearchController as vr } from "markweave/internal/plugins/search/search-controller";
+import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, AlignVerticalJustifyCenter as p, AlignVerticalJustifyEnd as m, AlignVerticalJustifyStart as h, ArrowDown as g, ArrowDownAZ as _, ArrowLeft as v, ArrowRight as y, ArrowUp as b, ArrowUpZA as x, BetweenHorizontalEnd as S, BetweenHorizontalStart as C, BetweenVerticalEnd as w, BetweenVerticalStart as T, Bold as E, Braces as D, Captions as O, Check as k, CheckCircle2 as A, ChevronDown as j, ChevronRight as M, ChevronUp as ee, CircleX as N, Code2 as te, Copy as P, CornerDownLeft as ne, Download as F, ExternalLink as I, Eye as L, Heading1 as re, Heading2 as R, Heading3 as ie, Image as ae, ImageUp as z, IndentDecrease as B, IndentIncrease as oe, Info as se, Italic as ce, Lightbulb as le, Link2 as V, List as ue, ListChecks as H, ListOrdered as U, Minus as de, MoreVertical as fe, PaintBucket as pe, Paperclip as me, Pencil as he, Plus as ge, Quote as _e, Replace as ve, Sigma as ye, SmilePlus as be, Sparkles as xe, SquareX as Se, Strikethrough as Ce, Subscript as we, Superscript as Te, Table2 as Ee, TableCellsMerge as De, TableCellsSplit as Oe, Text as ke, Trash2 as Ae, Type as je, Underline as Me, Upload as Ne, Video as Pe } from "lucide-react";
+import { useCallback as W, useEffect as G, useLayoutEffect as K, useMemo as q, useRef as J, useState as Y, useSyncExternalStore as Fe } from "react";
+import { detectUploadSource as Ie, getDirectUploadResult as Le, resolveMarkweaveUploadResult as X } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as Re, MarkweaveCoreVideo as ze, attrsFromMarkweaveImageUploadResult as Be, attrsFromMarkweaveVideoUploadResult as Ve, attrsFromMarkweaveVideoUrl as He, clampMarkweaveImageWidth as Ue, createMarkweaveImageUploadRequest as We, createMarkweaveVideoUploadRequest as Ge, downloadMarkweaveImage as Ke, markweaveVideoIframeAllow as qe, normalizeMarkweaveCoreImageAlign as Je, normalizeMarkweaveVideoEmbedUrl as Ye, numberAttribute as Xe, stringAttribute as Ze } from "markweave/internal/plugins/media/core-media-nodes";
+import { getMarkweaveEditorModeState as Qe, isMarkweaveEditorLiveEditable as $e, normalizeMarkweaveEditorMode as et, setMarkweaveEditorModeState as tt, subscribeToMarkweaveEditorMode as nt } from "markweave/internal/core/editor-mode-state";
+import { openMarkweaveImagePreview as rt } from "markweave/internal/plugins/media/image-preview";
+import { createMarkweaveLightweightImageNodeViewRenderer as it } from "markweave/internal/plugins/media/lightweight-image-node-view";
+import { resolveMarkweaveMediaSource as at } from "markweave/internal/plugins/media/media-source";
+import { Fragment as ot, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { createMarkweaveAdapterMediaExtensions as st } from "markweave/internal/plugins/media/media-extension-factory";
+import { normalizeMarkweaveLinkCardAttrs as ct, normalizeMarkweaveLinkCardHref as lt, replaceMarkweaveLinkCardWithLink as ut } from "markweave/internal/plugins/link-card/link-card";
+import { openMarkweaveLinkCardComposer as dt } from "markweave/internal/plugins/link-card/link-card-composer";
+import { MarkweaveLinkCard as ft } from "markweave/internal/plugins/link-card/link-card-node";
+import { isEditorComposing as pt } from "markweave/internal/editor-core/composition-guard";
+import { createMarkweaveFrameScheduler as mt } from "markweave/internal/editor-core/frame-scheduler";
+import { createMarkweaveEditorUpdatePayload as ht, getMarkweaveContentType as gt, isEditorContentCurrent as _t, isMarkweaveControlledContentEchoCurrent as vt, normalizeMarkweaveContentFormat as yt } from "markweave/internal/editor-core/editor-content";
+import { openMarkweaveReadonlyLinkFromEvent as bt } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as xt } from "markweave/internal/editor-core/runtime-snapshot";
+import { advanceFloatingToolbarMotionState as St, areEditorSelectionSnapshotsEquivalent as Ct, calculateFloatingToolbarFrameShift as wt, calculateFloatingToolbarPopoverPlacement as Tt, calculateFloatingToolbarTopBoundary as Et, createSelectionSnapshot as Dt, getFloatingToolbarFloatingOptions as Ot, getFloatingToolbarState as kt, markweaveRuntimeProjectionDelayMs as At, shouldShowFloatingToolbar as jt, transitionFloatingToolbarState as Mt } from "markweave/internal/editor-core/selection-state";
+import { codeBlockCollapsePluginKey as Nt, copyActiveCodeBlock as Pt, getActiveCodeBlockState as Ft, getCodeBlockCopyFeedbackSnapshot as It, markweaveCodeBlockBehavior as Lt, setCodeBlockCollapsedAtPosition as Rt, setCodeBlockLanguageAtPosition as zt, setCodeBlockMermaidPreviewModeAtPosition as Bt } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { isMermaidInlinePreviewTransaction as Vt, setMarkweaveMermaidTheme as Ht, setMermaidInlinePreviewEditorMode as Ut, setReadonlyMermaidPreviewMode as Wt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as Gt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { applyMarkweaveMathLatex as Kt, calculateMarkweaveMathPopoverPosition as qt, getMarkweaveMathAnchorRect as Jt, getMarkweaveMathBlockIndex as Yt, getMarkweaveMathRenderedHtml as Xt, getMarkweaveMathTargetAtPos as Zt, getMarkweaveMathTargetFromDomEvent as Qt, getMarkweaveMathTargetFromSelection as $t, renderMarkweaveMathPreview as en, setMarkweaveMathEditingDomState as tn, setMarkweaveMathEditingDomStateInView as nn, setMarkweaveMathSelectionInView as rn } from "markweave/internal/plugins/math/math-ui-model";
+import { filterSlashCommands as an, isExecutableSlashCommand as on } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as sn, isSlashCommandMenuState as cn } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { areSlashCommandMenuPositionsEquivalent as ln, executeSlashCommand as un, getNextSlashCommandState as dn, getSlashCommandAnchoredMenuPosition as fn, getSlashCommandContext as pn, isSlashCommandAnchorVisible as mn } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as hn, reduceSlashCommandState as gn } from "markweave/internal/plugins/slash-command/slash-state";
+import { getFirstTableDebugSnapshot as _n } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as vn } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as yn } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as bn, initialTableInteractionState as xn, tableInteractionPluginKey as Sn } from "markweave/internal/plugins/table/table-interaction-layer";
+import { saveMarkweaveBrowserFile as Cn } from "markweave/internal/core/browser-file-save";
+import { calculateCodeBlockLanguageMenuPosition as wn, clampFullscreenScale as Tn, codeBlockCopyFeedbackTimeoutMs as En, copyCodeBlockText as Dn, createCodeBlockLanguageMenuDomId as On, createCodeBlockOverlayPosition as kn, createMermaidFullscreenViewerState as An, createMermaidTabPosition as jn, focusCodeBlockTarget as Mn, formatCodeBlockLanguageLabel as Nn, formatFullscreenZoom as Pn, getActiveCodeBlockElement as Fn, getAnchoredRect as In, getCodeBlockLanguageItems as Ln, getCodeBlockLanguageOptionDomId as Rn, getCodeBlockPositionFromEventTarget as zn, getCodeBlockStateAtPosition as Bn, getFrameElement as Vn, getInitialCodeBlockLanguageItemIndex as Hn, getMermaidCodeBlockTargets as Un, getMermaidSvgMarkup as Wn, isCodeBlockTargetCollapsed as Gn, mergeStableMermaidTabPositions as Kn, mermaidFullscreenZoomStep as qn, moveCodeBlockLanguageItemIndex as Jn, moveMermaidFullscreenViewer as Yn, scrollCodeBlockLanguageItemIntoView as Xn } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { BubbleMenu as Zn } from "@tiptap/react/menus";
+import { applyFloatingToolbarLink as Qn, createFloatingToolbarAssistantRequest as $n, getFloatingToolbarButtonModels as er, getFloatingToolbarHighlightColorOptions as tr, getFloatingToolbarLinkHref as nr, getFloatingToolbarMessageSet as rr, getFloatingToolbarMoreActions as ir, getFloatingToolbarTextColorOptions as ar, getFloatingToolbarTooltipModel as or, getFloatingToolbarTurnIntoOptions as sr, isFloatingToolbarMoreActionActive as cr, isFloatingToolbarTurnIntoActive as lr, openFloatingToolbarLinkHref as ur, preventFloatingToolbarPointerFocusLoss as dr, removeFloatingToolbarLink as fr, runFloatingToolbarMoreAction as pr, setFloatingToolbarHighlightColor as mr, setFloatingToolbarTextColor as hr, setFloatingToolbarTurnInto as gr } from "markweave/internal/editor-core/floating-toolbar-model";
+import { normalizeMarkdownLinkHref as _r } from "markweave/internal/plugins/markdown/markdown-input";
+import { setMarkweaveTableMenuAxisTarget as vr } from "markweave/internal/plugins/table/table-clipboard";
+import { applyTableAxisAlignment as yr, applyTableAxisBackgroundColor as br, applyTableAxisTextColor as xr, calculateAnchoredTableMenuPosition as Sr, calculateAnchoredTableSubmenuPosition as Cr, calculateTableAxisHandleLayout as wr, calculateTableExtendButtonLayout as Tr, canRunTableCommand as Er, executeTableMenuCommand as Dr, formatTableCopyFeedback as Or, getActiveTableElement as kr, getTableAxisDropIndexAtPoint as Ar, getTableAxisFormattingState as jr, getTableAxisTargetRect as Mr, getTableControlAxisSelectionModel as Nr, getTableEditWithAiRequest as Pr, getTableMenuBoundaryRect as Fr, getTableMenuItemGroup as Ir, getTableMenuItemLabel as Lr, getTableMenuItems as Rr, getTableSelectionTargetRect as zr, measureTableSelectionOverlay as Br, moveTargetedTableAxis as Vr, selectTableAxisFromCell as Hr, tableColorOptions as Ur, tableCopyFeedbackTimeoutMs as Wr, tableHorizontalAlignmentOptions as Gr, tableMenuLabel as Kr, tableVerticalAlignmentOptions as qr, targetTableAxisFromCell as Jr } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveTocState as Yr, emptyMarkweaveTocState as Xr, getActiveMarkweaveTocId as Zr, getMarkweaveTocItemsFromState as Qr, getValidMarkweaveTocActiveId as $r, normalizeMarkweaveInnerTocPlacement as ei, observeMarkweaveInnerTocContainerPosition as ti, scrollToMarkweaveTocItem as ni } from "markweave/internal/core/toc-state";
+import { normalizeMarkweaveCanvasColor as ri, normalizeMarkweaveTheme as ii } from "markweave/internal/core/theme";
+import { splitMarkweaveLargeMarkdown as ai } from "markweave/internal/core/large-document";
+import { createMarkweaveSearchController as oi } from "markweave/internal/plugins/search/search-controller";
 //#region src/editor-mode-state.ts
-var yr = {
+var si = {
 	mode: "live",
 	editable: !0
 };
-function br(e) {
-	return ve((t) => Re(e, t), () => Pe(e), () => yr);
+function ci(e) {
+	return Fe((t) => nt(e, t), () => Qe(e), () => si);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var xr = Me;
-function Sr(e) {
+var li = Je;
+function ui(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function Cr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = Fe(br(r)), p = Y(o.attrs.src), m = xr(o.attrs.align), h = Ne(o.attrs.width), g = Y(o.attrs.caption), _ = K(null), v = K(null), [y, b] = q(!1), [x, S] = q(!1), [C, w] = q(!1), [T, D] = q(""), [O, k] = q(null), [A, j] = q(!1), [M, N] = q(!!g), [P, F] = q(g ?? ""), ee = f && (!p || x), I = () => {
-		p && ze({
-			src: p,
-			alt: Y(o.attrs.alt) ?? "",
+function di(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = $e(ci(r)), p = Ze(o.attrs.src), m = li(o.attrs.align), h = Xe(o.attrs.width), g = Ze(o.attrs.caption), _ = J(null), v = _i(p, l.resolveMediaSource, _, s), y = v?.src ?? (l.resolveMediaSource ? null : p), b = J(null), [x, S] = Y(!1), [C, w] = Y(!1), [T, E] = Y(!1), [D, O] = Y(""), [k, A] = Y(null), [j, M] = Y(!1), [ee, N] = Y(!!g), [te, P] = Y(g ?? ""), ne = f && (!p || C), F = () => {
+		y && rt({
+			src: y,
+			alt: Ze(o.attrs.alt) ?? "",
 			messages: {
 				dialogAriaLabel: d.previewDialogAriaLabel,
 				zoomOut: d.previewZoomOut,
@@ -67,63 +71,63 @@ function Cr(e) {
 			}
 		});
 	};
-	U(() => {
-		M || F(g ?? "");
-	}, [g, M]);
-	let L = () => {
+	G(() => {
+		ee || P(g ?? "");
+	}, [g, ee]);
+	let I = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, te = () => {
+	}, re = () => {
 		if (f) {
-			if (D(""), k(null), w(!1), p) {
-				S(!1);
+			if (O(""), A(null), E(!1), p) {
+				w(!1);
 				return;
 			}
 			t();
 		}
 	}, R = async (e) => {
 		if (f) {
-			k(null), j(!0);
+			A(null), M(!0);
 			try {
-				let t = await xe(Oe(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
-				c(we(o.attrs, t)), S(!1), D("");
+				let t = await X(We(e, p && C ? "image-replace" : "image-insert"), l.onUpload);
+				c(Be(o.attrs, t)), w(!1), O("");
 			} catch (e) {
-				k(e instanceof Error ? e.message : d.uploadFailedError);
+				A(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
-				j(!1), w(!1);
+				M(!1), E(!1);
 			}
 		}
-	}, z = () => {
+	}, ie = () => {
 		if (f) {
-			if (!T.trim()) {
-				k(d.uploadRequiredError);
+			if (!D.trim()) {
+				A(d.uploadRequiredError);
 				return;
 			}
-			R(ye(T));
+			R(Ie(D));
 		}
-	}, ne = (e) => {
+	}, ae = (e) => {
 		!f || !e || R({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
-	}, re = (e) => {
-		ne(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, ie = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && ne(e.dataTransfer.files?.[0] ?? null);
-	}, ae = () => {
-		f && (N((e) => !e), M || F(g ?? ""));
+	}, z = (e) => {
+		ae(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
 	}, B = (e) => {
-		f && (F(e), c({ caption: e.trim() ? e : null }));
-	}, V = (e, t) => {
+		e.preventDefault(), e.stopPropagation(), f && ae(e.dataTransfer.files?.[0] ?? null);
+	}, oe = () => {
+		f && (N((e) => !e), ee || P(g ?? ""));
+	}, se = (e) => {
+		f && (P(e), c({ caption: e.trim() ? e : null }));
+	}, ce = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !f) return;
-		L();
+		I();
 		let n = _.current;
 		if (!n) return;
 		let r = t.clientX, i = n.getBoundingClientRect().width || h || 320, a = n.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? n.parentElement?.getBoundingClientRect().width ?? i, o = (t) => {
 			let n = e === "right" ? t.clientX - r : r - t.clientX;
-			c({ width: De(i + n, a) });
+			c({ width: Ue(i + n, a) });
 		}, s = () => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		};
@@ -135,59 +139,66 @@ function Cr(e) {
 		"data-testid": "markweave-image-node",
 		"data-align": m,
 		"data-selected": f && s ? "true" : "false",
-		"data-hovered": y ? "true" : "false",
-		"data-empty": ee ? "true" : "false",
-		onPointerEnter: () => b(!0),
-		onPointerLeave: () => b(!1),
+		"data-hovered": x ? "true" : "false",
+		"data-empty": ne ? "true" : "false",
+		onPointerEnter: () => S(!0),
+		onPointerLeave: () => S(!1),
 		onMouseDown: (e) => {
-			f && !Sr(e.target) && L();
+			f && !ui(e.target) && I();
 		},
-		children: ee ? /* @__PURE__ */ Z(wr, {
-			dragActive: C,
-			error: O,
-			inputValue: T,
-			isSubmitting: A,
-			fileInputRef: v,
+		children: ne ? /* @__PURE__ */ Z(fi, {
+			dragActive: T,
+			error: k,
+			inputValue: D,
+			isSubmitting: j,
+			fileInputRef: b,
 			messages: u,
-			onCancel: te,
-			onDrop: ie,
-			onDragActiveChange: w,
-			onFileChange: re,
-			onInputChange: D,
-			onSubmit: z
-		}) : /* @__PURE__ */ Q(X, { children: [
-			f ? /* @__PURE__ */ Z(Tr, {
+			onCancel: re,
+			onDrop: B,
+			onDragActiveChange: E,
+			onFileChange: z,
+			onInputChange: O,
+			onSubmit: ie
+		}) : /* @__PURE__ */ Q(ot, { children: [
+			f ? /* @__PURE__ */ Z(pi, {
 				align: m,
-				captionActive: M || !!g,
+				captionActive: ee || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: ae,
+				onCaption: oe,
 				onDelete: t,
 				onDownload: () => {
-					p && Ae(p);
+					y && Ke(y);
 				},
-				onPreview: I,
+				onPreview: F,
 				onReplace: () => {
-					D(""), k(null), S(!0);
+					O(""), A(null), w(!0);
 				}
 			}) : null,
 			/* @__PURE__ */ Q("div", {
 				className: "markweave-image-box",
 				ref: _,
-				style: h ? { width: `${h}px` } : void 0,
+				style: {
+					...h ? { width: `${h}px` } : null,
+					...v?.width && v.height ? { aspectRatio: `${v.width} / ${v.height}` } : null
+				},
 				children: [
-					p ? /* @__PURE__ */ Z("img", {
+					y ? /* @__PURE__ */ Z("img", {
 						className: "markweave-image",
-						src: p,
-						alt: Y(o.attrs.alt) ?? "",
-						title: Y(o.attrs.title) ?? void 0,
-						draggable: !1
+						src: y,
+						alt: Ze(o.attrs.alt) ?? "",
+						title: Ze(o.attrs.title) ?? void 0,
+						draggable: !1,
+						loading: "lazy",
+						decoding: "async",
+						width: v?.width,
+						height: v?.height
 					}) : /* @__PURE__ */ Z("div", {
 						className: "markweave-image-readonly-empty",
 						"data-testid": "markweave-image-readonly-empty",
 						"aria-hidden": "true"
 					}),
-					!f && p ? /* @__PURE__ */ Q("button", {
+					!f && y ? /* @__PURE__ */ Q("button", {
 						type: "button",
 						className: "markweave-image-preview-trigger",
 						"data-testid": "markweave-image-preview",
@@ -195,8 +206,8 @@ function Cr(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: I,
-						children: [/* @__PURE__ */ Z(E, {
+						onClick: F,
+						children: [/* @__PURE__ */ Z(L, {
 							size: 16,
 							strokeWidth: 1.8
 						}), /* @__PURE__ */ Z("span", {
@@ -205,26 +216,26 @@ function Cr(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(Dr, {
+					f ? /* @__PURE__ */ Z(hi, {
 						side: "left",
 						messages: u,
-						onPointerDown: V
+						onPointerDown: ce
 					}) : null,
-					f ? /* @__PURE__ */ Z(Dr, {
+					f ? /* @__PURE__ */ Z(hi, {
 						side: "right",
 						messages: u,
-						onPointerDown: V
+						onPointerDown: ce
 					}) : null
 				]
 			}),
-			f && (M || g) ? /* @__PURE__ */ Z("input", {
+			f && (ee || g) ? /* @__PURE__ */ Z("input", {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: P,
+				value: te,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
-				onChange: (e) => B(e.currentTarget.value),
+				onChange: (e) => se(e.currentTarget.value),
 				onKeyDown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), N(!1));
 				}
@@ -236,7 +247,7 @@ function Cr(e) {
 		] })
 	});
 }
-function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function fi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
 	let f = a.image;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-image-upload-placeholder",
@@ -263,7 +274,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-image-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(j, {
+				children: /* @__PURE__ */ Z(z, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -298,7 +309,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-image-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(j, {
+						children: [/* @__PURE__ */ Z(z, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -318,7 +329,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
+function pi({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
 	let u = n.image;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-image-toolbar",
@@ -326,21 +337,21 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": u.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -351,45 +362,45 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-caption",
 				label: u.caption,
-				icon: h,
+				icon: O,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-preview",
 				label: u.preview,
-				icon: E,
+				icon: L,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-download",
 				label: u.download,
-				icon: w,
+				icon: F,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: B,
+				icon: ve,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-delete",
 				label: u.delete,
-				icon: pe,
+				icon: Ae,
 				onClick: a
 			})
 		]
 	});
 }
-function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function mi({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -408,7 +419,7 @@ function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function Dr({ messages: e, onPointerDown: t, side: n }) {
+function hi({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -419,42 +430,95 @@ function Dr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var Or = Se.extend({
+var gi = Re.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Cr, { stopEvent: ({ event: e }) => Sr(e.target) });
+		if (typeof document > "u") return null;
+		let e = o(di, { stopEvent: ({ event: e }) => ui(e.target) }), t = this.options.resolveMediaSource;
+		if (!t) return e;
+		let r = it({
+			messages: this.options.messages ?? n("zh"),
+			onUpload: this.options.onUpload,
+			resolveMediaSource: t
+		});
+		return (t) => Ze(t.node.attrs.src) ? r(t) : e(t);
 	}
 });
+function _i(e, t, n, r) {
+	let [i, a] = Y(t ? "background" : "visible"), [o, s] = Y(() => !t && e ? { src: e } : null);
+	return G(() => {
+		s(!t && e ? { src: e } : null), a(t ? "background" : "visible");
+	}, [t, e]), G(() => {
+		if (!t || !e) return;
+		if (r) {
+			a("visible");
+			return;
+		}
+		let i = n.current;
+		if (!i || typeof IntersectionObserver > "u") {
+			a("visible");
+			return;
+		}
+		let o = new IntersectionObserver((e) => {
+			let t = e[0];
+			if (!t?.isIntersecting) return;
+			let n = t.boundingClientRect, r = n.bottom >= 0 && n.top <= window.innerHeight;
+			a(r ? "visible" : "nearby");
+		}, { rootMargin: "300% 0px" });
+		return o.observe(i), () => o.disconnect();
+	}, [
+		n,
+		t,
+		r,
+		e
+	]), G(() => {
+		if (!t || !e || i === "background") return;
+		let n = new AbortController();
+		return at(t, {
+			kind: "image",
+			priority: i,
+			signal: n.signal,
+			src: e
+		}).then((e) => {
+			n.signal.aborted || s(e);
+		}), () => n.abort();
+	}, [
+		i,
+		t,
+		e
+	]), o;
+}
 //#endregion
 //#region src/media/video-node.tsx
-function kr(e) {
+function vi(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function Ar(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = Fe(br(r)), p = Y(o.attrs.src), m = Y(o.attrs.embedUrl), h = Y(o.attrs.provider), g = m ? J(m, h) : null, _ = Y(o.attrs.mimeType), v = Y(o.attrs.title), y = K(null), [b, x] = q(!1), [S, C] = q(""), [w, T] = q(null), [E, D] = q(!1), O = f && !p, k = () => {
+function yi(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = $e(ci(r)), p = Ze(o.attrs.src), m = Ze(o.attrs.embedUrl), h = Ze(o.attrs.provider), g = m ? Ye(m, h) : null, _ = Ze(o.attrs.mimeType), v = Ze(o.attrs.title), y = J(null), [b, x] = Y(!1), [S, C] = Y(""), [w, T] = Y(null), [E, D] = Y(!1), O = f && !p, k = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
 	}, A = (e) => {
-		f && (kr(e.target) || (e.preventDefault(), k()));
+		f && (vi(e.target) || (e.preventDefault(), k()));
 	}, j = (e) => {
 		f && (e.key === "Delete" || e.key === "Backspace") && s && (e.preventDefault(), t());
 	}, M = async (e) => {
 		if (!(!f || !e)) {
 			T(null), D(!0);
 			try {
-				let t = await xe(ke({
+				let t = await X(Ge({
 					type: "file",
 					file: e,
 					mimeType: e.type
 				}), l.onUpload);
-				c(Te(t)), C("");
+				c(Ve(t)), C("");
 			} catch (e) {
 				T(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
@@ -468,7 +532,7 @@ function Ar(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(jr, {
+		children: /* @__PURE__ */ Z(bi, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -486,7 +550,7 @@ function Ar(e) {
 			onInputChange: C,
 			onSubmit: () => {
 				if (!f) return;
-				let e = Ee(S);
+				let e = He(S);
 				if (!e) {
 					T(d.unsupportedUrlError);
 					return;
@@ -515,7 +579,7 @@ function Ar(e) {
 				"data-markweave-video-embed": "true",
 				"data-markweave-video-provider": h ?? void 0,
 				"data-markweave-video-src": p ?? void 0,
-				allow: je,
+				allow: qe,
 				loading: "lazy",
 				allowFullScreen: !0
 			}), f ? /* @__PURE__ */ Z("button", {
@@ -549,7 +613,7 @@ function Ar(e) {
 		})
 	});
 }
-function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function bi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
 	let f = a.video;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-video-upload-placeholder",
@@ -576,7 +640,7 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-video-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(_e, {
+				children: /* @__PURE__ */ Z(Pe, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -611,7 +675,7 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-video-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(ge, {
+						children: [/* @__PURE__ */ Z(Ne, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -631,67 +695,68 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var Mr = Ce.extend({
+var xi = ze.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Ar, { stopEvent: ({ event: e }) => kr(e.target) });
+		return typeof document > "u" ? null : o(yi, { stopEvent: ({ event: e }) => vi(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function Nr(e) {
+function Si(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Pr(e) {
+function Ci(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Fr(e) {
+function wi(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Ir(e) {
+function Ti(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function Lr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = Fe(br(r)), f = Ve(o.attrs), [p, m] = q(!1), [h, g] = q(!1), [_, v] = q(!1), [y, b] = q(f?.title ?? ""), [x, C] = q(f?.href ?? ""), w = K(null);
-	if (U(() => () => w.current?.abort(), []), U(() => {
-		b(f?.title ?? ""), C(f?.href ?? ""), v(!1);
+function Ei(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = $e(ci(r)), f = ct(o.attrs), [p, m] = Y(!1), [h, g] = Y(!1), [_, v] = Y(!1), [y, b] = Y(f?.title ?? ""), [x, S] = Y(f?.href ?? ""), C = J(null);
+	if (G(() => () => C.current?.abort(), []), G(() => {
+		b(f?.title ?? ""), S(f?.href ?? ""), v(!1);
 	}, [f?.href, f?.title]), !f) return null;
-	let T = async (e) => {
+	let w = async (e) => {
 		e.preventDefault();
-		let t = Ve({
+		let t = ct({
 			...f,
 			href: x,
 			title: y
 		});
 		if (!t) return;
-		s(t), g(!1), w.current?.abort();
+		s(t), g(!1), C.current?.abort();
 		let n = new AbortController();
-		w.current = n;
+		C.current = n;
 		try {
 			let e = await c.resolver?.({
 				href: t.href,
 				title: t.title,
 				signal: n.signal
 			});
-			!n.signal.aborted && e && s(Ve({
+			!n.signal.aborted && e && s(ct({
 				...t,
 				...e
 			}) ?? t);
 		} catch {}
-	}, E = () => {
+	}, T = () => {
 		let e = i();
-		typeof e == "number" && Ue(r, e);
-	}, D = _ ? null : f.imageUrl, O = Ir(f.href);
+		typeof e == "number" && ut(r, e);
+	}, E = _ ? null : f.imageUrl, D = Ti(f.href);
 	return /* @__PURE__ */ Q(a, {
 		as: "article",
 		className: "markweave-link-card",
@@ -702,10 +767,10 @@ function Lr(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			Nr(e.target) || e.preventDefault();
+			Si(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			Nr(e.target) || (e.preventDefault(), Fr(f.href));
+			Si(e.target) || (e.preventDefault(), wi(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -717,13 +782,13 @@ function Lr(e) {
 					children: [
 						/* @__PURE__ */ Z("strong", { children: f.title }),
 						f.description ? /* @__PURE__ */ Z("span", { children: f.description }) : null,
-						/* @__PURE__ */ Z("small", { children: f.siteName ?? O })
+						/* @__PURE__ */ Z("small", { children: f.siteName ?? D })
 					]
 				}), /* @__PURE__ */ Z("span", {
 					className: "markweave-link-card-media",
 					"aria-hidden": "true",
-					children: D ? /* @__PURE__ */ Z("img", {
-						src: D,
+					children: E ? /* @__PURE__ */ Z("img", {
+						src: E,
 						alt: "",
 						loading: "lazy",
 						referrerPolicy: "no-referrer",
@@ -735,7 +800,7 @@ function Lr(e) {
 						loading: "lazy",
 						referrerPolicy: "no-referrer",
 						onError: () => v(!0)
-					}) : /* @__PURE__ */ Z("b", { children: O.slice(0, 1).toUpperCase() })
+					}) : /* @__PURE__ */ Z("b", { children: D.slice(0, 1).toUpperCase() })
 				})]
 			}),
 			d && p ? /* @__PURE__ */ Q("div", {
@@ -743,24 +808,24 @@ function Lr(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.convertToLink,
-						icon: I,
-						onClick: E,
+						icon: V,
+						onClick: T,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.copyAddress,
-						icon: S,
-						onClick: () => void Pr(f.href),
+						icon: P,
+						onClick: () => void Ci(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.edit,
-						icon: ie,
+						icon: he,
 						onClick: (e) => {
 							let t = i();
-							typeof t == "number" && We({
+							typeof t == "number" && dt({
 								anchor: e.currentTarget,
 								editor: r,
 								messages: l,
@@ -773,9 +838,9 @@ function Lr(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.delete,
-						icon: pe,
+						icon: Ae,
 						onClick: t,
 						testId: "markweave-link-card-delete"
 					})
@@ -785,7 +850,7 @@ function Lr(e) {
 				className: "markweave-link-card-editor",
 				"data-markweave-link-card-ui": "true",
 				"data-testid": "markweave-link-card-editor",
-				onSubmit: T,
+				onSubmit: w,
 				children: [
 					/* @__PURE__ */ Q("label", { children: [/* @__PURE__ */ Z("span", { children: u.titleLabel }), /* @__PURE__ */ Z("input", {
 						"aria-label": u.titleLabel,
@@ -797,20 +862,20 @@ function Lr(e) {
 						"aria-label": u.addressLabel,
 						placeholder: u.addressPlaceholder,
 						value: x,
-						onChange: (e) => C(e.currentTarget.value)
+						onChange: (e) => S(e.currentTarget.value)
 					})] }),
 					/* @__PURE__ */ Z("button", {
 						type: "submit",
 						"aria-label": u.edit,
-						disabled: !He(x),
-						children: /* @__PURE__ */ Z(I, { size: 16 })
+						disabled: !lt(x),
+						children: /* @__PURE__ */ Z(V, { size: 16 })
 					})
 				]
 			}) : null
 		]
 	});
 }
-function Rr({ icon: e, label: t, onClick: n, testId: r }) {
+function Di({ icon: e, label: t, onClick: n, testId: r }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": t,
@@ -827,7 +892,7 @@ function Rr({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var zr = Ge.extend({
+var Oi = ft.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -836,37 +901,38 @@ var zr = Ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Lr, { stopEvent: ({ event: e }) => Nr(e.target) });
+		return typeof document > "u" ? null : o(Ei, { stopEvent: ({ event: e }) => Si(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Br(t = {}) {
+function ki(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: zr.configure({
+		linkCardExtension: Oi.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
-		mediaExtensions: Be({
-			image: Or,
-			video: Mr,
+		mediaExtensions: st({
+			image: gi,
+			video: xi,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
-			onVideoUpload: t.onVideoUpload
+			onVideoUpload: t.onVideoUpload,
+			resolveMediaSource: t.resolveMediaSource
 		})
 	});
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function Vr(e) {
-	return e === "clipboard" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), /* @__PURE__ */ Z("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] }) : e === "search" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("circle", {
+function Ai(e) {
+	return e === "clipboard" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), /* @__PURE__ */ Z("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] }) : e === "search" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("circle", {
 		cx: "10",
 		cy: "10",
 		r: "5.5"
-	}), /* @__PURE__ */ Z("path", { d: "m14 14 4 4" })] }) : e === "check" ? /* @__PURE__ */ Z("path", { d: "m5 11 4 4 8-9" }) : e === "expand" ? /* @__PURE__ */ Q(X, { children: [
+	}), /* @__PURE__ */ Z("path", { d: "m14 14 4 4" })] }) : e === "check" ? /* @__PURE__ */ Z("path", { d: "m5 11 4 4 8-9" }) : e === "expand" ? /* @__PURE__ */ Q(ot, { children: [
 		/* @__PURE__ */ Z("path", { d: "M8 4H4v4" }),
 		/* @__PURE__ */ Z("path", { d: "M4 4l5 5" }),
 		/* @__PURE__ */ Z("path", { d: "M16 4h4v4" }),
@@ -875,11 +941,11 @@ function Vr(e) {
 		/* @__PURE__ */ Z("path", { d: "m4 20 5-5" }),
 		/* @__PURE__ */ Z("path", { d: "M16 20h4v-4" }),
 		/* @__PURE__ */ Z("path", { d: "m20 20-5-5" })
-	] }) : e === "download" ? /* @__PURE__ */ Q(X, { children: [
+	] }) : e === "download" ? /* @__PURE__ */ Q(ot, { children: [
 		/* @__PURE__ */ Z("path", { d: "M12 4v10" }),
 		/* @__PURE__ */ Z("path", { d: "m8 10 4 4 4-4" }),
 		/* @__PURE__ */ Z("path", { d: "M5 19h14" })
-	] }) : e === "close" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M6 6l12 12" }), /* @__PURE__ */ Z("path", { d: "M18 6 6 18" })] }) : e === "zoomOut" ? /* @__PURE__ */ Q(X, { children: [
+	] }) : e === "close" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M6 6l12 12" }), /* @__PURE__ */ Z("path", { d: "M18 6 6 18" })] }) : e === "zoomOut" ? /* @__PURE__ */ Q(ot, { children: [
 		/* @__PURE__ */ Z("circle", {
 			cx: "10",
 			cy: "10",
@@ -887,7 +953,7 @@ function Vr(e) {
 		}),
 		/* @__PURE__ */ Z("path", { d: "M7.5 10h5" }),
 		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
-	] }) : e === "zoomIn" ? /* @__PURE__ */ Q(X, { children: [
+	] }) : e === "zoomIn" ? /* @__PURE__ */ Q(ot, { children: [
 		/* @__PURE__ */ Z("circle", {
 			cx: "10",
 			cy: "10",
@@ -896,9 +962,9 @@ function Vr(e) {
 		/* @__PURE__ */ Z("path", { d: "M7.5 10h5" }),
 		/* @__PURE__ */ Z("path", { d: "M10 7.5v5" }),
 		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
-	] }) : e === "reset" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
+	] }) : e === "reset" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
 }
-function Hr({ icon: e }) {
+function ji({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -909,63 +975,71 @@ function Hr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: Vr(e)
+			children: Ai(e)
 		})
 	});
 }
-function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
-	let a = K(null), o = K(null), s = K(null), c = K({
+function Mi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = J(null), o = J(null), s = J(null), c = J(null), l = J(null), u = J({
 		active: !1,
 		lastX: 0,
 		lastY: 0
-	}), [l, u] = q(null), [d, f] = q(null), [p, m] = q([]), [h, g] = q(null), [_, v] = q(!1), [y, b] = q(""), [x, S] = q(null), [C, w] = q(!1), [T, E] = q(null), [D, O] = q(null), [k, A] = q(!1), [j, M] = q(0), [N, P] = q(0), F = pt(t), ee = pn(t, l), I = !i && e && F.active && F.pos !== null ? {
-		...F,
-		pos: F.pos,
+	}), [d, f] = Y(null), [p, m] = Y(null), [h, g] = Y([]), [_, v] = Y(null), [y, b] = Y(!1), [x, S] = Y(""), [C, w] = Y(-1), [T, E] = Y(null), [D, O] = Y(!1), [k, A] = Y(null), [j, M] = Y(null), [ee, N] = Y(!1), [te, P] = Y(0), [ne, F] = Y(0), I = Ft(t), L = Bn(t, d), re = !i && e && I.active && I.pos !== null ? {
+		...I,
+		pos: I.pos,
 		active: !0
-	} : null, L = ee ?? I, te = L !== null, R = L?.language === "mermaid", z = _n(t, L), ne = te && L !== null && !z, re = !i, ie = sn(L ? L.language : "text"), ae = x?.status ?? "idle", B = L?.mermaidPreviewMode ?? n, V = R && B === "preview", oe = hn(t), se = `${N}|${oe.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ce = G(() => dn(y.trim().toLowerCase()), [y]);
-	if (U(() => {
-		i && (v(!1), b(""));
-	}, [i]), U(() => {
-		if (!x) return;
+	} : null, R = L ?? re, ie = R !== null, ae = R?.language === "mermaid", z = Gn(t, R), B = ie && R !== null && !z, oe = !i, se = Nn(R ? R.language : "text"), ce = T?.status ?? "idle", le = R?.mermaidPreviewMode ?? n, V = ae && le === "preview", ue = Un(t), H = `${ne}|${ue.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, U = q(() => Ln(x.trim().toLowerCase()), [x]);
+	if (G(() => {
+		i && (b(!1), S(""), w(-1));
+	}, [i]), G(() => {
+		if (!T) return;
 		let e = window.setTimeout(() => {
-			S(null);
-		}, en);
+			E(null);
+		}, En);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [x]), U(() => {
-		S(null), v(!1), b(""), E(null), O(null), A(!1);
+	}, [T]), G(() => {
+		E(null), b(!1), S(""), w(-1), A(null), M(null), N(!1);
 	}, [
 		e,
-		L?.language,
-		L?.pos,
-		L?.text
-	]), U(() => {
+		R?.language,
+		R?.pos,
+		R?.text
+	]), G(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(dt) && M((e) => e + 1);
+			e.getMeta(Nt) && P((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
 		};
-	}, [t]), U(() => {
+	}, [t]), G(() => {
 		let e = t.view.dom.closest(".markweave-editor-frame");
 		if (!e) return;
 		let n = (e) => {
-			if (e.target instanceof Node && a.current?.contains(e.target) || _) return;
-			let n = pn(t, fn(t, e.target)), r = n && !_n(t, n) ? n.pos : null;
-			u((e) => e === r ? e : r);
+			if (e.target instanceof Node && a.current?.contains(e.target) || y) return;
+			let n = Bn(t, zn(t, e.target)), r = n && !Gn(t, n) ? n.pos : null;
+			f((e) => e === r ? e : r);
 		}, r = () => {
-			_ || u(null);
+			y || f(null);
 		};
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, _]), U(() => {
-		_ && s.current?.focus({ preventScroll: !0 });
-	}, [_]), U(() => {
-		if (!T) return;
+	}, [t, y]), G(() => {
+		y && s.current?.focus({ preventScroll: !0 });
+	}, [y]), K(() => {
+		if (!y || C < 0) return;
+		let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
+		e && t && Xn(e, t);
+	}, [
+		C,
+		U,
+		y
+	]), G(() => {
+		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && (E(null), O(null), A(!1), c.current = {
+			e.key === "Escape" && (A(null), M(null), N(!1), u.current = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -974,33 +1048,33 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [t, T]), U(() => {
-		if (!te || !_) return;
+	}, [t, k]), G(() => {
+		if (!ie || !y) return;
 		let e = (e) => {
-			e.key === "Escape" && (v(!1), t.view.focus());
+			e.key === "Escape" && (b(!1), w(-1), t.view.focus());
 		}, n = (e) => {
-			e.target instanceof Node && a.current?.contains(e.target) || v(!1);
+			e.target instanceof Node && a.current?.contains(e.target) || (b(!1), w(-1));
 		};
 		return document.addEventListener("keydown", e), document.addEventListener("mousedown", n), () => {
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		te,
+		ie,
 		t,
-		_
-	]), W(() => {
+		y
+	]), K(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!mn(e) || oe.length === 0) {
-				m([]);
+			if (!Vn(e) || ue.length === 0) {
+				g([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = oe.flatMap((e) => {
-				let r = un(ln(t, e.pos, e.mermaidPreviewMode), n);
-				return r ? [an(e, r, n)] : [];
+			let n = e.getBoundingClientRect(), r = ue.flatMap((e) => {
+				let r = In(Fn(t, e.pos, e.mermaidPreviewMode), n);
+				return r ? [jn(e, r, n)] : [];
 			});
-			m((e) => vn(e, r, oe.map((e) => e.pos)));
+			g((e) => Kn(e, r, ue.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -1008,26 +1082,26 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		j,
+		te,
 		t,
-		se
-	]), W(() => {
-		if (!ne || !L) {
-			f(null), g(null);
+		H
+	]), K(() => {
+		if (!B || !R) {
+			m(null), v(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = ln(t, L.pos, B), r = e.getBoundingClientRect(), i = un(n, r);
+			let n = Fn(t, R.pos, le), r = e.getBoundingClientRect(), i = In(n, r);
 			if (!i) {
-				f((e) => e?.pos === L.pos ? e : null), g((e) => _ ? e : null);
+				m((e) => e?.pos === R.pos ? e : null), v((e) => y ? e : null);
 				return;
 			}
-			let s = nn(L.pos, i, r);
-			if (f(s), _ && o.current) {
+			let s = kn(R.pos, i, r);
+			if (m(s), y && o.current) {
 				let e = o.current.getBoundingClientRect();
-				g(Qt({
+				v(wn({
 					overlayRect: r,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -1039,93 +1113,115 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		ne,
-		j,
-		L?.pos,
+		B,
+		te,
+		R?.pos,
 		t,
-		_,
-		B
-	]), !ne && oe.length === 0 && !T) return null;
-	let le = d ? {
-		top: d.top,
-		right: d.right
-	} : void 0, ue = async () => {
+		y,
+		le
+	]), !B && ue.length === 0 && !k) return null;
+	let de = p ? {
+		top: p.top,
+		right: p.right
+	} : void 0, fe = async () => {
 		if (i) {
-			if (!L) return;
-			let e = await tn(L.text);
-			S(mt(L, e ? "copied" : "failed"));
+			if (!R) return;
+			let e = await Dn(R.text);
+			E(It(R, e ? "copied" : "failed"));
 			return;
 		}
-		if (!on(t, L)) return;
-		let e = await ft(t);
-		S(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
-	}, de = (e, n) => {
+		if (!Mn(t, R)) return;
+		let e = await Pt(t);
+		E(It(Ft(t), e ? "copied" : "failed")), t.view.focus();
+	}, pe = (e, n) => {
 		if (i) {
-			St(t, e.pos, n) && P((e) => e + 1);
+			Wt(t, e.pos, n) && F((e) => e + 1);
 			return;
 		}
-		let a = F.active && F.pos === e.pos;
-		vt(t, e.pos, n) && (r(n), P((e) => e + 1), a && t.view.focus());
-	}, fe = (e) => {
-		if (i || !L) return;
-		let n = F.active && F.pos === L.pos;
-		_t(t, L.pos, e) && (e === "mermaid" && vt(t, L.pos, "preview") && r("preview"), v(!1), b(""), P((e) => e + 1), n && t.view.focus());
-	}, pe = () => {
-		i || !L || gt(t, L.pos, !z) && (M((e) => e + 1), u(null));
-	}, me = () => {
-		if (!L) return;
-		let e = gn(t, L.pos);
-		if (!e) return;
-		let n = new Blob([e], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
-		i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), t.view.focus();
+		let a = I.active && I.pos === e.pos;
+		Bt(t, e.pos, n) && (r(n), F((e) => e + 1), a && t.view.focus());
+	}, me = (e) => {
+		if (i || !R) return;
+		let n = I.active && I.pos === R.pos;
+		zt(t, R.pos, e) && (e === "mermaid" && Bt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), F((e) => e + 1), n && t.view.focus());
 	}, he = () => {
-		if (!L) return;
-		let e = gn(t, L.pos);
-		e && (E(rn(e)), O(null), A(!1), c.current = {
+		let e = !y;
+		e && l.current === null && (l.current = On()), w(e ? Hn(U, R?.language ?? null) : -1), b(e);
+	}, ge = (e) => {
+		let t = Ln(e);
+		S(e), w(Hn(t, e.trim() ? null : R?.language ?? null));
+	}, _e = (e) => {
+		if (!e.nativeEvent.isComposing) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), w((t) => Jn(t, U.length, e.key === "ArrowUp" ? "previous" : "next"));
+				return;
+			}
+			if (e.key === "Enter") {
+				let t = U[C];
+				t && (e.preventDefault(), me(t.language));
+				return;
+			}
+			e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
+		}
+	}, ve = U[C], ye = l.current && ve ? Rn(l.current, ve.language) : void 0, be = () => {
+		i || !R || Rt(t, R.pos, !z) && (P((e) => e + 1), f(null));
+	}, xe = () => {
+		if (!R) return;
+		let e = Wn(t, R.pos);
+		e && Cn({
+			data: new Blob([e], { type: "image/svg+xml" }),
+			fileName: "markweave-mermaid.svg",
+			onSettled: () => t.view.focus(),
+			ownerDocument: document
+		});
+	}, Se = () => {
+		if (!R) return;
+		let e = Wn(t, R.pos);
+		e && (A(An(e)), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, ge = () => {
-		E(null), O(null), A(!1), c.current = {
+	}, Ce = () => {
+		A(null), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, _e = (e) => {
-		E((t) => t && {
+	}, we = (e) => {
+		A((t) => t && {
 			...t,
-			scale: $t(t.scale + e)
+			scale: Tn(t.scale + e)
 		});
-	}, H = () => {
-		E((e) => e && rn(e.svg)), c.current = {
+	}, Te = () => {
+		A((e) => e && An(e.svg)), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, A(!1);
-	}, ve = (e) => {
-		e.preventDefault(), _e(e.deltaY < 0 ? yn : -yn);
-	}, ye = (e) => {
-		e.button === 0 && (e.preventDefault(), c.current = {
+		}, N(!1);
+	}, Ee = (e) => {
+		e.preventDefault(), we(e.deltaY < 0 ? qn : -qn);
+	}, De = (e) => {
+		e.button === 0 && (e.preventDefault(), u.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, A(!0));
-	}, be = (e) => {
-		let t = c.current;
+		}, N(!0));
+	}, Oe = (e) => {
+		let t = u.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
-		c.current = {
+		u.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, E((e) => bn(e, n, r));
-	}, xe = () => {
-		c.current = {
+		}, A((e) => Yn(e, n, r));
+	}, ke = () => {
+		u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, A(!1);
+		}, N(!1);
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: a,
@@ -1133,8 +1229,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		"data-testid": "markweave-codeblock-overlay",
 		"data-read-only": i ? "true" : "false",
 		children: [
-			oe.map((e) => {
-				let t = p.find((t) => t.pos === e.pos);
+			ue.map((e) => {
+				let t = h.find((t) => t.pos === e.pos);
 				return /* @__PURE__ */ Z("div", {
 					className: "markweave-mermaid-tabs",
 					"data-testid": "markweave-mermaid-tabs",
@@ -1149,38 +1245,38 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => de(e, t),
+						onClick: () => pe(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			ne ? /* @__PURE__ */ Q("div", {
+			B ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
-				"data-positioned": d ? "true" : "false",
+				"data-positioned": p ? "true" : "false",
 				"data-collapsed": z ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
-				style: le,
+				style: de,
 				children: [
 					i ? /* @__PURE__ */ Z("span", {
 						className: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language",
-						children: /* @__PURE__ */ Z("span", { children: ie })
+						children: /* @__PURE__ */ Z("span", { children: se })
 					}) : /* @__PURE__ */ Q("button", {
 						ref: o,
 						type: "button",
 						className: "markweave-codeblock-language-button",
 						"aria-label": "Code block language",
-						"aria-expanded": _,
+						"aria-expanded": y,
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => v((e) => !e),
-						children: [/* @__PURE__ */ Z("span", { children: ie }), /* @__PURE__ */ Z(Hr, { icon: "chevron" })]
+						onClick: he,
+						children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(ji, { icon: "chevron" })]
 					}),
-					re ? /* @__PURE__ */ Z("button", {
+					oe ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
 						"aria-label": z ? "Expand code block" : "Collapse code block",
@@ -1188,8 +1284,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": "markweave-codeblock-collapse",
 						"data-collapsed": z ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: pe,
-						children: /* @__PURE__ */ Z(Hr, { icon: "chevron" })
+						onClick: be,
+						children: /* @__PURE__ */ Z(ji, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1198,22 +1294,22 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Copy to clipboard",
 							"data-testid": "markweave-codeblock-copy",
-							"data-copy-state": ae,
+							"data-copy-state": ce,
 							onMouseDown: (e) => e.preventDefault(),
-							onMouseEnter: () => w(!0),
-							onMouseLeave: () => w(!1),
-							onFocus: () => w(!0),
-							onBlur: () => w(!1),
-							onClick: ue,
-							children: /* @__PURE__ */ Z(Hr, { icon: ae === "copied" ? "check" : "clipboard" })
-						}), C ? /* @__PURE__ */ Z("span", {
+							onMouseEnter: () => O(!0),
+							onMouseLeave: () => O(!1),
+							onFocus: () => O(!0),
+							onBlur: () => O(!1),
+							onClick: fe,
+							children: /* @__PURE__ */ Z(ji, { icon: ce === "copied" ? "check" : "clipboard" })
+						}), D ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-codeblock-copy-tooltip",
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					R && B === "preview" ? /* @__PURE__ */ Q("div", {
+					ae && le === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -1223,8 +1319,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": "markweave-mermaid-fullscreen",
 							disabled: !V,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: he,
-							children: /* @__PURE__ */ Z(Hr, { icon: "expand" })
+							onClick: Se,
+							children: /* @__PURE__ */ Z(ji, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
@@ -1232,52 +1328,62 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": "markweave-mermaid-download",
 							disabled: !V,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: me,
-							children: /* @__PURE__ */ Z(Hr, { icon: "download" })
+							onClick: xe,
+							children: /* @__PURE__ */ Z(ji, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			re && ne && _ ? /* @__PURE__ */ Q("div", {
+			oe && B && y ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
-				role: "listbox",
-				"aria-label": "Code block languages",
 				"data-testid": "markweave-codeblock-language-menu",
-				"data-positioned": h ? "true" : "false",
-				style: h ? {
-					left: h.left,
-					top: h.top
+				"data-positioned": _ ? "true" : "false",
+				style: _ ? {
+					left: _.left,
+					top: _.top
 				} : void 0,
 				children: [/* @__PURE__ */ Q("label", {
 					className: "markweave-codeblock-language-search",
 					children: [/* @__PURE__ */ Z("input", {
 						ref: s,
-						value: y,
+						role: "combobox",
+						"aria-autocomplete": "list",
+						"aria-controls": l.current ?? void 0,
+						"aria-expanded": "true",
+						"aria-activedescendant": ye,
+						"aria-label": "Search code block languages",
+						value: x,
 						placeholder: "Search...",
 						"data-testid": "markweave-codeblock-language-search",
-						onChange: (e) => b(e.target.value),
-						onKeyDown: (e) => {
-							e.key === "Escape" && (e.preventDefault(), v(!1), t.view.focus());
-						}
-					}), /* @__PURE__ */ Z(Hr, { icon: "search" })]
+						onChange: (e) => ge(e.target.value),
+						onKeyDown: _e
+					}), /* @__PURE__ */ Z(ji, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
+					ref: c,
+					id: l.current ?? void 0,
 					className: "markweave-codeblock-language-list",
-					children: ce.map((e) => {
-						let t = e.language === L.language;
+					role: "listbox",
+					"aria-label": "Code block languages",
+					children: U.map((e, t) => {
+						let n = e.language === R.language, r = t === C;
 						return /* @__PURE__ */ Q("button", {
+							id: l.current ? Rn(l.current, e.language) : void 0,
 							type: "button",
 							role: "option",
-							"aria-selected": t,
+							"aria-selected": n,
 							"data-testid": `markweave-codeblock-language-option-${e.language}`,
-							"data-active": t ? "true" : "false",
+							"data-active": n ? "true" : "false",
+							"data-highlighted": r ? "true" : "false",
+							"data-language-index": t,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => fe(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(Hr, { icon: "check" }) : null]
+							onMouseEnter: () => w(t),
+							onClick: () => me(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(ji, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
 			}) : null,
-			T ? /* @__PURE__ */ Q("div", {
+			k ? /* @__PURE__ */ Q("div", {
 				className: "markweave-mermaid-fullscreen-layer",
 				role: "dialog",
 				"aria-modal": "true",
@@ -1293,47 +1399,47 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Zoom out",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-out",
-								onMouseEnter: () => O("zoom-out"),
-								onMouseLeave: () => O(null),
-								onFocus: () => O("zoom-out"),
-								onBlur: () => O(null),
-								onClick: () => _e(-yn),
-								children: /* @__PURE__ */ Z(Hr, { icon: "zoomOut" })
+								onMouseEnter: () => M("zoom-out"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("zoom-out"),
+								onBlur: () => M(null),
+								onClick: () => we(-qn),
+								children: /* @__PURE__ */ Z(ji, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-label",
-								children: cn(T.scale)
+								children: Pn(k.scale)
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Zoom in",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-in",
-								onMouseEnter: () => O("zoom-in"),
-								onMouseLeave: () => O(null),
-								onFocus: () => O("zoom-in"),
-								onBlur: () => O(null),
-								onClick: () => _e(yn),
-								children: /* @__PURE__ */ Z(Hr, { icon: "zoomIn" })
+								onMouseEnter: () => M("zoom-in"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("zoom-in"),
+								onBlur: () => M(null),
+								onClick: () => we(qn),
+								children: /* @__PURE__ */ Z(ji, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Reset zoom",
 								"data-testid": "markweave-mermaid-fullscreen-reset",
-								onMouseEnter: () => O("reset"),
-								onMouseLeave: () => O(null),
-								onFocus: () => O("reset"),
-								onBlur: () => O(null),
-								onClick: H,
-								children: /* @__PURE__ */ Z(Hr, { icon: "reset" })
+								onMouseEnter: () => M("reset"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("reset"),
+								onBlur: () => M(null),
+								onClick: Te,
+								children: /* @__PURE__ */ Z(ji, { icon: "reset" })
 							}),
-							D ? /* @__PURE__ */ Z("span", {
+							j ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
 								role: "tooltip",
 								"data-testid": "markweave-mermaid-fullscreen-tooltip",
-								children: D === "zoom-out" ? "Zoom out" : D === "zoom-in" ? "Zoom in" : "Reset"
+								children: j === "zoom-out" ? "Zoom out" : j === "zoom-in" ? "Zoom in" : "Reset"
 							}) : null
 						]
 					}),
@@ -1342,29 +1448,29 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						className: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: ge,
-						children: /* @__PURE__ */ Z(Hr, { icon: "close" })
+						onClick: Ce,
+						children: /* @__PURE__ */ Z(ji, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
-						"data-dragging": k ? "true" : "false",
-						onWheel: ve,
-						onMouseDown: ye,
-						onMouseMove: be,
-						onMouseUp: xe,
-						onMouseLeave: xe,
+						"data-dragging": ee ? "true" : "false",
+						onWheel: Ee,
+						onMouseDown: De,
+						onMouseMove: Oe,
+						onMouseUp: ke,
+						onMouseLeave: ke,
 						children: /* @__PURE__ */ Z("div", {
 							className: "markweave-mermaid-fullscreen-content",
 							"data-testid": "markweave-mermaid-fullscreen-content",
-							"data-scale-percent": Math.round(T.scale * 100),
-							"data-translate": `${Math.round(T.translateX)},${Math.round(T.translateY)}`,
+							"data-scale-percent": Math.round(k.scale * 100),
+							"data-translate": `${Math.round(k.translateX)},${Math.round(k.translateY)}`,
 							style: {
-								width: `${T.width}px`,
-								height: `${T.height}px`,
-								transform: `translate(${T.translateX}px, ${T.translateY}px) scale(${T.scale})`
+								width: `${k.width}px`,
+								height: `${k.height}px`,
+								transform: `translate(${k.translateX}px, ${k.translateY}px) scale(${k.scale})`
 							},
-							dangerouslySetInnerHTML: { __html: T.svg }
+							dangerouslySetInnerHTML: { __html: k.svg }
 						})
 					})
 				]
@@ -1374,25 +1480,25 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var Wr = n("zh");
-function Gr() {
+var Ni = n("zh");
+function Pi() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Kr(e, t) {
+function Fi(e, t) {
 	return {
 		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
 		"--markweave-toolbar-motion-easing": e.motionEasing,
 		marginLeft: t === 0 ? void 0 : `${t}px`
 	};
 }
-function qr(e, t) {
+function Ii(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function Jr(e) {
+function Li(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Yr(e, t, n, r) {
+function Ri(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1408,26 +1514,26 @@ function Yr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Xr(e) {
+function zi(e) {
 	return e.width > 0 && e.height > 0;
 }
-function Zr(e) {
+function Bi(e) {
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.right)), i = Math.max(...e.map((e) => e.bottom));
-	return Yr(t, n, r - t, i - n);
+	return Ri(t, n, r - t, i - n);
 }
-function Qr(e, t) {
+function Vi(e, t) {
 	let n = e.view.dom.ownerDocument.defaultView?.Node.ELEMENT_NODE ?? 1, r = (t) => t ? e.view.dom.contains(t.nodeType === n ? t : t.parentNode) : !1;
 	return r(t.anchorNode) && r(t.focusNode);
 }
-function $r(e) {
+function Hi(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(Xr).map((e) => Yr(e.left, e.top, e.width, e.height));
+	let t = Array.from(e.getClientRects()).filter(zi).map((e) => Ri(e.left, e.top, e.width, e.height));
 	if (t.length > 0) return t;
 	if (typeof e.getBoundingClientRect != "function") return null;
 	let n = e.getBoundingClientRect();
-	return Xr(n) ? [Yr(n.left, n.top, n.width, n.height)] : null;
+	return zi(n) ? [Ri(n.left, n.top, n.width, n.height)] : null;
 }
-function ei(e, t) {
+function Ui(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1440,8 +1546,8 @@ function ei(e, t) {
 		return null;
 	}
 }
-function ti(e, t) {
-	let n = ei(e, t);
+function Wi(e, t) {
+	let n = Ui(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1449,51 +1555,51 @@ function ti(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function ni(e) {
+function Gi(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !Qr(e, t) || !ti(e, t) ? null : $r(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !Vi(e, t) || !Wi(e, t) ? null : Hi(t.getRangeAt(0));
 }
-function ri(e) {
+function Ki(e) {
 	let { selection: t } = e.state;
 	if (t.empty) return null;
 	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to);
 	try {
 		let t = e.view.domAtPos(n), i = e.view.domAtPos(r), a = e.view.dom.ownerDocument.createRange();
-		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), $r(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Hi(a);
 	} catch {
 		return null;
 	}
 }
-function ii(e) {
+function qi(e) {
 	let { selection: t } = e.state;
 	if (t.empty) return null;
-	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Yr(c, o, Math.max(i.right, a.right) - c, s - o);
-	return Xr(l) ? [l] : null;
+	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Ri(c, o, Math.max(i.right, a.right) - c, s - o);
+	return zi(l) ? [l] : null;
 }
-function ai(e) {
-	return ni(e) ?? ri(e) ?? ii(e);
+function Ji(e) {
+	return Gi(e) ?? Ki(e) ?? qi(e);
 }
-function oi(e) {
-	let t = ai(e);
-	return t && t.length > 0 ? Zr(t) : null;
+function Yi(e) {
+	let t = Ji(e);
+	return t && t.length > 0 ? Bi(t) : null;
 }
-function si(e) {
+function Xi(e) {
 	return {
-		getBoundingClientRect: () => oi(e) ?? Yr(0, 0, 0, 0),
-		getClientRects: () => ai(e) ?? []
+		getBoundingClientRect: () => Yi(e) ?? Ri(0, 0, 0, 0),
+		getClientRects: () => Ji(e) ?? []
 	};
 }
-function ci(e) {
+function Zi(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function li(e, t, n) {
-	n?.(wn(e, t)), e.commands.focus();
+function Qi(e, t, n) {
+	n?.($n(e, t)), e.commands.focus();
 }
-function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = G(() => kn(t), [t]), a = st(n, { editable: e.isEditable }), [o, s] = q(a), [c, l] = q(null), [u, d] = q(null), [f, p] = q(null), [m, h] = q(""), [g, _] = q(""), [v, y] = q(null), [b, x] = q(0), [S, C] = q(a.boundaryPadding), [w, T] = q("bottom"), E = K(0), D = K(null), O = K(null), k = K(null), A = K(null), j = Tn(e, o.variant, t), M = jn(j.find((e) => e.id === c) ?? null), N = Hn(m), P = H(() => {
+function $i({ editor: e, messages: t = Ni, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = q(() => ir(t), [t]), a = kt(n, { editable: e.isEditable }), [o, s] = Y(a), [c, l] = Y(null), [u, d] = Y(null), [f, p] = Y(null), [m, h] = Y(""), [g, _] = Y(""), [v, y] = Y(null), [b, x] = Y(0), [S, C] = Y(a.boundaryPadding), [w, T] = Y("bottom"), E = J(0), D = J(null), O = J(null), k = J(null), A = J(null), j = er(e, o.variant, t), M = or(j.find((e) => e.id === c) ?? null), ee = _r(m), N = W(() => {
 		let t = D.current, n = e.view.dom.closest(".markweave-editor-frame");
 		if (!t || !(n instanceof HTMLElement)) return;
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = qr(t, O.current), s = E.current, c = nt({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Ii(t, O.current), s = E.current, c = wt({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1507,7 +1613,7 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 				height: i.height
 			},
 			boundaryPadding: o.boundaryPadding
-		}), l = it({
+		}), l = Et({
 			frameRect: {
 				left: i.left,
 				top: i.top,
@@ -1526,16 +1632,16 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), F = H(() => {
+	]), te = W(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), ee = H(() => {
-		P();
-	}, [P]), I = H(() => si(e), [e]), L = H((e) => {
+	}, []), P = W(() => {
+		N();
+	}, [N]), ne = W(() => Xi(e), [e]), F = W((e) => {
 		k.current = e;
-	}, []), te = H(() => {
+	}, []), I = W(() => {
 		let t = D.current, n = k.current, r = e.view.dom.closest(".markweave-editor-frame");
 		if (!f || !t || !n) return;
-		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = rt({
+		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = Tt({
 			toolbarRect: i,
 			popoverSize: a,
 			viewport: {
@@ -1551,19 +1657,19 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		f,
 		o.boundaryPadding
-	]), R = G(() => ({
-		...ot(o, { topBoundaryPadding: S }),
-		onShow: F,
-		onUpdate: ee
+	]), L = q(() => ({
+		...Ot(o, { topBoundaryPadding: S }),
+		onShow: te,
+		onUpdate: P
 	}), [
-		F,
-		ee,
+		te,
+		P,
 		o,
 		S
 	]);
-	U(() => {
-		let e = Gr();
-		s((t) => ut(t, a, e));
+	G(() => {
+		let e = Pi();
+		s((t) => Mt(t, a, e));
 	}, [
 		a.hiddenReason,
 		a.motionDurationMs,
@@ -1575,10 +1681,10 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		a.updateDelayMs,
 		a.variant,
 		a.visibility
-	]), U(() => {
+	]), G(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Gr()), t = window.setTimeout(() => {
-			s((e) => et(e, Gr()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Pi()), t = window.setTimeout(() => {
+			s((e) => St(e, Pi()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1587,17 +1693,17 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), W(() => {
+	]), K(() => {
 		if (o.visibility !== "visible") {
 			E.current = 0, D.current && (D.current.style.marginLeft = "", D.current.style.visibility = "hidden", D.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
 			return;
 		}
-		let e = Sn(P);
+		let e = mt(N);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
 	}, [
-		P,
+		N,
 		e.view.dom,
 		f,
 		n?.from,
@@ -1605,20 +1711,20 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), W(() => {
+	]), K(() => {
 		if (!f) return;
-		let e = Sn(te);
+		let e = mt(I);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
-	}, [f, te]), U(() => {
+	}, [f, I]), G(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
 		f,
 		c,
 		j
-	]), U(() => {
+	]), G(() => {
 		if (!f) return;
 		let t = (e) => {
 			O.current?.contains(e.target) || p(null);
@@ -1628,18 +1734,18 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
 			document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
 		};
-	}, [e, f]), U(() => {
+	}, [e, f]), G(() => {
 		if (f !== "link") return;
 		let e = window.requestAnimationFrame(() => {
 			A.current?.focus(), A.current?.select();
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
-	let z = (t) => {
-		if (ci(t.id)) {
+	let re = (t) => {
+		if (Zi(t.id)) {
 			let n = t.id;
 			if (n === "link") {
-				let t = Dn(e);
+				let t = nr(e);
 				h(t), _(t), y({
 					from: Math.min(e.state.selection.from, e.state.selection.to),
 					to: Math.max(e.state.selection.from, e.state.selection.to)
@@ -1649,19 +1755,19 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			li(e, "rewrite-selection", r);
+			Qi(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
-	}, ne = () => {
+	}, R = () => {
 		p(null), e.commands.focus();
-	}, re = () => {
-		v && e.commands.setTextSelection(v);
 	}, ie = () => {
-		re(), Cn(e, m) && ne();
+		v && e.commands.setTextSelection(v);
 	}, ae = () => {
-		if (re(), Ln(e)) {
-			h(""), _(""), ne();
+		ie(), Qn(e, m) && R();
+	}, z = () => {
+		if (ie(), fr(e)) {
+			h(""), _(""), R();
 			return;
 		}
 		m.trim() && h("");
@@ -1673,64 +1779,64 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		let n = t.getBoundingClientRect(), r = O.current.getBoundingClientRect();
 		d(n.left + n.width / 2 - r.left);
 	};
-	return /* @__PURE__ */ Z(xn, {
+	return /* @__PURE__ */ Z(Zn, {
 		ref: D,
 		editor: e,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
 		"data-motion": o.motionPhase,
-		"data-position-strategy": R.strategy,
+		"data-position-strategy": L.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Kr(o, b),
+		style: Fi(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: I,
-		options: R,
-		shouldShow: ({ editor: e }) => e.isEditable && lt(at(e)),
+		getReferencedVirtualElement: ne,
+		options: L,
+		shouldShow: ({ editor: e }) => e.isEditable && jt(Dt(e)),
 		children: /* @__PURE__ */ Q("div", {
 			ref: O,
 			className: "markweave-floating-toolbar-content",
 			"data-menu": f ?? "none",
 			children: [
-				j.map((e, t) => /* @__PURE__ */ Z(fi, {
+				j.map((e, t) => /* @__PURE__ */ Z(ta, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && j[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
-					onPointerDown: In,
+					onPointerDown: dr,
 					onTooltipChange: B,
-					onRun: z
+					onRun: re
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(mi, {
+				f === "block-type" ? /* @__PURE__ */ Z(ra, {
 					editor: e,
 					messages: t,
-					onPopoverRef: L,
+					onPopoverRef: F,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(di, {
+				f === "link" ? /* @__PURE__ */ Z(ea, {
 					inputRef: A,
 					messages: t,
 					value: m,
-					canApply: !!N,
-					canOpen: !!N,
+					canApply: !!ee,
+					canOpen: !!ee,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: ie,
-					onOpen: () => Fn(m),
-					onRemove: ae,
-					onPopoverRef: L
+					onApply: ae,
+					onOpen: () => ur(m),
+					onRemove: z,
+					onPopoverRef: F
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(gi, {
+				f === "color" ? /* @__PURE__ */ Z(aa, {
 					editor: e,
 					messages: t,
-					onPopoverRef: L,
+					onPopoverRef: F,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(vi, {
+				f === "more" ? /* @__PURE__ */ Z(sa, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
-					onPopoverRef: L,
+					onPopoverRef: F,
 					onTooltipChange: l,
 					onClose: () => p(null)
 				}) : null,
@@ -1740,15 +1846,15 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": M.buttonId,
 					"data-active": M.active,
-					style: Jr(u),
+					style: Li(u),
 					children: M.label
 				}) : null
 			]
 		})
 	});
 }
-function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
-	let d = On(t);
+function ea({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
+	let d = rr(t);
 	return /* @__PURE__ */ Q("form", {
 		ref: u,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
@@ -1771,7 +1877,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": d.applyLink,
 					"data-testid": "markweave-floating-toolbar-link-apply",
 					disabled: !r,
-					onMouseDown: In,
+					onMouseDown: dr,
 					children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
 				}),
 				/* @__PURE__ */ Z("span", {
@@ -1783,7 +1889,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": d.openLink,
 					"data-testid": "markweave-floating-toolbar-link-open",
 					disabled: !i,
-					onMouseDown: In,
+					onMouseDown: dr,
 					onClick: c,
 					children: /* @__PURE__ */ Z($, { name: "external-link" })
 				}),
@@ -1792,7 +1898,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": d.removeLink,
 					"data-testid": "markweave-floating-toolbar-link-remove",
 					disabled: !a,
-					onMouseDown: In,
+					onMouseDown: dr,
 					onClick: l,
 					children: /* @__PURE__ */ Z($, { name: "trash" })
 				})
@@ -1800,15 +1906,15 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function fi({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
-	return /* @__PURE__ */ Q(X, { children: [n ? /* @__PURE__ */ Z("span", {
+function ta({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+	return /* @__PURE__ */ Q(ot, { children: [n ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
 	}) : null, /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${e.id}`,
 		"aria-label": e.label,
-		"aria-expanded": ci(e.id) ? t : void 0,
+		"aria-expanded": Zi(e.id) ? t : void 0,
 		"data-active": e.active || t,
 		"data-tooltip-active": r ? "true" : "false",
 		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
@@ -1818,13 +1924,13 @@ function fi({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
 		onMouseEnter: (t) => a(e.id, t.currentTarget),
 		onMouseLeave: () => a(null),
 		onClick: () => o(e),
-		children: /* @__PURE__ */ Z(pi, {
+		children: /* @__PURE__ */ Z(na, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function pi({ button: e, expanded: t }) {
+function na({ button: e, expanded: t }) {
 	return e.id === "improve" ? /* @__PURE__ */ Q("span", {
 		className: "markweave-floating-toolbar-button-inner",
 		children: [/* @__PURE__ */ Z($, { name: "sparkles" }), /* @__PURE__ */ Z("span", { children: e.glyph })]
@@ -1842,8 +1948,8 @@ function pi({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
-	let i = On(t), a = Mn(t);
+function ra({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+	let i = rr(t), a = sr(t);
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
@@ -1853,48 +1959,48 @@ function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			children: i.turnIntoTitle
 		}), a.map((t) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			"data-active": Pn(e, t.id),
+			"data-active": lr(e, t.id),
 			"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
-			onMouseDown: In,
+			onMouseDown: dr,
 			onClick: () => {
-				Vn(e, t.id), r();
+				gr(e, t.id), r();
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(hi, { option: t })
+				children: /* @__PURE__ */ Z(ia, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function hi({ option: e }) {
+function ia({ option: e }) {
 	return e.id === "paragraph" ? /* @__PURE__ */ Z($, { name: "text" }) : e.glyph === "bullet-list" || e.glyph === "numbered-list" || e.glyph === "todo-list" || e.glyph === "quote" || e.glyph === "code-block" ? /* @__PURE__ */ Z($, { name: e.glyph }) : /* @__PURE__ */ Z("span", { children: e.glyph });
 }
-function gi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
-	let i = On(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
+function aa({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+	let i = rr(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 		"data-testid": "markweave-floating-toolbar-color-menu",
-		children: [/* @__PURE__ */ Z(_i, {
+		children: [/* @__PURE__ */ Z(oa, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
-			options: An(t),
+			options: ar(t),
 			onSelect: (t) => {
-				Bn(e, t), r();
+				hr(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(_i, {
+		}), /* @__PURE__ */ Z(oa, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
-			options: En(t),
+			options: tr(t),
 			onSelect: (t) => {
-				zn(e, t), r();
+				mr(e, t), r();
 			}
 		})]
 	});
 }
-function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function oa({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -1908,7 +2014,7 @@ function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 				"aria-label": e.label,
 				"data-active": e.value === n || e.value === null && !n,
 				"data-testid": `markweave-floating-toolbar-${t}-${e.id}`,
-				onMouseDown: In,
+				onMouseDown: dr,
 				onClick: () => i(e.value),
 				children: t === "text" ? /* @__PURE__ */ Z("span", {
 					className: "markweave-floating-toolbar-text-swatch",
@@ -1923,26 +2029,26 @@ function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function vi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
-	let o = kn(t);
+function sa({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
+	let o = ir(t);
 	return /* @__PURE__ */ Z("div", {
 		ref: r,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 		"data-testid": "markweave-floating-toolbar-more-menu",
-		children: o.map((t, r) => /* @__PURE__ */ Z(yi, {
+		children: o.map((t, r) => /* @__PURE__ */ Z(ca, {
 			action: t,
-			active: Nn(e, t.id),
+			active: cr(e, t.id),
 			tooltipActive: n === t.id,
 			showDivider: r > 0 && o[r - 1].group !== t.group,
 			onTooltipChange: i,
 			onRun: () => {
-				Rn(e, t.id), a();
+				pr(e, t.id), a();
 			}
 		}, t.id))
 	});
 }
-function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
-	return /* @__PURE__ */ Q(X, { children: [r ? /* @__PURE__ */ Z("span", {
+function ca({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+	return /* @__PURE__ */ Q(ot, { children: [r ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
 	}) : null, /* @__PURE__ */ Q("span", {
@@ -1953,11 +2059,11 @@ function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 			"data-active": t,
 			"data-tooltip-active": n ? "true" : "false",
 			"data-testid": `markweave-floating-toolbar-more-${e.id}`,
-			onMouseDown: In,
+			onMouseDown: dr,
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(bi, { id: e.id })
+			children: /* @__PURE__ */ Z(la, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -1965,41 +2071,41 @@ function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function bi({ id: e }) {
+function la({ id: e }) {
 	return e === "superscript" ? /* @__PURE__ */ Z($, { name: "superscript" }) : e === "subscript" ? /* @__PURE__ */ Z($, { name: "subscript" }) : e === "inline-math" ? /* @__PURE__ */ Z($, { name: "math" }) : Z($, { name: e });
 }
-var xi = {
-	sparkles: se,
-	"chevron-down": v,
-	"chevron-up": y,
-	"corner-down-left": C,
-	"external-link": T,
-	bold: p,
-	italic: F,
-	underline: he,
-	strike: ce,
-	"inline-code": x,
-	link: I,
-	more: ne,
-	text: me,
-	"bullet-list": L,
-	"numbered-list": R,
-	"todo-list": te,
-	quote: ae,
-	"code-block": m,
-	superscript: ue,
-	subscript: le,
-	math: V,
+var ua = {
+	sparkles: xe,
+	"chevron-down": j,
+	"chevron-up": ee,
+	"corner-down-left": ne,
+	"external-link": I,
+	bold: E,
+	italic: ce,
+	underline: Me,
+	strike: Ce,
+	"inline-code": te,
+	link: V,
+	more: fe,
+	text: je,
+	"bullet-list": ue,
+	"numbered-list": U,
+	"todo-list": H,
+	quote: _e,
+	"code-block": D,
+	superscript: Te,
+	subscript: we,
+	math: ye,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
-	"decrease-indent": M,
-	"increase-indent": N,
-	trash: pe
+	"decrease-indent": B,
+	"increase-indent": oe,
+	trash: Ae
 };
 function $({ name: e }) {
-	let t = xi[e];
+	let t = ua[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2009,24 +2115,24 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function Si({ editor: e, messages: t, onClose: n, target: r }) {
-	let i = K(null), a = K(null), [o, s] = q(r.latex), [c, l] = q(null), u = t.math, d = G(() => Dt(e, r) ?? 1, [e, r]), f = G(() => Ot(e, r), [e, r]), p = G(() => o === r.latex && f ? {
+function da({ editor: e, messages: t, onClose: n, target: r }) {
+	let i = J(null), a = J(null), [o, s] = Y(r.latex), [c, l] = Y(null), u = t.math, d = q(() => Yt(e, r) ?? 1, [e, r]), f = q(() => Xt(e, r), [e, r]), p = q(() => o === r.latex && f ? {
 		html: f,
 		error: !1
-	} : Mt(o, r.kind, e), [
+	} : en(o, r.kind, e), [
 		e,
 		f,
 		r.kind,
 		r.latex,
 		o
-	]), m = o.trim().length > 0, h = H(() => {
+	]), m = o.trim().length > 0, h = W(() => {
 		if (typeof window > "u") return;
-		let t = Et(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+		let t = Jt(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
 			n();
 			return;
 		}
-		l(Tt({
+		l(qt({
 			anchorRect: t,
 			frameRect: i,
 			kind: r.kind,
@@ -2040,58 +2146,58 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		r,
 		o
 	]);
-	U(() => {
+	G(() => {
 		s(r.latex);
-	}, [r.latex, r.pos]), U(() => {
-		Nt(e, r, !0), h();
+	}, [r.latex, r.pos]), G(() => {
+		tn(e, r, !0), h();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), h();
 		});
 		return window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
-			window.cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), Nt(e, r, !1);
+			window.cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), tn(e, r, !1);
 		};
 	}, [
 		e,
 		n,
 		r,
 		h
-	]), U(() => {
+	]), G(() => {
 		let e = (e) => {
 			let t = e.target;
 			t instanceof Node && (i.current?.contains(t) || t instanceof Element && t.closest(".tiptap-mathematics-render") || n());
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [n]);
-	let _ = H(() => {
-		m && wt(e, r, o) && n();
+	let g = W(() => {
+		m && Kt(e, r, o) && n();
 	}, [
 		m,
 		e,
 		n,
 		r,
 		o
-	]), v = (t) => {
+	]), _ = (t) => {
 		if (t.key === "Escape") {
 			t.preventDefault(), n(), e.commands.focus();
 			return;
 		}
-		t.key === "Enter" && (r.kind === "inline" || t.metaKey || t.ctrlKey) && (t.preventDefault(), _());
-	}, y = c ? {
+		t.key === "Enter" && (r.kind === "inline" || t.metaKey || t.ctrlKey) && (t.preventDefault(), g());
+	}, v = c ? {
 		left: c.left,
 		top: c.top,
 		width: c.width
-	} : void 0, b = r.kind === "block" ? u.blockTitle : u.inlineTitle;
+	} : void 0, y = r.kind === "block" ? u.blockTitle : u.inlineTitle;
 	return r.kind === "inline" ? /* @__PURE__ */ Q("form", {
 		ref: i,
-		"aria-label": b,
+		"aria-label": y,
 		className: "markweave-math-editor-popover markweave-math-editor-popover--inline",
 		"data-kind": "inline",
 		"data-placement": c?.placement ?? "bottom",
 		"data-testid": "markweave-math-editor-popover",
 		onSubmit: (e) => {
-			e.preventDefault(), _();
+			e.preventDefault(), g();
 		},
-		style: y,
+		style: v,
 		children: [/* @__PURE__ */ Q("label", {
 			className: "markweave-math-inline-source",
 			"data-testid": "markweave-math-inline-source",
@@ -2105,7 +2211,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 					"aria-label": u.latexLabel,
 					"data-testid": "markweave-math-editor-input",
 					onChange: (e) => s(e.currentTarget.value),
-					onKeyDown: v,
+					onKeyDown: _,
 					placeholder: u.latexPlaceholder,
 					size: Math.max(o.length, 1),
 					spellCheck: !1,
@@ -2124,21 +2230,21 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		})]
 	}) : /* @__PURE__ */ Q("form", {
 		ref: i,
-		"aria-label": b,
+		"aria-label": y,
 		className: "markweave-math-editor-popover markweave-math-editor-popover--block",
 		"data-kind": r.kind,
 		"data-placement": c?.placement ?? "bottom",
 		"data-testid": "markweave-math-editor-popover",
 		onSubmit: (e) => {
-			e.preventDefault(), _();
+			e.preventDefault(), g();
 		},
-		style: y,
+		style: v,
 		children: [
 			/* @__PURE__ */ Q("div", {
 				className: "markweave-math-block-toolbar",
 				children: [
 					/* @__PURE__ */ Z("span", { children: u.label }),
-					/* @__PURE__ */ Z(x, {
+					/* @__PURE__ */ Z(te, {
 						"aria-hidden": "true",
 						size: 15,
 						strokeWidth: 1.75
@@ -2149,7 +2255,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 						disabled: !m,
 						title: u.apply,
 						type: "submit",
-						children: /* @__PURE__ */ Z(g, {
+						children: /* @__PURE__ */ Z(k, {
 							"aria-hidden": "true",
 							size: 16,
 							strokeWidth: 2
@@ -2170,7 +2276,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 						"aria-label": u.latexLabel,
 						"data-testid": "markweave-math-editor-input",
 						onChange: (e) => s(e.currentTarget.value),
-						onKeyDown: v,
+						onKeyDown: _,
 						placeholder: u.latexPlaceholder,
 						rows: 3,
 						spellCheck: !1,
@@ -2194,31 +2300,31 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var Ci = n("zh"), wi = {
-	type: fe,
-	"heading-1": D,
-	"heading-2": O,
-	"heading-3": k,
-	"bullet-list": L,
-	"ordered-list": R,
-	"task-list": te,
-	blockquote: ae,
-	"code-block": m,
-	info: P,
-	tip: ee,
+var fa = n("zh"), pa = {
+	type: ke,
+	"heading-1": re,
+	"heading-2": R,
+	"heading-3": ie,
+	"bullet-list": ue,
+	"ordered-list": U,
+	"task-list": H,
+	blockquote: _e,
+	"code-block": D,
+	info: se,
+	tip: le,
 	warning: c,
-	error: b,
-	success: _,
-	emoji: oe,
-	math: V,
-	table: de,
-	separator: z,
-	image: A,
-	video: _e,
-	attachment: re
+	error: N,
+	success: A,
+	emoji: be,
+	math: ye,
+	table: Ee,
+	separator: de,
+	image: ae,
+	video: Pe,
+	attachment: me
 };
-function Ti({ name: e }) {
-	let t = wi[e];
+function ma({ name: e }) {
+	let t = pa[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2226,8 +2332,8 @@ function Ti({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function Ei(e, t, n) {
-	return !zt(e) || !n ? {
+function ha(e, t, n) {
+	return !cn(e) || !n ? {
 		visible: !1,
 		empty: !1,
 		activeIndex: -1
@@ -2241,17 +2347,17 @@ function Ei(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function Di(e, t) {
+function ga(e, t) {
 	return Object.values(t.slash.groups).map((t) => ({
 		group: t,
 		commands: e.filter((e) => e.group === t)
 	})).filter((e) => e.commands.length > 0);
 }
-function Oi(e, t) {
+function _a(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function ki({ command: e, messages: t, onBack: n, onSelect: r }) {
-	let [i, a] = q(""), [o, s] = q(0), c = G(() => {
+function va({ command: e, messages: t, onBack: n, onSelect: r }) {
+	let [i, a] = Y(""), [o, s] = Y(0), c = q(() => {
 		let e = i.trim().toLowerCase();
 		return (e ? t.slash.emojiItems.filter((t) => [
 			t.emoji,
@@ -2317,9 +2423,9 @@ function ki({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
-	let a = e.uploadKind ?? "attachment", [o, s] = q(""), [c, l] = q(null), [u, d] = q(null), [f, p] = q(!1), m = async (t) => {
-		r(e, { uploadResult: await xe({
+function ya({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
+	let a = e.uploadKind ?? "attachment", [o, s] = Y(""), [c, l] = Y(null), [u, d] = Y(null), [f, p] = Y(!1), m = async (t) => {
+		r(e, { uploadResult: await X({
 			kind: a,
 			source: t,
 			trigger: "slash-command"
@@ -2339,7 +2445,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(ye(o));
+			await m(Ie(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2357,7 +2463,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: Oi(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: _a(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2405,10 +2511,10 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = Ei(n, e, r);
+function ba({ commands: e, messages: t = fa, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = ha(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = Di(e, t), d = {
+	let u = ga(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2417,7 +2523,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 		left: r.triggerLeft,
 		top: r.triggerTop
 	}, p = (e) => o?.(e), m = () => o?.(null);
-	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Q("div", {
+	return /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Q("div", {
 		className: "markweave-slash-trigger",
 		style: f,
 		"aria-hidden": "true",
@@ -2430,12 +2536,12 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 		"aria-label": t.slash.ariaLabel,
 		"data-placement": r.placement,
 		"data-testid": "markweave-slash-menu",
-		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ki, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(va, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Ai, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ya, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2455,7 +2561,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 					className: "markweave-slash-group-title",
 					children: t.group
 				}), t.commands.map((t) => {
-					let n = e.indexOf(t), r = n === l.activeIndex, i = Lt(t), o = !!t.disabled;
+					let n = e.indexOf(t), r = n === l.activeIndex, i = on(t), o = !!t.disabled;
 					return /* @__PURE__ */ Q("button", {
 						type: "button",
 						role: "option",
@@ -2479,7 +2585,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(Ti, { name: t.icon }),
+							/* @__PURE__ */ Z(ma, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2491,42 +2597,93 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var Mi = n("zh");
-function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
-	let [s, c] = q(null), [l, u] = q("row-edge"), [d, f] = q(null), [p, m] = q(null), [h, g] = q(null), [_, v] = q(null), [y, b] = q(null), x = K(null), S = K(null), C = K(null), w = K(null), T = K(null), E = e ? Jt(t.state) : null;
-	if (U(() => {
-		if (!y) return;
+var xa = n("zh"), Sa = {
+	"move-left": v,
+	"move-right": y,
+	"move-up": b,
+	"move-down": g,
+	"insert-left": T,
+	"insert-right": w,
+	"insert-above": C,
+	"insert-below": S,
+	"sort-asc": _,
+	"sort-desc": x,
+	color: pe,
+	alignment: d,
+	clear: Se,
+	duplicate: P,
+	copy: P,
+	merge: De,
+	split: Oe,
+	delete: Ae
+}, Ca = {
+	left: d,
+	center: l,
+	right: f,
+	top: h,
+	middle: p,
+	bottom: m
+};
+function wa({ active: e, editor: t, interactionState: n = xn, messages: r = xa, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
+	let [s, c] = Y(null), [l, u] = Y(null), [d, f] = Y("row-edge"), [p, m] = Y(null), [h, g] = Y(null), [_, v] = Y(null), [y, b] = Y(null), [x, S] = Y(null), [C, w] = Y(null), [T, E] = Y(null), [, D] = Y(0), O = J(null), k = J(null), [A, j] = Y(null), ee = J(null), N = J(null), te = J(null), P = J(null), ne = J(null), F = J(null), I = J(null), L = e ? yn(t.state) : null;
+	if (G(() => {
+		if (!A) return;
 		let e = window.setTimeout(() => {
-			b(null);
-		}, or);
+			j(null);
+		}, Wr);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), W(() => {
+	}, [A]), G(() => {
+		let e = (e) => {
+			let n = O.current;
+			if (!n) return;
+			let r = Ar(t, n.axis, e.clientX, e.clientY);
+			r !== null && (e.preventDefault(), k.current = r, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
+		}, n = (e) => {
+			let n = O.current;
+			if (!n) return;
+			let r = Ar(t, n.axis, e.clientX, e.clientY) ?? k.current;
+			e.preventDefault(), O.current = null, k.current = null, r !== null && Vr(t, n.axis, n.index, r);
+		};
+		return document.addEventListener("dragover", e), document.addEventListener("drop", n), () => {
+			document.removeEventListener("dragover", e), document.removeEventListener("drop", n);
+		};
+	}, [t]), K(() => {
 		if (!e) {
-			m(null), g(null), v(null), b(null);
+			v(null), b(null), S(null), w(null), E(null), j(null);
 			return;
 		}
 		let r = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Qn(t, n, "row", E?.activeCellPos ?? null), i = Qn(t, n, "column", E?.activeCellPos ?? null), a = r ? Zn(t, r) : null, o = i ? Zn(t, i) : null, c = Xn(t).length > 0 ? rr(t) : null;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Nr(t, n, "row", L?.activeCellPos ?? null), i = Nr(t, n, "column", L?.activeCellPos ?? null), a = r ? Mr(t, r) : null, o = i ? Mr(t, i) : null, c = Rr(t, "selection").length > 0 ? zr(t) : null, l = kr(t)?.getBoundingClientRect() ?? null;
 			if (!e) {
-				m(null), g(null), v(null);
+				v(null), b(null), S(null), w(null), E(null);
 				return;
 			}
 			let u = e.getBoundingClientRect();
-			a ? m(Gn({
+			a ? v(wr({
 				targetRect: a,
 				frameRect: u,
 				kind: "row"
-			})) : s === "row" && l === "row-edge" || m(null), o ? g(Gn({
+			})) : s === "row" && d === "row-edge" || v(null), o ? b(wr({
 				targetRect: o,
 				frameRect: u,
 				kind: "column"
-			})) : s === "column" && l === "column-edge" || g(null), c ? v(Gn({
+			})) : s === "column" && d === "column-edge" || b(null), c ? S(wr({
 				targetRect: c,
 				frameRect: u,
 				kind: "selection"
-			})) : s === "selection" && l === "selection-edge" || v(null);
+			})) : s === "selection" && d === "selection-edge" || S(null);
+			let f = n.hoverCellPos !== null && !!(r && r.index === r.visualHeight - 1), p = n.hoverCellPos !== null && !!(i && i.index === i.visualWidth - 1);
+			w(l && f ? Tr({
+				tableRect: l,
+				frameRect: u,
+				kind: "row"
+			}) : null), E(l && p ? Tr({
+				tableRect: l,
+				frameRect: u,
+				kind: "column"
+			}) : null);
 		};
 		return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
 			window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
@@ -2534,40 +2691,41 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 	}, [
 		e,
 		t,
-		E?.activeCellPos,
-		E?.selectionFrom,
-		E?.selectionTo,
+		L?.activeCellPos,
+		L?.selectionFrom,
+		L?.selectionTo,
 		n.hoverCellPos,
 		n.hoverVisualColumnIndex,
 		n.hoverVisualRowIndex,
-		l,
+		d,
 		s
-	]), W(() => {
+	]), K(() => {
 		if (!e || !s) {
-			f(null);
+			m(null);
 			return;
 		}
 		let n = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = l === "row-edge" ? C.current : l === "column-edge" ? w.current : T.current, r = S.current;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = d === "row-edge" ? ne.current : d === "column-edge" ? F.current : I.current, r = N.current;
 			if (!e || !n || !r) {
-				f(null);
+				m(null);
 				return;
 			}
-			let i = n.getBoundingClientRect(), a = s === "row" ? Yn(t)?.getBoundingClientRect() : null, o = a ? {
+			let i = n.getBoundingClientRect(), a = s === "row" ? kr(t)?.getBoundingClientRect() : null, o = a ? {
 				left: i.left,
 				top: a.top,
 				width: i.width,
 				height: i.height
-			} : i, c = e.getBoundingClientRect(), u = r.getBoundingClientRect(), d = Wn({
+			} : i, c = e.getBoundingClientRect(), l = r.getBoundingClientRect(), u = te.current?.scrollHeight ?? 0, f = u > 0 ? u + 12 : 0, p = Sr({
 				anchorRect: o,
 				frameRect: c,
+				boundaryRect: Fr(e),
 				menuSize: {
-					width: u.width || 204,
-					height: u.height || 220
+					width: l.width || 254,
+					height: f || l.height || 410
 				},
 				kind: s
 			});
-			f(d);
+			m(p);
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -2575,17 +2733,56 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 	}, [
 		e,
 		t,
-		l,
+		d,
 		s,
+		_,
+		y,
+		x
+	]), K(() => {
+		if (!e || !s || !l || !p) {
+			g(null);
+			return;
+		}
+		let n = () => {
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = N.current, r = P.current, i = n?.querySelector(`[data-submenu-trigger="${l}"]`);
+			if (!e || !n || !r || !i) {
+				g(null);
+				return;
+			}
+			let a = r.getBoundingClientRect(), o = Math.max(r.scrollHeight + 2, a.height);
+			g(Cr({
+				triggerRect: i.getBoundingClientRect(),
+				parentMenuRect: n.getBoundingClientRect(),
+				boundaryRect: Fr(e),
+				submenuSize: {
+					width: a.width || 238,
+					height: o || 410
+				}
+			}));
+		};
+		n();
+		let r = te.current;
+		return r?.addEventListener("scroll", n), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+			r?.removeEventListener("scroll", n), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+		};
+	}, [
+		e,
+		t,
 		p,
-		h,
-		_
-	]), U(() => {
+		s,
+		l
+	]), G(() => {
 		if (!e || !s) return;
 		let n = (e) => {
-			e.key === "Escape" && (c(null), t.view.focus());
+			if (e.key === "Escape") {
+				if (l) {
+					u(null);
+					return;
+				}
+				c(null), u(null), t.view.focus();
+			}
 		}, r = (e) => {
-			e.target instanceof Node && x.current?.contains(e.target) || c(null);
+			e.target instanceof Node && ee.current?.contains(e.target) || (c(null), u(null));
 		};
 		return document.addEventListener("keydown", n), document.addEventListener("mousedown", r), () => {
 			document.removeEventListener("keydown", n), document.removeEventListener("mousedown", r);
@@ -2593,171 +2790,388 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 	}, [
 		e,
 		t,
-		s
+		s,
+		l
 	]), !e) return null;
-	let D = (e, t) => {
-		let n = s === e && l === t;
-		u(t), c(n ? null : e);
-	}, O = () => {
-		t.view.dispatch(Un(t.state.tr, null));
-	}, k = (e, r) => {
-		let i = n.hoverCellPos ?? E?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
-		i !== null && ar(t, i, e, { visualIndex: a }), D(e, r);
-	}, A = () => {
-		O(), D("selection", "selection-edge");
-	}, j = Qn(t, n, "row", E?.activeCellPos ?? null), M = Qn(t, n, "column", E?.activeCellPos ?? null), N = Xn(t).length > 0, P = s ? nr(t, s) : [], F = async (e, n) => {
-		let o = await qn({
+	let re = (e, t) => {
+		let n = s === e && d === t;
+		f(t), c(n ? null : e), u(null);
+	}, R = () => {
+		t.view.dispatch(vr(t.state.tr, null));
+	}, ie = (e, r) => {
+		let i = n.hoverCellPos ?? L?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
+		i !== null && Hr(t, i, e, { visualIndex: a }), re(e, r);
+	}, ae = () => {
+		R(), re("selection", "selection-edge");
+	}, z = Nr(t, n, "row", L?.activeCellPos ?? null), B = Nr(t, n, "column", L?.activeCellPos ?? null), oe = Rr(t, "selection").length > 0, se = s ? Rr(t, s) : [], ce = async (e, n) => {
+		let o = await Dr({
 			editor: t,
 			commandId: e,
 			menu: n ?? s ?? "selection",
 			messages: r
 		});
-		return o.copyFeedback ? (b(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : b(null), a?.(o.commandResult), o.success;
-	}, ee = (e) => {
-		let n = $n(t, e);
-		n && o?.(n), c(null), t.view.focus();
-	};
+		return o.copyFeedback ? (j(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : j(null), a?.(o.commandResult), o.success;
+	}, le = (e) => {
+		let n = Pr(t, e);
+		n && o?.(n), c(null), u(null), t.view.focus();
+	}, V = (e) => {
+		s !== "row" && s !== "column" || e(s) && D((e) => e + 1);
+	}, ue = (e) => {
+		let r = e === "row" ? z : B, i = n.hoverCellPos ?? L?.activeCellPos ?? null;
+		!r || i === null || Jr(t, i, e, { visualIndex: r.index }) && ce(e === "row" ? "add-row-after" : "add-column-after", e);
+	}, H = (e, t, n) => {
+		O.current = {
+			axis: e,
+			index: t
+		}, k.current = t, n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-markweave-table-axis", `${e}:${t}`);
+	}, U = (e) => {
+		let t = e.currentTarget, n = t.classList.contains("markweave-table-menu") ? t.querySelector(":scope > .markweave-table-menu-scroll") ?? t : t, r = Array.from(n.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), i = r.indexOf(document.activeElement);
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+			e.preventDefault(), e.stopPropagation();
+			let t = e.key === "ArrowDown" ? 1 : -1;
+			r[i < 0 ? 0 : Math.min(r.length - 1, Math.max(0, i + t))]?.focus();
+		}
+	}, de = s === "row" || s === "column" ? jr(t, s) : null;
 	return /* @__PURE__ */ Q("div", {
-		ref: x,
+		ref: ee,
 		className: "markweave-table-controls",
 		"data-testid": "markweave-table-controls",
 		"aria-label": r.table.controlsAriaLabel,
 		"data-open-menu": s ?? "none",
-		"data-positioned": p || h || _ ? "true" : "false",
+		"data-positioned": _ || y || x ? "true" : "false",
+		onMouseLeave: () => {
+			t.view.dispatch(t.state.tr.setMeta(Sn, { type: "clear-hover" }));
+		},
 		children: [
-			y ? /* @__PURE__ */ Z("div", {
+			A ? /* @__PURE__ */ Z("div", {
 				className: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
 				"data-testid": "markweave-table-copy-feedback",
-				"data-copy-kind": y.kind,
-				"data-text-length": y.textLength,
-				"data-html-length": y.htmlLength,
-				children: Jn(y)
+				"data-copy-kind": A.kind,
+				"data-text-length": A.textLength,
+				"data-html-length": A.htmlLength,
+				children: Or(A)
 			}) : null,
-			p ? /* @__PURE__ */ Z("button", {
+			_ ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: C,
+				ref: ne,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--row",
 				"aria-label": r.table.activeRowActions,
-				"aria-expanded": s === "row" && l === "row-edge",
+				"aria-expanded": s === "row" && d === "row-edge",
 				"aria-haspopup": "menu",
 				title: r.table.rowActions,
 				"data-testid": "markweave-table-hover-row-handle",
-				"data-axis-index": j?.index ?? "",
-				"data-axis-selected-cells": j?.selectedCellCount ?? "",
-				"data-axis-visual-cells": j?.visualCellCount ?? "",
-				"data-axis-visual-size": j?.visualHeight ?? "",
+				"data-axis-index": z?.index ?? "",
+				"data-axis-selected-cells": z?.selectedCellCount ?? "",
+				"data-axis-visual-cells": z?.visualCellCount ?? "",
+				"data-axis-visual-size": z?.visualHeight ?? "",
 				style: {
-					left: p.left,
-					top: p.top
+					left: _.left,
+					top: _.top,
+					width: _.width,
+					height: _.height
+				},
+				draggable: !0,
+				onDragStart: (e) => H("row", z?.index ?? 0, e),
+				onDragEnd: () => {
+					O.current = null, k.current = null;
 				},
-				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => {
-					k("row", "row-edge");
+					ie("row", "row-edge");
 				},
-				children: /* @__PURE__ */ Z("span", {
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
-					children: "..."
+					size: 14
 				})
 			}) : null,
-			h ? /* @__PURE__ */ Z("button", {
+			y ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: w,
+				ref: F,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--column",
 				"aria-label": r.table.activeColumnActions,
-				"aria-expanded": s === "column" && l === "column-edge",
+				"aria-expanded": s === "column" && d === "column-edge",
 				"aria-haspopup": "menu",
 				title: r.table.columnActions,
 				"data-testid": "markweave-table-hover-column-handle",
-				"data-axis-index": M?.index ?? "",
-				"data-axis-selected-cells": M?.selectedCellCount ?? "",
-				"data-axis-visual-cells": M?.visualCellCount ?? "",
-				"data-axis-visual-size": M?.visualWidth ?? "",
+				"data-axis-index": B?.index ?? "",
+				"data-axis-selected-cells": B?.selectedCellCount ?? "",
+				"data-axis-visual-cells": B?.visualCellCount ?? "",
+				"data-axis-visual-size": B?.visualWidth ?? "",
 				style: {
-					left: h.left,
-					top: h.top
+					left: y.left,
+					top: y.top,
+					width: y.width,
+					height: y.height
+				},
+				draggable: !0,
+				onDragStart: (e) => H("column", B?.index ?? 0, e),
+				onDragEnd: () => {
+					O.current = null, k.current = null;
 				},
-				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => {
-					k("column", "column-edge");
+					ie("column", "column-edge");
+				},
+				children: /* @__PURE__ */ Z(fe, {
+					"aria-hidden": "true",
+					size: 14
+				})
+			}) : null,
+			C ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				className: "markweave-table-extend-button markweave-table-extend-button--row",
+				"aria-label": r.table.addRow,
+				title: r.table.addRow,
+				"data-testid": "markweave-table-add-row",
+				style: {
+					left: C.left,
+					top: C.top,
+					width: C.width,
+					height: C.height
+				},
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => ue("row"),
+				children: /* @__PURE__ */ Z(ge, {
+					"aria-hidden": "true",
+					size: 16
+				})
+			}) : null,
+			T ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				className: "markweave-table-extend-button markweave-table-extend-button--column",
+				"aria-label": r.table.addColumn,
+				title: r.table.addColumn,
+				"data-testid": "markweave-table-add-column",
+				style: {
+					left: T.left,
+					top: T.top,
+					width: T.width,
+					height: T.height
 				},
-				children: /* @__PURE__ */ Z("span", {
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => ue("column"),
+				children: /* @__PURE__ */ Z(ge, {
 					"aria-hidden": "true",
-					children: "..."
+					size: 16
 				})
 			}) : null,
-			N && _ ? /* @__PURE__ */ Z("button", {
+			oe && x ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: T,
+				ref: I,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
 				"aria-label": r.table.selectionActions,
-				"aria-expanded": s === "selection" && l === "selection-edge",
+				"aria-expanded": s === "selection" && d === "selection-edge",
 				"aria-haspopup": "menu",
 				title: r.table.selectionActions,
 				"data-testid": "markweave-table-cell-handle",
 				style: {
-					left: _.left,
-					top: _.top
+					left: x.left,
+					top: x.top,
+					width: x.width,
+					height: x.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: A,
-				children: /* @__PURE__ */ Z("span", {
+				onClick: ae,
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
-					children: "..."
+					size: 14
 				})
 			}) : null,
-			s ? /* @__PURE__ */ Z("div", {
-				ref: S,
+			s ? /* @__PURE__ */ Q("div", {
+				ref: N,
 				className: "markweave-table-menu",
 				role: "menu",
-				"aria-label": sr(s, r),
+				"aria-label": Kr(s, r),
 				"data-testid": "markweave-table-menu",
-				"data-positioned": d ? "true" : "false",
-				style: d ? {
-					left: d.left,
-					top: d.top
+				"data-positioned": p ? "true" : "false",
+				"data-placement": p?.placement,
+				"data-submenu": l ?? "none",
+				style: p ? {
+					left: p.left,
+					top: p.top
 				} : void 0,
-				children: P.map((e, n) => {
-					let i = er(e), a = n === 0 ? i : er(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Kn(t, e.commandId), d = tr(e, r);
-					return /* @__PURE__ */ Z("button", {
-						type: "button",
-						role: "menuitem",
-						"aria-label": d,
-						"aria-disabled": !u,
-						disabled: !u,
-						"data-menu-group": i,
-						"data-starts-group": l ? "true" : "false",
-						"data-command-enabled": u ? "true" : "false",
-						"data-testid": e.commandId ? `markweave-table-menu-command-${e.commandId}` : "markweave-table-menu-command-edit-with-ai",
-						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => {
-							if (u) {
-								if (e.commandId === null) {
-									ee(s === "row" || s === "column" ? s : "selection");
-									return;
-								}
-								F(e.commandId).finally(() => c(null));
-							}
-						},
-						children: d
-					}, `${e.id}-${n}`);
-				})
+				onKeyDown: U,
+				children: [
+					/* @__PURE__ */ Z("div", {
+						ref: te,
+						className: "markweave-table-menu-scroll",
+						style: p ? { maxHeight: Math.max(1, p.maxHeight - 12) } : void 0,
+						children: se.map((e, n) => {
+							let i = Ir(e), a = n === 0 ? i : Ir(se[n - 1]), d = n > 0 && a !== i, f = e.submenuId ? !0 : e.commandId === null ? !!o : Er(t, e.commandId), p = Lr(e, r), m = Sa[e.icon];
+							return /* @__PURE__ */ Q("button", {
+								type: "button",
+								role: "menuitem",
+								"aria-label": p,
+								"aria-disabled": !f,
+								"aria-haspopup": e.submenuId ? "menu" : void 0,
+								"aria-expanded": e.submenuId ? l === e.submenuId : void 0,
+								disabled: !f,
+								"data-menu-group": i,
+								"data-starts-group": d ? "true" : "false",
+								"data-command-enabled": f ? "true" : "false",
+								"data-submenu-trigger": e.submenuId ?? void 0,
+								"data-testid": e.commandId ? `markweave-table-menu-command-${e.commandId}` : e.submenuId ? `markweave-table-menu-submenu-${e.submenuId}` : "markweave-table-menu-command-edit-with-ai",
+								onMouseDown: (e) => e.preventDefault(),
+								onMouseEnter: () => u(e.submenuId),
+								onClick: () => {
+									if (f) {
+										if (e.submenuId) {
+											u(e.submenuId);
+											return;
+										}
+										if (e.commandId === null) {
+											le(s === "row" || s === "column" ? s : "selection");
+											return;
+										}
+										ce(e.commandId).finally(() => {
+											c(null), u(null);
+										});
+									}
+								},
+								children: [
+									/* @__PURE__ */ Z("span", {
+										className: "markweave-table-menu-item-icon",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ Z(m, {
+											size: 18,
+											strokeWidth: 1.8
+										})
+									}),
+									/* @__PURE__ */ Z("span", {
+										className: "markweave-table-menu-item-label",
+										children: p
+									}),
+									e.submenuId ? /* @__PURE__ */ Z(M, {
+										className: "markweave-table-menu-chevron",
+										"aria-hidden": "true",
+										size: 16
+									}) : null
+								]
+							}, `${e.id}-${n}`);
+						})
+					}),
+					l === "color" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
+						ref: P,
+						className: "markweave-table-submenu markweave-table-color-menu",
+						role: "menu",
+						"aria-label": r.table.submenus.color,
+						"data-testid": "markweave-table-color-menu",
+						"data-positioned": h ? "true" : "false",
+						"data-placement": h?.placement,
+						style: h ? {
+							left: h.left,
+							top: h.top,
+							maxHeight: h.maxHeight
+						} : void 0,
+						onKeyDown: U,
+						children: [
+							/* @__PURE__ */ Z("div", {
+								className: "markweave-table-submenu-title",
+								children: r.table.submenus.textColor
+							}),
+							Ur.map((e) => /* @__PURE__ */ Q("button", {
+								type: "button",
+								role: "menuitemradio",
+								"aria-checked": de?.textColorId === e.id,
+								"data-active": de?.textColorId === e.id ? "true" : "false",
+								"data-testid": `markweave-table-text-color-${e.id}`,
+								onMouseDown: (e) => e.preventDefault(),
+								onClick: () => V((n) => xr(t, n, e.id)),
+								children: [/* @__PURE__ */ Z("span", {
+									className: "markweave-table-color-swatch markweave-table-text-color-swatch",
+									"aria-hidden": "true",
+									style: { backgroundColor: e.textColor ?? "var(--markweave-text)" }
+								}), /* @__PURE__ */ Z("span", { children: r.table.colors[e.id].text })]
+							}, `text-${e.id}`)),
+							/* @__PURE__ */ Z("div", { className: "markweave-table-submenu-separator" }),
+							/* @__PURE__ */ Z("div", {
+								className: "markweave-table-submenu-title",
+								children: r.table.submenus.backgroundColor
+							}),
+							Ur.map((e) => /* @__PURE__ */ Q("button", {
+								type: "button",
+								role: "menuitemradio",
+								"aria-checked": de?.backgroundColorId === e.id,
+								"data-active": de?.backgroundColorId === e.id ? "true" : "false",
+								"data-testid": `markweave-table-background-color-${e.id}`,
+								onMouseDown: (e) => e.preventDefault(),
+								onClick: () => V((n) => br(t, n, e.id)),
+								children: [/* @__PURE__ */ Z("span", {
+									className: "markweave-table-color-swatch",
+									"aria-hidden": "true",
+									style: { backgroundColor: e.backgroundColor }
+								}), /* @__PURE__ */ Z("span", { children: r.table.colors[e.id].background })]
+							}, `background-${e.id}`))
+						]
+					}) : null,
+					l === "alignment" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
+						ref: P,
+						className: "markweave-table-submenu markweave-table-alignment-menu",
+						role: "menu",
+						"aria-label": r.table.submenus.alignment,
+						"data-testid": "markweave-table-alignment-menu",
+						"data-positioned": h ? "true" : "false",
+						"data-placement": h?.placement,
+						style: h ? {
+							left: h.left,
+							top: h.top,
+							maxHeight: h.maxHeight
+						} : void 0,
+						onKeyDown: U,
+						children: [
+							Gr.map((e) => {
+								let n = Ca[e], i = de?.textAlign === e;
+								return /* @__PURE__ */ Q("button", {
+									type: "button",
+									role: "menuitemradio",
+									"aria-checked": i,
+									"data-active": i ? "true" : "false",
+									"data-testid": `markweave-table-alignment-${e}`,
+									onMouseDown: (e) => e.preventDefault(),
+									onClick: () => V((n) => yr(t, n, e)),
+									children: [/* @__PURE__ */ Z(n, {
+										"aria-hidden": "true",
+										size: 18,
+										strokeWidth: 1.8
+									}), /* @__PURE__ */ Z("span", { children: r.table.alignments[e] })]
+								}, e);
+							}),
+							/* @__PURE__ */ Z("div", { className: "markweave-table-submenu-separator" }),
+							qr.map((e) => {
+								let n = Ca[e], i = de?.verticalAlign === e;
+								return /* @__PURE__ */ Q("button", {
+									type: "button",
+									role: "menuitemradio",
+									"aria-checked": i,
+									"data-active": i ? "true" : "false",
+									"data-testid": `markweave-table-alignment-${e}`,
+									onMouseDown: (e) => e.preventDefault(),
+									onClick: () => V((n) => yr(t, n, e)),
+									children: [/* @__PURE__ */ Z(n, {
+										"aria-hidden": "true",
+										size: 18,
+										strokeWidth: 1.8
+									}), /* @__PURE__ */ Z("span", { children: r.table.alignments[e] })]
+								}, e);
+							})
+						]
+					}) : null
+				]
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Pi({ editor: e, focusState: t }) {
-	let [n, r] = q(null);
-	return W(() => {
+function Ta({ editor: e, focusState: t }) {
+	let [n, r] = Y(null);
+	return K(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
 		}
 		let n = () => {
-			r(ir(e, Yt(e.state)));
+			r(Br(e, bn(e.state)));
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -2773,6 +3187,7 @@ function Pi({ editor: e, focusState: t }) {
 	]), n ? /* @__PURE__ */ Z("div", {
 		"aria-hidden": "true",
 		className: "markweave-table-selection-overlay",
+		"data-axis-target": n.axisTarget ?? "none",
 		"data-anchor-cell-pos": n.anchorCellPos ?? "",
 		"data-head-cell-pos": n.headCellPos ?? "",
 		"data-selected-cells": n.selectedCellCount,
@@ -2792,16 +3207,16 @@ function Pi({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function Fi(e, t) {
+function Ea(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
-	let a = K(null);
-	if (U(() => {
-		if (!(i !== "container" || !a.current)) return mr(a.current);
+function Da({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = J(null);
+	if (G(() => {
+		if (!(i !== "container" || !a.current)) return ti(a.current);
 	}, [i]), !t.items.length) return null;
 	let o = (t) => {
-		hr(e, t, {
+		ni(e, t, {
 			behavior: "smooth",
 			focus: r
 		});
@@ -2828,7 +3243,7 @@ function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 					"data-level": e.level,
 					"data-active": e.active ? "true" : "false",
 					"aria-current": e.active ? "location" : void 0,
-					"aria-label": Fi(n, e),
+					"aria-label": Ea(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -2839,7 +3254,7 @@ function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Li = {
+var Oa = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2847,21 +3262,21 @@ var Li = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Ri = {
+}, ka = {
 	active: !1,
-	language: ht.defaultLanguage,
+	language: Lt.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, zi = Ct({
+}, Aa = Gt({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function Bi(e) {
-	return Zt.getState(e.state) ?? Xt;
+function ja(e) {
+	return Sn.getState(e.state) ?? xn;
 }
-function Vi(e) {
+function Ma(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2871,133 +3286,141 @@ function Vi(e) {
 	}
 	return null;
 }
-function Hi(e) {
+function Na(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Ui(e) {
+function Pa(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O } = {}) {
-	let k = Ie(h), A = _r(g), j = gr(_), M = pr(p), N = k === "live" && d !== !1, P = Ze(o === void 0 ? u : c), F = K({
-		editorMode: k,
+function Fa({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O, resolveMediaSource: k } = {}) {
+	let A = et(h), j = ii(g), M = ri(_), ee = ei(p), N = A === "live" && d !== !1, te = yt(o === void 0 ? u : c), P = o ?? l, ne = typeof P == "string" && P.length >= 2e5, F = o === void 0 && te === "markdown" && ne && typeof P == "string", I = J(F ? P : null), [L, re] = Y(F), R = J({
+		editorMode: A,
 		effectiveEditable: N
 	});
-	F.current = {
-		editorMode: k,
+	R.current = {
+		editorMode: A,
 		effectiveEditable: N
 	};
-	let ee = K(null);
-	ee.current === null && (ee.current = r(m));
-	let I = ee.current, L = G(() => n(I), [I]), te = G(() => t(I), [I]), R = K(C);
-	R.current = C;
-	let z = K(S);
-	z.current = S;
-	let ne = K(O);
-	ne.current = O;
-	let re = G(() => Br({
-		lang: I,
+	let ie = J(null);
+	ie.current === null && (ie.current = r(m));
+	let ae = ie.current, z = q(() => n(ae), [ae]), B = q(() => t(ae), [ae]), oe = J(C);
+	oe.current = C;
+	let se = J(S);
+	se.current = S;
+	let ce = J(O);
+	ce.current = O;
+	let le = q(() => ki({
+		lang: ae,
 		onImageUpload: (e) => {
-			if (R.current) return R.current(e);
-			let t = be(e);
+			if (oe.current) return oe.current(e);
+			let t = Le(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
-			if (R.current) return R.current(e);
-			let t = be(e);
+			if (oe.current) return oe.current(e);
+			let t = Le(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
-		linkCardResolver: (e) => ne.current?.(e) ?? Promise.resolve(null)
-	}), [I]), [ie, ae] = q(null), [B, V] = q(Wt), [oe, se] = q(null), [ce, le] = q(null), [ue, de] = q("code"), [fe, pe] = q(null), [me, he] = q(Xt), [ge, _e] = q(null), [W, ve] = q(0), ye = K(!1), xe = K({
+		linkCardResolver: (e) => ce.current?.(e) ?? Promise.resolve(null),
+		resolveMediaSource: k
+	}), [k, ae]), [V, ue] = Y(null), [H, U] = Y(hn), [de, fe] = Y(null), [pe, me] = Y(null), [he, ge] = Y("code"), [_e, ve] = Y(null), [ye, be] = Y(xn), [xe, Se] = Y(null), [Ce, we] = Y(0), Te = J(!1), Ee = J({
 		content: o,
-		format: P
-	}), Se = K(null), Ce = K(null), we = K({ onUpdate: D }), Te = G(() => It(B.query, te), [te, B.query]);
-	we.current = { onUpdate: D }, xe.current = {
+		format: te
+	}), De = J(null), Oe = J(null), ke = J({ onUpdate: D }), Ae = q(() => an(H.query, B), [B, H.query]);
+	ke.current = { onUpdate: D }, Ee.current = {
 		content: o,
-		format: P
+		format: te
 	};
-	let Ee = H(() => {
-		Ce.current !== null && (window.clearTimeout(Ce.current), Ce.current = null), ve((e) => e + 1);
-	}, []), De = H(() => {
-		Ce.current !== null && window.clearTimeout(Ce.current), Ce.current = window.setTimeout(() => {
-			Ce.current = null, ve((e) => e + 1);
-		}, ct);
+	let je = W(() => {
+		Oe.current !== null && (window.clearTimeout(Oe.current), Oe.current = null), we((e) => e + 1);
+	}, []), Me = W(() => {
+		Oe.current !== null && window.clearTimeout(Oe.current), Oe.current = window.setTimeout(() => {
+			Oe.current = null, we((e) => e + 1);
+		}, At);
 	}, []);
-	U(() => () => {
-		Ce.current !== null && window.clearTimeout(Ce.current);
+	G(() => () => {
+		Oe.current !== null && window.clearTimeout(Oe.current);
 	}, []);
-	let Oe = H(() => {
-		se(null), le(null), V(Wt);
-	}, []), ke = H((e) => {
-		let t = Ut(e.state);
+	let Ne = W(() => {
+		fe(null), me(null), U(hn);
+	}, []), Pe = W((e) => {
+		let t = pn(e.state);
 		if (!t) {
-			V((e) => e.name === "idle" ? e : Wt), se(null), le(null);
+			U((e) => e.name === "idle" ? e : hn), fe(null), me(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		se(Ht(n, {
+		if (!mn(r, { frameRect: i })) {
+			fe(null), me(null), U(hn);
+			return;
+		}
+		let a = fn(n, {
 			frameRect: i,
 			triggerRect: r
-		})), V((e) => Vt(e, t));
-	}, []), Ae = H((e) => ke(e.view), [ke]), je = H((e) => {
-		let t = at(e);
-		ae((e) => tt(e, t) ? e : t);
-		let n = jt(e);
-		n && (Nt(e, n, !0), pe(n));
-		let r = pt(e);
-		r.active && r.language === "mermaid" && de(r.mermaidPreviewMode);
-	}, []), Me = H((e) => {
-		he(Bi(e));
-	}, []), J = s({
-		extensions: re,
-		content: o ?? l,
-		contentType: Je(P),
+		});
+		fe((e) => ln(e, a) ? e : a), U((e) => dn(e, t));
+	}, []), K = W((e) => Pe(e.view), [Pe]), Fe = W((e) => {
+		let t = Dt(e);
+		ue((e) => Ct(e, t) ? e : t);
+		let n = $t(e);
+		n && (tn(e, n, !0), ve(n));
+		let r = Ft(e);
+		r.active && r.language === "mermaid" && ge(r.mermaidPreviewMode);
+	}, []), Ie = W((e) => {
+		be(ja(e));
+	}, []), X = s({
+		shouldRerenderOnTransaction: !1,
+		extensions: le,
+		content: F ? "" : P,
+		contentType: gt(te),
 		editable: N,
 		autofocus: a,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
+				"data-markweave-large-document": ne ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
 				translate: "no"
 			},
-			handleClick: (e, t, n) => F.current.effectiveEditable ? !1 : Qe(n),
+			handleClick: (e, t, n) => R.current.effectiveEditable ? !1 : bt(n),
 			handleDOMEvents: {
-				compositionstart: () => F.current.effectiveEditable ? (V((e) => Gt(e, { type: "composition-start" })), se(null), !1) : !1,
-				compositionend: (e) => (F.current.effectiveEditable && window.setTimeout(() => ke(e), 0), !1),
+				compositionstart: () => R.current.effectiveEditable ? (U((e) => gn(e, { type: "composition-start" })), fe(null), !1) : !1,
+				compositionend: (e) => (R.current.effectiveEditable && window.setTimeout(() => Pe(e), 0), !1),
 				click: (e, t) => {
-					if (F.current.effectiveEditable) {
-						let n = At(e, t);
-						return n ? (t.preventDefault(), t.stopPropagation(), Oe(), Pt(e, n, !0), Ft(e, n), pe(n), !0) : (pe(null), !1);
+					if (R.current.effectiveEditable) {
+						let n = Qt(e, t);
+						return n ? (t.preventDefault(), t.stopPropagation(), Ne(), nn(e, n, !0), rn(e, n), ve(n), !0) : (ve(null), !1);
 					}
-					return Qe(t);
+					return bt(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			je(e);
+			Fe(e);
 		},
 		onCreate: ({ editor: e }) => {
-			i && F.current.effectiveEditable && qt(e), Me(e), je(e), Ee();
+			i && R.current.effectiveEditable && vn(e), Ie(e), Fe(e), je();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			Me(e), (t.docChanged || yt(t)) && De(), t.docChanged && pe((t) => {
+			Ie(e), (t.docChanged || Vt(t)) && Me(), t.docChanged && ve((t) => {
 				if (!t) return null;
-				let n = kt(e, t.pos);
+				let n = Zt(e, t.pos);
 				return n?.kind === t.kind ? n : null;
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			je(e), F.current.effectiveEditable && Ae(e), ye.current || we.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
-				let r = xe.current;
-				r.content !== void 0 && t === r.format && (Se.current = {
+			Fe(e), R.current.effectiveEditable && K(e), Te.current || ke.current.onUpdate?.(ht(e, { onContentRead: (t, n) => {
+				let r = Ee.current;
+				r.content !== void 0 && t === r.format && (De.current = {
 					content: n,
 					format: t,
 					doc: e.state.doc
@@ -3005,318 +3428,375 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			} }));
 		}
 	});
-	U(() => {
-		if (J) return z.current?.(vr(J)), () => {
-			z.current?.(null);
+	G(() => {
+		let e = I.current;
+		if (!X || !e) return;
+		let t = !1;
+		return (async () => {
+			Te.current = !0;
+			try {
+				let n = !0;
+				for (let r of ai(e)) {
+					if (await new Promise((e) => window.setTimeout(e, 0)), t) return;
+					let e = X.markdown?.parse(r);
+					if (!e) throw Error("Markdown parser is unavailable.");
+					let i = X.schema.nodeFromJSON(e).content, a = n ? X.state.tr.replaceWith(0, X.state.doc.content.size, i) : X.state.tr.insert(X.state.doc.content.size, i);
+					X.view.dispatch(a.setMeta("addToHistory", !1)), n = !1;
+				}
+				if (t) return;
+				Fe(X), Ie(X), je(), I.current = null, re(!1);
+			} finally {
+				Te.current = !1;
+			}
+		})().catch(() => {
+			t || (X.commands.setContent(e, {
+				contentType: "markdown",
+				emitUpdate: !1
+			}), I.current = null, re(!1));
+		}), () => {
+			t = !0;
 		};
-	}, [J]), U(() => {
-		J && (J.setEditable(N), Le(J, {
-			mode: k,
-			editable: N
-		}), xt(J, N ? "live" : "view"), Ee(), N || Oe());
 	}, [
-		Oe,
-		J,
-		k,
+		X,
+		je,
+		Fe,
+		Ie
+	]), G(() => {
+		if (X) return se.current?.(oi(X)), () => {
+			se.current?.(null);
+		};
+	}, [X]), G(() => {
+		if (!X) return;
+		let e = N && !L;
+		X.setEditable(e), tt(X, {
+			mode: A,
+			editable: e
+		}), Ut(X, e ? "live" : "view"), je(), N || Ne();
+	}, [
+		Ne,
+		X,
+		A,
 		N,
-		Ee
-	]), U(() => {
-		J && bt(J, A);
-	}, [J, A]), U(() => {
-		let e = Ze(c);
-		if (!(!J || o === void 0)) {
-			if (Xe(J, Se.current, o, e)) {
-				Se.current = null;
+		je,
+		L
+	]), G(() => {
+		X && Ht(X, j);
+	}, [X, j]), G(() => {
+		let e = yt(c);
+		if (!(!X || o === void 0)) {
+			if (vt(X, De.current, o, e)) {
+				De.current = null;
 				return;
 			}
-			Se.current = null, !Ye(J, o, e) && (ye.current = !0, J.commands.setContent(o, {
-				contentType: Je(e),
+			De.current = null, !_t(X, o, e) && (Te.current = !0, X.commands.setContent(o, {
+				contentType: gt(e),
 				emitUpdate: !1
-			}), ye.current = !1, je(J), N && Ae(J), Me(J), Ee());
+			}), Te.current = !1, Fe(X), N && K(X), Ie(X), je());
 		}
 	}, [
 		o,
 		c,
 		N,
-		J,
-		Ee,
+		X,
 		je,
-		Ae,
-		Me
-	]), U(() => {
-		if (!oe) return;
+		Fe,
+		K,
+		Ie
+	]), G(() => {
+		if (!de) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Oe());
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Ne());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [Oe, oe]);
-	let Ne = G(() => J ? pt(J) : Ri, [
-		J,
-		W,
-		ie
-	]), Y = G(() => J ? Jt(J.state) : Li, [
-		J,
-		W,
-		ie,
-		me
-	]), Pe = ie?.currentNode === "codeBlock", Fe = Pe && Ne.language === "mermaid", Re = G(() => J ? Ct({
-		active: Fe,
-		mode: ue,
-		source: Ne.text
-	}) : zi, [
-		Ne.text,
-		J,
-		Fe,
-		ue
-	]), ze = G(() => J ? Kt(J.state) : null, [J, W]), X = G(() => J ? dr(J.state.doc) : lr.items, [J, W]), Z = G(() => fr(X, ge), [ge, X]), Q = G(() => cr(X, Z), [Z, X]), Be = H(() => {
-		if (!J || !X.length) {
-			_e(null);
+	}, [Ne, de]);
+	let Re = de !== null;
+	G(() => {
+		if (!X || !Re) return;
+		let e = mt(() => {
+			X.isDestroyed || Pe(X.view);
+		}), t = () => e.schedule();
+		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), t(), () => {
+			e.cancel(), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+		};
+	}, [
+		X,
+		Re,
+		Pe
+	]);
+	let ze = q(() => X ? Ft(X) : ka, [
+		X,
+		Ce,
+		V
+	]), Be = q(() => X ? yn(X.state) : Oa, [
+		X,
+		Ce,
+		V,
+		ye
+	]), Ve = V?.currentNode === "codeBlock", He = Ve && ze.language === "mermaid", Ue = q(() => X ? Gt({
+		active: He,
+		mode: he,
+		source: ze.text
+	}) : Aa, [
+		ze.text,
+		X,
+		He,
+		he
+	]), We = q(() => X && x ? _n(X.state) : null, [
+		X,
+		x,
+		Ce
+	]), Ge = q(() => X ? Qr(X.state) : Xr.items, [X, Ce]), Ke = q(() => $r(Ge, xe), [xe, Ge]), qe = q(() => Yr(Ge, Ke), [Ke, Ge]), Je = W(() => {
+		if (!X || !Ge.length) {
+			Se(null);
 			return;
 		}
-		let e = ur(J, X);
-		_e((t) => t === e ? t : e);
-	}, [J, X]);
-	U(() => {
-		_e((e) => {
-			let t = fr(X, e);
+		let e = Zr(X, Ge);
+		Se((t) => t === e ? t : e);
+	}, [X, Ge]);
+	G(() => {
+		Se((e) => {
+			let t = $r(Ge, e);
 			return e === t ? e : t;
 		});
-	}, [X]), U(() => {
-		if (!J || !X.length || typeof window > "u") return;
+	}, [Ge]), G(() => {
+		if (!X || !Ge.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Ui(e), e = Hi(() => {
-				e = null, Be();
+			e !== null && Pa(e), e = Na(() => {
+				e = null, Je();
 			});
-		}, n = Vi(J.view.dom);
+		}, n = Ma(X.view.dom);
 		return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), () => {
-			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Ui(e);
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Pa(e);
 		};
 	}, [
-		J,
-		X.length,
-		Be
+		X,
+		Ge.length,
+		Je
 	]);
-	let Ve = G(() => $e({
-		revision: W,
-		mode: k,
+	let Ye = q(() => xt({
+		revision: Ce,
+		mode: A,
 		editable: N,
-		toc: Q,
-		selection: ie,
-		slash: B,
-		table: Y,
-		tableInteraction: me,
-		codeBlock: Ne,
-		mermaid: Re,
-		tableDebugSnapshot: ze
+		toc: qe,
+		selection: V,
+		slash: H,
+		table: Be,
+		tableInteraction: ye,
+		codeBlock: ze,
+		mermaid: Ue,
+		tableDebugSnapshot: We
 	}), [
-		Ne,
-		k,
-		N,
-		Re,
-		W,
-		ie,
-		B,
 		ze,
-		Y,
-		me,
-		Q
+		A,
+		N,
+		Ue,
+		Ce,
+		V,
+		H,
+		We,
+		Be,
+		ye,
+		qe
 	]);
-	U(() => {
-		x?.(Ve);
-	}, [x, Ve]), U(() => {
-		E?.(Q);
-	}, [E, Q]);
-	let He = H((e, t) => {
-		if (!(!J || !N) && Lt(e)) {
+	G(() => {
+		x?.(Ye);
+	}, [x, Ye]), G(() => {
+		E?.(qe);
+	}, [E, qe]);
+	let Xe = W((e, t) => {
+		if (!(!X || !N) && on(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				le(e);
+				me(e);
 				return;
 			}
-			Bt(J, B, e, t), V((e) => Gt(e, { type: "execute" })), Oe();
+			un(X, H, e, t), U((e) => gn(e, { type: "execute" })), Ne();
 		}
 	}, [
-		Oe,
+		Ne,
 		N,
-		J,
-		B
-	]), Ue = H((e) => {
-		V((t) => Gt(t, {
+		X,
+		H
+	]), Ze = W((e) => {
+		U((t) => gn(t, {
 			type: "set-active",
 			index: e,
-			optionCount: Te.length
+			optionCount: Ae.length
 		}));
-	}, [Te.length]), We = H((e) => {
-		if (!J || ce || !N) return;
-		let t = Rt(B, Te, e.key, { isComposing: e.nativeEvent.isComposing || Ke(J.state) });
+	}, [Ae.length]), Qe = W((e) => {
+		if (!X || pe || !N) return;
+		let t = sn(H, Ae, e.key, { isComposing: e.nativeEvent.isComposing || pt(X.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), V((e) => Gt(e, { type: "escape" })), Oe();
+				e.preventDefault(), U((e) => gn(e, { type: "escape" })), Ne();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), V((e) => Gt(e, {
+				e.preventDefault(), U((e) => gn(e, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				}));
 				return;
 			}
-			t.type === "execute-active" && (e.preventDefault(), He(t.command));
+			t.type === "execute-active" && (e.preventDefault(), Xe(t.command));
 		}
 	}, [
-		Oe,
+		Ne,
 		N,
-		J,
-		Te,
-		He,
-		ce,
-		B
-	]), Ge = G(() => ({
-		closeSlashMenu: Oe,
-		focusFirstTableBodyCell: () => J ? qt(J) : !1,
+		X,
+		Ae,
+		Xe,
+		pe,
+		H
+	]), $e = q(() => ({
+		closeSlashMenu: Ne,
+		focusFirstTableBodyCell: () => X ? vn(X) : !1,
 		setContent: (e, t = {}) => {
-			if (!J) return !1;
-			let n = Ze(t.format);
-			return J.commands.setContent(e, {
-				contentType: Je(n),
+			if (!X) return !1;
+			let n = yt(t.format);
+			return X.commands.setContent(e, {
+				contentType: gt(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && qt(J), je(J), N && Ae(J), Me(J), Ee(), !0;
+			}), t.focusFirstTableBodyCell && vn(X), Fe(X), N && K(X), Ie(X), je(), !0;
 		}
 	}), [
-		Oe,
+		Ne,
 		N,
-		J,
-		Ee,
+		X,
 		je,
-		Ae,
-		Me
+		Fe,
+		K,
+		Ie
 	]);
 	return {
-		editor: J,
-		frameProps: G(() => ({
+		editor: X,
+		frameProps: q(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? L.common.editorAriaLabel,
+			"aria-label": e ?? z.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
-			"data-markweave-mode": k,
-			"data-markweave-theme": A,
-			style: j ? { "--markweave-canvas": j } : void 0,
+			"data-markweave-mode": A,
+			"aria-busy": L,
+			"data-markweave-large-document-loading": L ? "true" : "false",
+			"data-markweave-theme": j,
+			style: M ? { "--markweave-canvas": M } : void 0,
 			"data-markweave-inner-toc": f ? "true" : "false",
-			"data-markweave-inner-toc-placement": M,
-			"data-mermaid-mode": Re.mode,
-			"data-table-focus-mode": Y.mode,
-			onKeyDownCapture: We
+			"data-markweave-inner-toc-placement": ee,
+			"data-mermaid-mode": Ue.mode,
+			"data-table-focus-mode": Be.mode,
+			onKeyDownCapture: Qe
 		}), [
 			e,
-			k,
-			We,
+			A,
+			Qe,
 			f,
-			Re.mode,
-			L.common.editorAriaLabel,
-			j,
+			L,
+			Ue.mode,
+			z.common.editorAriaLabel,
 			M,
-			A,
-			Y.mode
+			ee,
+			j,
+			Be.mode
 		]),
-		overlayProps: G(() => ({
-			floatingToolbar: J && N ? {
-				editor: J,
-				messages: L,
-				selectionSnapshot: ie,
+		overlayProps: q(() => ({
+			floatingToolbar: X && N ? {
+				editor: X,
+				messages: z,
+				selectionSnapshot: V,
 				onRewriteSelection: b,
 				onExtractToNote: y
 			} : null,
-			slashCommandMenu: J && N ? {
-				commands: Te,
-				state: B,
-				position: oe,
-				inputCommand: ce,
-				messages: L,
-				onActiveIndexChange: Ue,
-				onInputCommandChange: le,
-				onSelect: He,
+			slashCommandMenu: X && N ? {
+				commands: Ae,
+				state: H,
+				position: de,
+				inputCommand: pe,
+				messages: z,
+				onActiveIndexChange: Ze,
+				onInputCommandChange: me,
+				onSelect: Xe,
 				onUpload: C
 			} : null,
-			tableControls: J && N ? {
-				editor: J,
-				active: Y.active,
-				interactionState: me,
-				messages: L,
+			tableControls: X && N ? {
+				editor: X,
+				active: Be.active,
+				interactionState: ye,
+				messages: z,
 				onCopyPayload: T,
 				onCommandResult: w,
 				onEditWithAi: v
 			} : null,
-			tableSelectionOverlay: J && N ? {
-				editor: J,
-				focusState: Y
+			tableSelectionOverlay: X && N ? {
+				editor: X,
+				focusState: Be
 			} : null,
-			codeBlockControls: J ? {
-				editor: J,
-				active: N && Pe,
-				mermaidMode: ue,
-				onMermaidModeChange: de,
+			codeBlockControls: X ? {
+				editor: X,
+				active: N && Ve,
+				mermaidMode: he,
+				onMermaidModeChange: ge,
 				readOnly: !N
 			} : null,
-			innerToc: J && f && Q.items.length ? {
-				editor: J,
+			innerToc: X && f && qe.items.length ? {
+				editor: X,
 				editable: N,
-				messages: L,
-				placement: M,
-				state: Q
+				messages: z,
+				placement: ee,
+				state: qe
 			} : null,
-			mathEditorPopover: J && N && fe ? {
-				editor: J,
-				messages: L,
-				target: fe,
-				onClose: () => pe(null)
+			mathEditorPopover: X && N && _e ? {
+				editor: X,
+				messages: z,
+				target: _e,
+				onClose: () => ve(null)
 			} : null
 		}), [
 			N,
-			J,
-			Te,
+			X,
+			Ae,
 			f,
-			Pe,
-			ue,
-			L,
-			fe,
+			Ve,
+			he,
+			z,
+			_e,
 			v,
 			y,
 			b,
 			C,
 			w,
 			T,
-			He,
-			ie,
-			Ue,
-			ce,
-			oe,
-			B,
-			Y,
-			me,
-			Q
+			Xe,
+			V,
+			Ze,
+			pe,
+			de,
+			H,
+			Be,
+			ye,
+			qe
 		]),
-		runtimeSnapshot: Ve,
-		actions: Ge
+		runtimeSnapshot: Ye,
+		actions: $e
 	};
 }
-function Gi({ className: e, ...t }) {
-	let n = Wi(t);
+function Ia({ className: e, ...t }) {
+	let n = Fa(t);
 	if (!n.editor) return null;
 	let r = [n.frameProps.className, e].filter(Boolean).join(" ");
 	return /* @__PURE__ */ Q("section", {
 		...n.frameProps,
 		className: r,
 		children: [
-			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(ui, { ...n.overlayProps.floatingToolbar }) : null,
-			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ji, { ...n.overlayProps.slashCommandMenu }) : null,
-			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Ni, { ...n.overlayProps.tableControls }) : null,
-			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Pi, { ...n.overlayProps.tableSelectionOverlay }) : null,
-			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Ur, { ...n.overlayProps.codeBlockControls }) : null,
-			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Ii, { ...n.overlayProps.innerToc }) : null,
-			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Si, { ...n.overlayProps.mathEditorPopover }) : null,
+			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z($i, { ...n.overlayProps.floatingToolbar }) : null,
+			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ba, { ...n.overlayProps.slashCommandMenu }) : null,
+			n.overlayProps.tableControls ? /* @__PURE__ */ Z(wa, { ...n.overlayProps.tableControls }) : null,
+			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Ta, { ...n.overlayProps.tableSelectionOverlay }) : null,
+			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Mi, { ...n.overlayProps.codeBlockControls }) : null,
+			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Da, { ...n.overlayProps.innerToc }) : null,
+			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(da, { ...n.overlayProps.mathEditorPopover }) : null,
 			/* @__PURE__ */ Z(i, { editor: n.editor })
 		]
 	});
 }
 //#endregion
-export { Gi as MarkweaveEditor, Br as createMarkweaveEditorExtensions, Br as createMarkweaveReactEditorExtensions, Wi as useMarkweaveEditorController };
+export { Ia as MarkweaveEditor, ki as createMarkweaveEditorExtensions, ki as createMarkweaveReactEditorExtensions, Fa as useMarkweaveEditorController };