@markweave/react 0.2.4 → 0.2.6

package/dist/index.js

@@ -1,10 +1,10 @@
 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 { 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 te, List as I, ListChecks as L, ListOrdered as ne, Minus as re, MoreVertical as R, Paperclip as ie, Pencil as ae, Quote as oe, Replace as z, Sigma as B, SmilePlus as se, Sparkles as ce, Strikethrough as le, Subscript as ue, Superscript as de, Table2 as fe, Text as pe, Trash2 as me, Type as he, Underline as ge, Upload as _e, Video as ve } from "lucide-react";
+import { useCallback as V, useEffect as H, useLayoutEffect as U, useMemo as W, useRef as G, useState as K, useSyncExternalStore as ye } from "react";
+import { detectUploadSource as be, getDirectUploadResult as xe, resolveMarkweaveUploadResult as Se } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as Ce, MarkweaveCoreVideo as we, attrsFromMarkweaveImageUploadResult as Te, attrsFromMarkweaveVideoUploadResult as Ee, attrsFromMarkweaveVideoUrl as De, clampMarkweaveImageWidth as Oe, createMarkweaveImageUploadRequest as q, 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";
@@ -29,32 +29,33 @@ import { getFirstTableDebugSnapshot as Kt } from "markweave/internal/plugins/tab
 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 { saveMarkweaveBrowserFile as Qt } from "markweave/internal/core/browser-file-save";
+import { calculateCodeBlockLanguageMenuPosition as $t, clampFullscreenScale as en, codeBlockCopyFeedbackTimeoutMs as tn, copyCodeBlockText as nn, createCodeBlockLanguageMenuDomId as rn, createCodeBlockOverlayPosition as an, createMermaidFullscreenViewerState as on, createMermaidTabPosition as sn, focusCodeBlockTarget as cn, formatCodeBlockLanguageLabel as ln, formatFullscreenZoom as un, getActiveCodeBlockElement as dn, getAnchoredRect as fn, getCodeBlockLanguageItems as pn, getCodeBlockLanguageOptionDomId as mn, getCodeBlockPositionFromEventTarget as hn, getCodeBlockStateAtPosition as gn, getFrameElement as _n, getInitialCodeBlockLanguageItemIndex as vn, getMermaidCodeBlockTargets as yn, getMermaidSvgMarkup as bn, isCodeBlockTargetCollapsed as xn, mergeStableMermaidTabPositions as Sn, mermaidFullscreenZoomStep as Cn, moveCodeBlockLanguageItemIndex as wn, moveMermaidFullscreenViewer as Tn, scrollCodeBlockLanguageItemIntoView as En } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { BubbleMenu as Dn } from "@tiptap/react/menus";
+import { createMarkweaveFrameScheduler as On } from "markweave/internal/editor-core/frame-scheduler";
+import { applyFloatingToolbarLink as kn, createFloatingToolbarAssistantRequest as An, getFloatingToolbarButtonModels as jn, getFloatingToolbarHighlightColorOptions as Mn, getFloatingToolbarLinkHref as Nn, getFloatingToolbarMessageSet as Pn, getFloatingToolbarMoreActions as Fn, getFloatingToolbarTextColorOptions as In, getFloatingToolbarTooltipModel as Ln, getFloatingToolbarTurnIntoOptions as Rn, isFloatingToolbarMoreActionActive as zn, isFloatingToolbarTurnIntoActive as Bn, openFloatingToolbarLinkHref as Vn, preventFloatingToolbarPointerFocusLoss as Hn, removeFloatingToolbarLink as Un, runFloatingToolbarMoreAction as Wn, setFloatingToolbarHighlightColor as Gn, setFloatingToolbarTextColor as Kn, setFloatingToolbarTurnInto as qn } from "markweave/internal/editor-core/floating-toolbar-model";
+import { normalizeMarkdownLinkHref as Jn } from "markweave/internal/plugins/markdown/markdown-input";
+import { setMarkweaveTableMenuAxisTarget as Yn } from "markweave/internal/plugins/table/table-clipboard";
+import { calculateAnchoredTableMenuPosition as Xn, calculateTableEdgeHandlePosition as Zn, canRunTableCommand as Qn, executeTableMenuCommand as $n, formatTableCopyFeedback as er, getActiveTableElement as tr, getAvailableCellMenuCommandSpecs as nr, getTableAxisTargetRect as rr, getTableControlAxisSelectionModel as ir, getTableEditWithAiRequest as ar, getTableMenuItemGroup as or, getTableMenuItemLabel as sr, getTableMenuItems as cr, getTableSelectionTargetRect as lr, measureTableSelectionOverlay as ur, selectTableAxisFromCell as dr, tableCopyFeedbackTimeoutMs as fr, tableMenuLabel as pr } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveTocState as mr, emptyMarkweaveTocState as hr, getActiveMarkweaveTocId as gr, getMarkweaveTocItems as _r, getValidMarkweaveTocActiveId as vr, normalizeMarkweaveInnerTocPlacement as yr, observeMarkweaveInnerTocContainerPosition as br, scrollToMarkweaveTocItem as xr } from "markweave/internal/core/toc-state";
+import { normalizeMarkweaveCanvasColor as Sr, normalizeMarkweaveTheme as Cr } from "markweave/internal/core/theme";
+import { createMarkweaveSearchController as wr } from "markweave/internal/plugins/search/search-controller";
 //#region src/editor-mode-state.ts
-var yr = {
+var Tr = {
 	mode: "live",
 	editable: !0
 };
-function br(e) {
-	return ve((t) => Re(e, t), () => Pe(e), () => yr);
+function Er(e) {
+	return ye((t) => Re(e, t), () => Pe(e), () => Tr);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var xr = Me;
-function Sr(e) {
+var Dr = Me;
+function Or(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 = () => {
+function kr(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(Er(r)), p = Y(o.attrs.src), m = Dr(o.attrs.align), h = Ne(o.attrs.width), g = Y(o.attrs.caption), _ = G(null), v = G(null), [y, b] = K(!1), [x, S] = K(!1), [C, w] = K(!1), [T, D] = K(""), [O, k] = K(null), [A, j] = K(!1), [M, N] = K(!!g), [P, F] = K(g ?? ""), ee = f && (!p || x), te = () => {
 		p && ze({
 			src: p,
 			alt: Y(o.attrs.alt) ?? "",
@@ -67,14 +68,14 @@ function Cr(e) {
 			}
 		});
 	};
-	U(() => {
+	H(() => {
 		M || F(g ?? "");
 	}, [g, M]);
-	let L = () => {
+	let I = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, te = () => {
+	}, L = () => {
 		if (f) {
 			if (D(""), k(null), w(!1), p) {
 				S(!1);
@@ -82,48 +83,48 @@ function Cr(e) {
 			}
 			t();
 		}
-	}, R = async (e) => {
+	}, ne = async (e) => {
 		if (f) {
 			k(null), j(!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 Se(q(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
+				c(Te(o.attrs, t)), S(!1), D("");
 			} catch (e) {
 				k(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
 				j(!1), w(!1);
 			}
 		}
-	}, z = () => {
+	}, re = () => {
 		if (f) {
 			if (!T.trim()) {
 				k(d.uploadRequiredError);
 				return;
 			}
-			R(ye(T));
+			ne(be(T));
 		}
-	}, ne = (e) => {
-		!f || !e || R({
+	}, R = (e) => {
+		!f || !e || ne({
 			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 = () => {
+		R(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+	}, ae = (e) => {
+		e.preventDefault(), e.stopPropagation(), f && R(e.dataTransfer.files?.[0] ?? null);
+	}, oe = () => {
 		f && (N((e) => !e), M || F(g ?? ""));
-	}, B = (e) => {
+	}, z = (e) => {
 		f && (F(e), c({ caption: e.trim() ? e : null }));
-	}, V = (e, t) => {
+	}, B = (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: Oe(i + n, a) });
 		}, s = () => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		};
@@ -140,33 +141,33 @@ function Cr(e) {
 		onPointerEnter: () => b(!0),
 		onPointerLeave: () => b(!1),
 		onMouseDown: (e) => {
-			f && !Sr(e.target) && L();
+			f && !Or(e.target) && I();
 		},
-		children: ee ? /* @__PURE__ */ Z(wr, {
+		children: ee ? /* @__PURE__ */ Z(Ar, {
 			dragActive: C,
 			error: O,
 			inputValue: T,
 			isSubmitting: A,
 			fileInputRef: v,
 			messages: u,
-			onCancel: te,
-			onDrop: ie,
+			onCancel: L,
+			onDrop: ae,
 			onDragActiveChange: w,
-			onFileChange: re,
+			onFileChange: ie,
 			onInputChange: D,
-			onSubmit: z
+			onSubmit: re
 		}) : /* @__PURE__ */ Q(X, { children: [
-			f ? /* @__PURE__ */ Z(Tr, {
+			f ? /* @__PURE__ */ Z(jr, {
 				align: m,
 				captionActive: M || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: ae,
+				onCaption: oe,
 				onDelete: t,
 				onDownload: () => {
 					p && Ae(p);
 				},
-				onPreview: I,
+				onPreview: te,
 				onReplace: () => {
 					D(""), k(null), S(!0);
 				}
@@ -195,7 +196,7 @@ function Cr(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: I,
+						onClick: te,
 						children: [/* @__PURE__ */ Z(E, {
 							size: 16,
 							strokeWidth: 1.8
@@ -205,15 +206,15 @@ function Cr(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(Dr, {
+					f ? /* @__PURE__ */ Z(Nr, {
 						side: "left",
 						messages: u,
-						onPointerDown: V
+						onPointerDown: B
 					}) : null,
-					f ? /* @__PURE__ */ Z(Dr, {
+					f ? /* @__PURE__ */ Z(Nr, {
 						side: "right",
 						messages: u,
-						onPointerDown: V
+						onPointerDown: B
 					}) : null
 				]
 			}),
@@ -224,7 +225,7 @@ function Cr(e) {
 				value: P,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
-				onChange: (e) => B(e.currentTarget.value),
+				onChange: (e) => z(e.currentTarget.value),
 				onKeyDown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), N(!1));
 				}
@@ -236,7 +237,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 Ar({ 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",
@@ -318,7 +319,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 jr({ 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 +327,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(Mr, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Mr, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Mr, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -351,45 +352,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(Mr, {
 				testId: "markweave-image-caption",
 				label: u.caption,
 				icon: h,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Mr, {
 				testId: "markweave-image-preview",
 				label: u.preview,
 				icon: E,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Mr, {
 				testId: "markweave-image-download",
 				label: u.download,
 				icon: w,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Mr, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: B,
+				icon: z,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Mr, {
 				testId: "markweave-image-delete",
 				label: u.delete,
-				icon: pe,
+				icon: me,
 				onClick: a
 			})
 		]
 	});
 }
-function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function Mr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -408,7 +409,7 @@ function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function Dr({ messages: e, onPointerDown: t, side: n }) {
+function Nr({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -419,7 +420,7 @@ function Dr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var Or = Se.extend({
+var Pr = Ce.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -428,33 +429,33 @@ var Or = Se.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Cr, { stopEvent: ({ event: e }) => Sr(e.target) });
+		return typeof document > "u" ? null : o(kr, { stopEvent: ({ event: e }) => Or(e.target) });
 	}
 });
 //#endregion
 //#region src/media/video-node.tsx
-function kr(e) {
+function Fr(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 Ir(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(Er(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 = G(null), [b, x] = K(!1), [S, C] = K(""), [w, T] = K(null), [E, D] = K(!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 && (Fr(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 Se(ke({
 					type: "file",
 					file: e,
 					mimeType: e.type
 				}), l.onUpload);
-				c(Te(t)), C("");
+				c(Ee(t)), C("");
 			} catch (e) {
 				T(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
@@ -468,7 +469,7 @@ function Ar(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(jr, {
+		children: /* @__PURE__ */ Z(Lr, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -486,7 +487,7 @@ function Ar(e) {
 			onInputChange: C,
 			onSubmit: () => {
 				if (!f) return;
-				let e = Ee(S);
+				let e = De(S);
 				if (!e) {
 					T(d.unsupportedUrlError);
 					return;
@@ -549,7 +550,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 Lr({ 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 +577,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(ve, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -611,7 +612,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(_e, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -631,7 +632,7 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var Mr = Ce.extend({
+var Rr = we.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -640,30 +641,30 @@ var Mr = Ce.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Ar, { stopEvent: ({ event: e }) => kr(e.target) });
+		return typeof document > "u" ? null : o(Ir, { stopEvent: ({ event: e }) => Fr(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function Nr(e) {
+function zr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Pr(e) {
+function Br(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Fr(e) {
+function Vr(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Ir(e) {
+function Hr(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(() => {
+function Ur(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(Er(r)), f = Ve(o.attrs), [p, m] = K(!1), [h, g] = K(!1), [_, v] = K(!1), [y, b] = K(f?.title ?? ""), [x, C] = K(f?.href ?? ""), w = G(null);
+	if (H(() => () => w.current?.abort(), []), H(() => {
 		b(f?.title ?? ""), C(f?.href ?? ""), v(!1);
 	}, [f?.href, f?.title]), !f) return null;
 	let T = async (e) => {
@@ -691,7 +692,7 @@ function Lr(e) {
 	}, E = () => {
 		let e = i();
 		typeof e == "number" && Ue(r, e);
-	}, D = _ ? null : f.imageUrl, O = Ir(f.href);
+	}, D = _ ? null : f.imageUrl, O = Hr(f.href);
 	return /* @__PURE__ */ Q(a, {
 		as: "article",
 		className: "markweave-link-card",
@@ -702,10 +703,10 @@ function Lr(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			Nr(e.target) || e.preventDefault();
+			zr(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			Nr(e.target) || (e.preventDefault(), Fr(f.href));
+			zr(e.target) || (e.preventDefault(), Vr(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -743,21 +744,21 @@ function Lr(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Wr, {
 						label: u.convertToLink,
-						icon: I,
+						icon: te,
 						onClick: E,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Wr, {
 						label: u.copyAddress,
 						icon: S,
-						onClick: () => void Pr(f.href),
+						onClick: () => void Br(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Wr, {
 						label: u.edit,
-						icon: ie,
+						icon: ae,
 						onClick: (e) => {
 							let t = i();
 							typeof t == "number" && We({
@@ -773,9 +774,9 @@ function Lr(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Wr, {
 						label: u.delete,
-						icon: pe,
+						icon: me,
 						onClick: t,
 						testId: "markweave-link-card-delete"
 					})
@@ -803,14 +804,14 @@ function Lr(e) {
 						type: "submit",
 						"aria-label": u.edit,
 						disabled: !He(x),
-						children: /* @__PURE__ */ Z(I, { size: 16 })
+						children: /* @__PURE__ */ Z(te, { size: 16 })
 					})
 				]
 			}) : null
 		]
 	});
 }
-function Rr({ icon: e, label: t, onClick: n, testId: r }) {
+function Wr({ icon: e, label: t, onClick: n, testId: r }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": t,
@@ -827,7 +828,7 @@ function Rr({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var zr = Ge.extend({
+var Gr = Ge.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -836,23 +837,23 @@ var zr = Ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Lr, { stopEvent: ({ event: e }) => Nr(e.target) });
+		return typeof document > "u" ? null : o(Ur, { stopEvent: ({ event: e }) => zr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Br(t = {}) {
+function Kr(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: zr.configure({
+		linkCardExtension: Gr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: Be({
-			image: Or,
-			video: Mr,
+			image: Pr,
+			video: Rr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload
@@ -861,7 +862,7 @@ function Br(t = {}) {
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function Vr(e) {
+function qr(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", {
 		cx: "10",
 		cy: "10",
@@ -898,7 +899,7 @@ function Vr(e) {
 		/* @__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" });
 }
-function Hr({ icon: e }) {
+function Jr({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -909,63 +910,71 @@ function Hr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: Vr(e)
+			children: qr(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 Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = G(null), o = G(null), s = G(null), c = G(null), l = G(null), u = G({
 		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] = K(null), [p, m] = K(null), [h, g] = K([]), [_, v] = K(null), [y, b] = K(!1), [x, S] = K(""), [C, w] = K(-1), [T, E] = K(null), [D, O] = K(!1), [k, A] = K(null), [j, M] = K(null), [N, P] = K(!1), [F, ee] = K(0), [te, I] = K(0), L = pt(t), ne = gn(t, d), re = !i && e && L.active && L.pos !== null ? {
+		...L,
+		pos: L.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 = ne ?? re, ie = R !== null, ae = R?.language === "mermaid", oe = xn(t, R), z = ie && R !== null && !oe, B = !i, se = ln(R ? R.language : "text"), ce = T?.status ?? "idle", le = R?.mermaidPreviewMode ?? n, ue = ae && le === "preview", de = yn(t), fe = `${te}|${de.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, pe = W(() => pn(x.trim().toLowerCase()), [x]);
+	if (H(() => {
+		i && (b(!1), S(""), w(-1));
+	}, [i]), H(() => {
+		if (!T) return;
 		let e = window.setTimeout(() => {
-			S(null);
-		}, en);
+			E(null);
+		}, tn);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [x]), U(() => {
-		S(null), v(!1), b(""), E(null), O(null), A(!1);
+	}, [T]), H(() => {
+		E(null), b(!1), S(""), w(-1), A(null), M(null), P(!1);
 	}, [
 		e,
-		L?.language,
-		L?.pos,
-		L?.text
-	]), U(() => {
+		R?.language,
+		R?.pos,
+		R?.text
+	]), H(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(dt) && M((e) => e + 1);
+			e.getMeta(dt) && ee((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
 		};
-	}, [t]), U(() => {
+	}, [t]), H(() => {
 		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 = gn(t, hn(t, e.target)), r = n && !xn(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]), H(() => {
+		y && s.current?.focus({ preventScroll: !0 });
+	}, [y]), U(() => {
+		if (!y || C < 0) return;
+		let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
+		e && t && En(e, t);
+	}, [
+		C,
+		pe,
+		y
+	]), H(() => {
+		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && (E(null), O(null), A(!1), c.current = {
+			e.key === "Escape" && (A(null), M(null), P(!1), u.current = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -974,33 +983,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]), H(() => {
+		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
+	]), U(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!mn(e) || oe.length === 0) {
-				m([]);
+			if (!_n(e) || de.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 = de.flatMap((e) => {
+				let r = fn(dn(t, e.pos, e.mermaidPreviewMode), n);
+				return r ? [sn(e, r, n)] : [];
 			});
-			m((e) => vn(e, r, oe.map((e) => e.pos)));
+			g((e) => Sn(e, r, de.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -1008,26 +1017,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,
+		F,
 		t,
-		se
-	]), W(() => {
-		if (!ne || !L) {
-			f(null), g(null);
+		fe
+	]), U(() => {
+		if (!z || !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 = dn(t, R.pos, le), r = e.getBoundingClientRect(), i = fn(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 = an(R.pos, i, r);
+			if (m(s), y && o.current) {
 				let e = o.current.getBoundingClientRect();
-				g(Qt({
+				v($t({
 					overlayRect: r,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -1039,93 +1048,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,
+		z,
+		F,
+		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
+	]), !z && de.length === 0 && !k) return null;
+	let me = p ? {
+		top: p.top,
+		right: p.right
+	} : void 0, he = async () => {
 		if (i) {
-			if (!L) return;
-			let e = await tn(L.text);
-			S(mt(L, e ? "copied" : "failed"));
+			if (!R) return;
+			let e = await nn(R.text);
+			E(mt(R, e ? "copied" : "failed"));
 			return;
 		}
-		if (!on(t, L)) return;
+		if (!cn(t, R)) return;
 		let e = await ft(t);
-		S(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
-	}, de = (e, n) => {
+		E(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
+	}, ge = (e, n) => {
 		if (i) {
-			St(t, e.pos, n) && P((e) => e + 1);
+			St(t, e.pos, n) && I((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();
-	}, he = () => {
-		if (!L) return;
-		let e = gn(t, L.pos);
-		e && (E(rn(e)), O(null), A(!1), c.current = {
+		let a = L.active && L.pos === e.pos;
+		vt(t, e.pos, n) && (r(n), I((e) => e + 1), a && t.view.focus());
+	}, _e = (e) => {
+		if (i || !R) return;
+		let n = L.active && L.pos === R.pos;
+		_t(t, R.pos, e) && (e === "mermaid" && vt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), I((e) => e + 1), n && t.view.focus());
+	}, ve = () => {
+		let e = !y;
+		e && l.current === null && (l.current = rn()), w(e ? vn(pe, R?.language ?? null) : -1), b(e);
+	}, V = (e) => {
+		let t = pn(e);
+		S(e), w(vn(t, e.trim() ? null : R?.language ?? null));
+	}, ye = (e) => {
+		if (!e.nativeEvent.isComposing) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), w((t) => wn(t, pe.length, e.key === "ArrowUp" ? "previous" : "next"));
+				return;
+			}
+			if (e.key === "Enter") {
+				let t = pe[C];
+				t && (e.preventDefault(), _e(t.language));
+				return;
+			}
+			e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
+		}
+	}, be = pe[C], xe = l.current && be ? mn(l.current, be.language) : void 0, Se = () => {
+		i || !R || gt(t, R.pos, !oe) && (ee((e) => e + 1), f(null));
+	}, Ce = () => {
+		if (!R) return;
+		let e = bn(t, R.pos);
+		e && Qt({
+			data: new Blob([e], { type: "image/svg+xml" }),
+			fileName: "markweave-mermaid.svg",
+			onSettled: () => t.view.focus(),
+			ownerDocument: document
+		});
+	}, we = () => {
+		if (!R) return;
+		let e = bn(t, R.pos);
+		e && (A(on(e)), M(null), P(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, ge = () => {
-		E(null), O(null), A(!1), c.current = {
+	}, Te = () => {
+		A(null), M(null), P(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, _e = (e) => {
-		E((t) => t && {
+	}, Ee = (e) => {
+		A((t) => t && {
 			...t,
-			scale: $t(t.scale + e)
+			scale: en(t.scale + e)
 		});
-	}, H = () => {
-		E((e) => e && rn(e.svg)), c.current = {
+	}, De = () => {
+		A((e) => e && on(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 = {
+		}, P(!1);
+	}, Oe = (e) => {
+		e.preventDefault(), Ee(e.deltaY < 0 ? Cn : -Cn);
+	}, q = (e) => {
+		e.button === 0 && (e.preventDefault(), u.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, A(!0));
-	}, be = (e) => {
-		let t = c.current;
+		}, P(!0));
+	}, ke = (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) => Tn(e, n, r));
+	}, Ae = () => {
+		u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, A(!1);
+		}, P(!1);
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: a,
@@ -1133,8 +1164,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);
+			de.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,47 +1180,47 @@ 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: () => ge(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			ne ? /* @__PURE__ */ Q("div", {
+			z ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
-				"data-positioned": d ? "true" : "false",
-				"data-collapsed": z ? "true" : "false",
+				"data-positioned": p ? "true" : "false",
+				"data-collapsed": oe ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
-				style: le,
+				style: me,
 				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: ve,
+						children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(Jr, { icon: "chevron" })]
 					}),
-					re ? /* @__PURE__ */ Z("button", {
+					B ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": z ? "Expand code block" : "Collapse code block",
-						title: z ? "Expand code block" : "Collapse code block",
+						"aria-label": oe ? "Expand code block" : "Collapse code block",
+						title: oe ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": z ? "true" : "false",
+						"data-collapsed": oe ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: pe,
-						children: /* @__PURE__ */ Z(Hr, { icon: "chevron" })
+						onClick: Se,
+						children: /* @__PURE__ */ Z(Jr, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1198,22 +1229,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: he,
+							children: /* @__PURE__ */ Z(Jr, { 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", {
@@ -1221,63 +1252,73 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Fullscreen Mermaid preview",
 							"data-testid": "markweave-mermaid-fullscreen",
-							disabled: !V,
+							disabled: !ue,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: he,
-							children: /* @__PURE__ */ Z(Hr, { icon: "expand" })
+							onClick: we,
+							children: /* @__PURE__ */ Z(Jr, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Download Mermaid SVG",
 							"data-testid": "markweave-mermaid-download",
-							disabled: !V,
+							disabled: !ue,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: me,
-							children: /* @__PURE__ */ Z(Hr, { icon: "download" })
+							onClick: Ce,
+							children: /* @__PURE__ */ Z(Jr, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			re && ne && _ ? /* @__PURE__ */ Q("div", {
+			B && z && 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": xe,
+						"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) => V(e.target.value),
+						onKeyDown: ye
+					}), /* @__PURE__ */ Z(Jr, { 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: pe.map((e, t) => {
+						let n = e.language === R.language, r = t === C;
 						return /* @__PURE__ */ Q("button", {
+							id: l.current ? mn(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: () => _e(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(Jr, { 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 +1334,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: () => Ee(-Cn),
+								children: /* @__PURE__ */ Z(Jr, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-label",
-								children: cn(T.scale)
+								children: un(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: () => Ee(Cn),
+								children: /* @__PURE__ */ Z(Jr, { 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: De,
+								children: /* @__PURE__ */ Z(Jr, { 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 +1383,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: Te,
+						children: /* @__PURE__ */ Z(Jr, { 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": N ? "true" : "false",
+						onWheel: Oe,
+						onMouseDown: q,
+						onMouseMove: ke,
+						onMouseUp: Ae,
+						onMouseLeave: Ae,
 						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 +1415,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 Xr = n("zh");
+function Zr() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Kr(e, t) {
+function Qr(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 $r(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function Jr(e) {
+function ei(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Yr(e, t, n, r) {
+function ti(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1408,26 +1449,26 @@ function Yr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Xr(e) {
+function ni(e) {
 	return e.width > 0 && e.height > 0;
 }
-function Zr(e) {
+function ri(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 ti(t, n, r - t, i - n);
 }
-function Qr(e, t) {
+function ii(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 ai(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(ni).map((e) => ti(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 ni(n) ? [ti(n.left, n.top, n.width, n.height)] : null;
 }
-function ei(e, t) {
+function oi(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1440,8 +1481,8 @@ function ei(e, t) {
 		return null;
 	}
 }
-function ti(e, t) {
-	let n = ei(e, t);
+function si(e, t) {
+	let n = oi(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1449,51 +1490,51 @@ function ti(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function ni(e) {
+function ci(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 || !ii(e, t) || !si(e, t) ? null : ai(t.getRangeAt(0));
 }
-function ri(e) {
+function li(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), ai(a);
 	} catch {
 		return null;
 	}
 }
-function ii(e) {
+function ui(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 = ti(c, o, Math.max(i.right, a.right) - c, s - o);
+	return ni(l) ? [l] : null;
 }
-function ai(e) {
-	return ni(e) ?? ri(e) ?? ii(e);
+function di(e) {
+	return ci(e) ?? li(e) ?? ui(e);
 }
-function oi(e) {
-	let t = ai(e);
-	return t && t.length > 0 ? Zr(t) : null;
+function fi(e) {
+	let t = di(e);
+	return t && t.length > 0 ? ri(t) : null;
 }
-function si(e) {
+function pi(e) {
 	return {
-		getBoundingClientRect: () => oi(e) ?? Yr(0, 0, 0, 0),
-		getClientRects: () => ai(e) ?? []
+		getBoundingClientRect: () => fi(e) ?? ti(0, 0, 0, 0),
+		getClientRects: () => di(e) ?? []
 	};
 }
-function ci(e) {
+function mi(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function li(e, t, n) {
-	n?.(wn(e, t)), e.commands.focus();
+function hi(e, t, n) {
+	n?.(An(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 gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = W(() => Fn(t), [t]), a = st(n, { editable: e.isEditable }), [o, s] = K(a), [c, l] = K(null), [u, d] = K(null), [f, p] = K(null), [m, h] = K(""), [g, _] = K(""), [v, y] = K(null), [b, x] = K(0), [S, C] = K(a.boundaryPadding), [w, T] = K("bottom"), E = G(0), D = G(null), O = G(null), k = G(null), A = G(null), j = jn(e, o.variant, t), M = Ln(j.find((e) => e.id === c) ?? null), N = Jn(m), P = V(() => {
 		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 = $r(t, O.current), s = E.current, c = nt({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1526,13 +1567,13 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), F = H(() => {
+	]), F = V(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), ee = H(() => {
+	}, []), ee = V(() => {
 		P();
-	}, [P]), I = H(() => si(e), [e]), L = H((e) => {
+	}, [P]), te = V(() => pi(e), [e]), I = V((e) => {
 		k.current = e;
-	}, []), te = H(() => {
+	}, []), L = V(() => {
 		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({
@@ -1551,7 +1592,7 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		f,
 		o.boundaryPadding
-	]), R = G(() => ({
+	]), ne = W(() => ({
 		...ot(o, { topBoundaryPadding: S }),
 		onShow: F,
 		onUpdate: ee
@@ -1561,8 +1602,8 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o,
 		S
 	]);
-	U(() => {
-		let e = Gr();
+	H(() => {
+		let e = Zr();
 		s((t) => ut(t, a, e));
 	}, [
 		a.hiddenReason,
@@ -1575,10 +1616,10 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		a.updateDelayMs,
 		a.variant,
 		a.visibility
-	]), U(() => {
+	]), H(() => {
 		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 - Zr()), t = window.setTimeout(() => {
+			s((e) => et(e, Zr()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1587,12 +1628,12 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), W(() => {
+	]), U(() => {
 		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 = On(P);
 		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);
 		};
@@ -1605,20 +1646,20 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), W(() => {
+	]), U(() => {
 		if (!f) return;
-		let e = Sn(te);
+		let e = On(L);
 		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, L]), H(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
 		f,
 		c,
 		j
-	]), U(() => {
+	]), H(() => {
 		if (!f) return;
 		let t = (e) => {
 			O.current?.contains(e.target) || p(null);
@@ -1628,18 +1669,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]), H(() => {
 		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 (mi(t.id)) {
 			let n = t.id;
 			if (n === "link") {
-				let t = Dn(e);
+				let t = Nn(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,23 +1690,23 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			li(e, "rewrite-selection", r);
+			hi(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(), kn(e, m) && R();
+	}, oe = () => {
+		if (ie(), Un(e)) {
+			h(""), _(""), R();
 			return;
 		}
 		m.trim() && h("");
-	}, B = (e, t) => {
+	}, z = (e, t) => {
 		if (l(e), !e || !t || !O.current) {
 			d(null);
 			return;
@@ -1673,41 +1714,41 @@ 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(Dn, {
 		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": ne.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Kr(o, b),
+		style: Qr(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: I,
-		options: R,
+		getReferencedVirtualElement: te,
+		options: ne,
 		shouldShow: ({ editor: e }) => e.isEditable && lt(at(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(vi, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && j[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
-					onPointerDown: In,
-					onTooltipChange: B,
-					onRun: z
+					onPointerDown: Hn,
+					onTooltipChange: z,
+					onRun: re
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(mi, {
+				f === "block-type" ? /* @__PURE__ */ Z(bi, {
 					editor: e,
 					messages: t,
-					onPopoverRef: L,
+					onPopoverRef: I,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(di, {
+				f === "link" ? /* @__PURE__ */ Z(_i, {
 					inputRef: A,
 					messages: t,
 					value: m,
@@ -1715,22 +1756,22 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 					canOpen: !!N,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: ie,
-					onOpen: () => Fn(m),
-					onRemove: ae,
-					onPopoverRef: L
+					onApply: ae,
+					onOpen: () => Vn(m),
+					onRemove: oe,
+					onPopoverRef: I
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(gi, {
+				f === "color" ? /* @__PURE__ */ Z(Si, {
 					editor: e,
 					messages: t,
-					onPopoverRef: L,
+					onPopoverRef: I,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(vi, {
+				f === "more" ? /* @__PURE__ */ Z(wi, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
-					onPopoverRef: L,
+					onPopoverRef: I,
 					onTooltipChange: l,
 					onClose: () => p(null)
 				}) : null,
@@ -1740,15 +1781,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: ei(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 _i({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
+	let d = Pn(t);
 	return /* @__PURE__ */ Q("form", {
 		ref: u,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
@@ -1771,7 +1812,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: Hn,
 					children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
 				}),
 				/* @__PURE__ */ Z("span", {
@@ -1783,7 +1824,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: Hn,
 					onClick: c,
 					children: /* @__PURE__ */ Z($, { name: "external-link" })
 				}),
@@ -1792,7 +1833,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: Hn,
 					onClick: l,
 					children: /* @__PURE__ */ Z($, { name: "trash" })
 				})
@@ -1800,7 +1841,7 @@ 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 }) {
+function vi({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
 	return /* @__PURE__ */ Q(X, { children: [n ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
@@ -1808,7 +1849,7 @@ function fi({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
 		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": mi(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 +1859,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(yi, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function pi({ button: e, expanded: t }) {
+function yi({ 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 +1883,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 bi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+	let i = Pn(t), a = Rn(t);
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
@@ -1853,48 +1894,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": Bn(e, t.id),
 			"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
-			onMouseDown: In,
+			onMouseDown: Hn,
 			onClick: () => {
-				Vn(e, t.id), r();
+				qn(e, t.id), r();
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(hi, { option: t })
+				children: /* @__PURE__ */ Z(xi, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function hi({ option: e }) {
+function xi({ 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 Si({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+	let i = Pn(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(Ci, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
-			options: An(t),
+			options: In(t),
 			onSelect: (t) => {
-				Bn(e, t), r();
+				Kn(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(_i, {
+		}), /* @__PURE__ */ Z(Ci, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
-			options: En(t),
+			options: Mn(t),
 			onSelect: (t) => {
-				zn(e, t), r();
+				Gn(e, t), r();
 			}
 		})]
 	});
 }
-function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function Ci({ 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 +1949,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: Hn,
 				onClick: () => i(e.value),
 				children: t === "text" ? /* @__PURE__ */ Z("span", {
 					className: "markweave-floating-toolbar-text-swatch",
@@ -1923,25 +1964,25 @@ 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 wi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
+	let o = Fn(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(Ti, {
 			action: t,
-			active: Nn(e, t.id),
+			active: zn(e, t.id),
 			tooltipActive: n === t.id,
 			showDivider: r > 0 && o[r - 1].group !== t.group,
 			onTooltipChange: i,
 			onRun: () => {
-				Rn(e, t.id), a();
+				Wn(e, t.id), a();
 			}
 		}, t.id))
 	});
 }
-function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function Ti({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
 	return /* @__PURE__ */ Q(X, { children: [r ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
@@ -1953,11 +1994,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: Hn,
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(bi, { id: e.id })
+			children: /* @__PURE__ */ Z(Ei, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -1965,41 +2006,41 @@ function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function bi({ id: e }) {
+function Ei({ 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,
+var Di = {
+	sparkles: ce,
 	"chevron-down": v,
 	"chevron-up": y,
 	"corner-down-left": C,
 	"external-link": T,
 	bold: p,
 	italic: F,
-	underline: he,
-	strike: ce,
+	underline: ge,
+	strike: le,
 	"inline-code": x,
-	link: I,
-	more: ne,
-	text: me,
-	"bullet-list": L,
-	"numbered-list": R,
-	"todo-list": te,
-	quote: ae,
+	link: te,
+	more: R,
+	text: he,
+	"bullet-list": I,
+	"numbered-list": ne,
+	"todo-list": L,
+	quote: oe,
 	"code-block": m,
-	superscript: ue,
-	subscript: le,
-	math: V,
+	superscript: de,
+	subscript: ue,
+	math: B,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
 	"decrease-indent": M,
 	"increase-indent": N,
-	trash: pe
+	trash: me
 };
 function $({ name: e }) {
-	let t = xi[e];
+	let t = Di[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2009,8 +2050,8 @@ 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 Oi({ editor: e, messages: t, onClose: n, target: r }) {
+	let i = G(null), a = G(null), [o, s] = K(r.latex), [c, l] = K(null), u = t.math, d = W(() => Dt(e, r) ?? 1, [e, r]), f = W(() => Ot(e, r), [e, r]), p = W(() => o === r.latex && f ? {
 		html: f,
 		error: !1
 	} : Mt(o, r.kind, e), [
@@ -2019,7 +2060,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		r.kind,
 		r.latex,
 		o
-	]), m = o.trim().length > 0, h = H(() => {
+	]), m = o.trim().length > 0, h = V(() => {
 		if (typeof window > "u") return;
 		let t = Et(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
@@ -2040,9 +2081,9 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		r,
 		o
 	]);
-	U(() => {
+	H(() => {
 		s(r.latex);
-	}, [r.latex, r.pos]), U(() => {
+	}, [r.latex, r.pos]), H(() => {
 		Nt(e, r, !0), h();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), h();
@@ -2055,14 +2096,14 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		n,
 		r,
 		h
-	]), U(() => {
+	]), H(() => {
 		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(() => {
+	let _ = V(() => {
 		m && wt(e, r, o) && n();
 	}, [
 		m,
@@ -2194,31 +2235,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,
+var ki = n("zh"), Ai = {
+	type: pe,
 	"heading-1": D,
 	"heading-2": O,
 	"heading-3": k,
-	"bullet-list": L,
-	"ordered-list": R,
-	"task-list": te,
-	blockquote: ae,
+	"bullet-list": I,
+	"ordered-list": ne,
+	"task-list": L,
+	blockquote: oe,
 	"code-block": m,
 	info: P,
 	tip: ee,
 	warning: c,
 	error: b,
 	success: _,
-	emoji: oe,
-	math: V,
-	table: de,
-	separator: z,
+	emoji: se,
+	math: B,
+	table: fe,
+	separator: re,
 	image: A,
-	video: _e,
-	attachment: re
+	video: ve,
+	attachment: ie
 };
-function Ti({ name: e }) {
-	let t = wi[e];
+function ji({ name: e }) {
+	let t = Ai[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2226,7 +2267,7 @@ function Ti({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function Ei(e, t, n) {
+function Mi(e, t, n) {
 	return !zt(e) || !n ? {
 		visible: !1,
 		empty: !1,
@@ -2241,17 +2282,17 @@ function Ei(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function Di(e, t) {
+function Ni(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 Pi(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 Fi({ command: e, messages: t, onBack: n, onSelect: r }) {
+	let [i, a] = K(""), [o, s] = K(0), c = W(() => {
 		let e = i.trim().toLowerCase();
 		return (e ? t.slash.emojiItems.filter((t) => [
 			t.emoji,
@@ -2317,9 +2358,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 Ii({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
+	let a = e.uploadKind ?? "attachment", [o, s] = K(""), [c, l] = K(null), [u, d] = K(null), [f, p] = K(!1), m = async (t) => {
+		r(e, { uploadResult: await Se({
 			kind: a,
 			source: t,
 			trigger: "slash-command"
@@ -2339,7 +2380,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(ye(o));
+			await m(be(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2357,7 +2398,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: Pi(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2405,10 +2446,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 Li({ commands: e, messages: t = ki, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = Mi(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = Di(e, t), d = {
+	let u = Ni(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2430,12 +2471,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(Fi, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Ai, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Ii, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2479,7 +2520,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(Ti, { name: t.icon }),
+							/* @__PURE__ */ Z(ji, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2491,38 +2532,38 @@ 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(() => {
+var Ri = n("zh");
+function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
+	let [s, c] = K(null), [l, u] = K("row-edge"), [d, f] = K(null), [p, m] = K(null), [h, g] = K(null), [_, v] = K(null), [y, b] = K(null), x = G(null), S = G(null), C = G(null), w = G(null), T = G(null), E = e ? Jt(t.state) : null;
+	if (H(() => {
 		if (!y) return;
 		let e = window.setTimeout(() => {
 			b(null);
-		}, or);
+		}, fr);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), W(() => {
+	}, [y]), U(() => {
 		if (!e) {
 			m(null), g(null), v(null), b(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 = ir(t, n, "row", E?.activeCellPos ?? null), i = ir(t, n, "column", E?.activeCellPos ?? null), a = r ? rr(t, r) : null, o = i ? rr(t, i) : null, c = nr(t).length > 0 ? lr(t) : null;
 			if (!e) {
 				m(null), g(null), v(null);
 				return;
 			}
 			let u = e.getBoundingClientRect();
-			a ? m(Gn({
+			a ? m(Zn({
 				targetRect: a,
 				frameRect: u,
 				kind: "row"
-			})) : s === "row" && l === "row-edge" || m(null), o ? g(Gn({
+			})) : s === "row" && l === "row-edge" || m(null), o ? g(Zn({
 				targetRect: o,
 				frameRect: u,
 				kind: "column"
-			})) : s === "column" && l === "column-edge" || g(null), c ? v(Gn({
+			})) : s === "column" && l === "column-edge" || g(null), c ? v(Zn({
 				targetRect: c,
 				frameRect: u,
 				kind: "selection"
@@ -2542,7 +2583,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), W(() => {
+	]), U(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2553,12 +2594,12 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 				f(null);
 				return;
 			}
-			let i = n.getBoundingClientRect(), a = s === "row" ? Yn(t)?.getBoundingClientRect() : null, o = a ? {
+			let i = n.getBoundingClientRect(), a = s === "row" ? tr(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(), u = r.getBoundingClientRect(), d = Xn({
 				anchorRect: o,
 				frameRect: c,
 				menuSize: {
@@ -2580,7 +2621,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 		p,
 		h,
 		_
-	]), U(() => {
+	]), H(() => {
 		if (!e || !s) return;
 		let n = (e) => {
 			e.key === "Escape" && (c(null), t.view.focus());
@@ -2599,14 +2640,14 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 		let n = s === e && l === t;
 		u(t), c(n ? null : e);
 	}, O = () => {
-		t.view.dispatch(Un(t.state.tr, null));
+		t.view.dispatch(Yn(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);
+		i !== null && dr(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({
+	}, j = ir(t, n, "row", E?.activeCellPos ?? null), M = ir(t, n, "column", E?.activeCellPos ?? null), N = nr(t).length > 0, P = s ? cr(t, s) : [], F = async (e, n) => {
+		let o = await $n({
 			editor: t,
 			commandId: e,
 			menu: n ?? s ?? "selection",
@@ -2614,7 +2655,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 		});
 		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);
+		let n = ar(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
 	return /* @__PURE__ */ Q("div", {
@@ -2633,7 +2674,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 				"data-copy-kind": y.kind,
 				"data-text-length": y.textLength,
 				"data-html-length": y.htmlLength,
-				children: Jn(y)
+				children: er(y)
 			}) : null,
 			p ? /* @__PURE__ */ Z("button", {
 				type: "button",
@@ -2711,7 +2752,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 				ref: S,
 				className: "markweave-table-menu",
 				role: "menu",
-				"aria-label": sr(s, r),
+				"aria-label": pr(s, r),
 				"data-testid": "markweave-table-menu",
 				"data-positioned": d ? "true" : "false",
 				style: d ? {
@@ -2719,7 +2760,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 					top: d.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);
+					let i = or(e), a = n === 0 ? i : or(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Qn(t, e.commandId), d = sr(e, r);
 					return /* @__PURE__ */ Z("button", {
 						type: "button",
 						role: "menuitem",
@@ -2749,15 +2790,15 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Pi({ editor: e, focusState: t }) {
-	let [n, r] = q(null);
-	return W(() => {
+function Bi({ editor: e, focusState: t }) {
+	let [n, r] = K(null);
+	return U(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
 		}
 		let n = () => {
-			r(ir(e, Yt(e.state)));
+			r(ur(e, Yt(e.state)));
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -2792,16 +2833,16 @@ function Pi({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function Fi(e, t) {
+function Vi(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 Hi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = G(null);
+	if (H(() => {
+		if (!(i !== "container" || !a.current)) return br(a.current);
 	}, [i]), !t.items.length) return null;
 	let o = (t) => {
-		hr(e, t, {
+		xr(e, t, {
 			behavior: "smooth",
 			focus: r
 		});
@@ -2828,7 +2869,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": Vi(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -2839,7 +2880,7 @@ function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Li = {
+var Ui = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2847,21 +2888,21 @@ var Li = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Ri = {
+}, Wi = {
 	active: !1,
 	language: ht.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, zi = Ct({
+}, Gi = Ct({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function Bi(e) {
+function Ki(e) {
 	return Zt.getState(e.state) ?? Xt;
 }
-function Vi(e) {
+function qi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2871,18 +2912,18 @@ function Vi(e) {
 	}
 	return null;
 }
-function Hi(e) {
+function Ji(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Ui(e) {
+function Yi(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({
+function Xi({ 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 = Cr(g), j = Sr(_), M = yr(p), N = k === "live" && d !== !1, P = Ze(o === void 0 ? u : c), F = G({
 		editorMode: k,
 		effectiveEditable: N
 	});
@@ -2890,71 +2931,71 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 		editorMode: k,
 		effectiveEditable: N
 	};
-	let ee = K(null);
+	let ee = G(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 te = ee.current, I = W(() => n(te), [te]), L = W(() => t(te), [te]), ne = G(C);
+	ne.current = C;
+	let re = G(S);
+	re.current = S;
+	let R = G(O);
+	R.current = O;
+	let ie = W(() => Kr({
+		lang: te,
 		onImageUpload: (e) => {
-			if (R.current) return R.current(e);
-			let t = be(e);
+			if (ne.current) return ne.current(e);
+			let t = xe(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 (ne.current) return ne.current(e);
+			let t = xe(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) => R.current?.(e) ?? Promise.resolve(null)
+	}), [te]), [ae, oe] = K(null), [z, B] = K(Wt), [se, ce] = K(null), [le, ue] = K(null), [de, fe] = K("code"), [pe, me] = K(null), [he, ge] = K(Xt), [_e, ve] = K(null), [U, ye] = K(0), be = G(!1), Se = G({
 		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 = {
+	}), Ce = G(null), we = G(null), Te = G({ onUpdate: D }), Ee = W(() => It(z.query, L), [L, z.query]);
+	Te.current = { onUpdate: D }, Se.current = {
 		content: o,
 		format: P
 	};
-	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);
+	let De = V(() => {
+		we.current !== null && (window.clearTimeout(we.current), we.current = null), ye((e) => e + 1);
+	}, []), Oe = V(() => {
+		we.current !== null && window.clearTimeout(we.current), we.current = window.setTimeout(() => {
+			we.current = null, ye((e) => e + 1);
 		}, ct);
 	}, []);
-	U(() => () => {
-		Ce.current !== null && window.clearTimeout(Ce.current);
+	H(() => () => {
+		we.current !== null && window.clearTimeout(we.current);
 	}, []);
-	let Oe = H(() => {
-		se(null), le(null), V(Wt);
-	}, []), ke = H((e) => {
+	let q = V(() => {
+		ce(null), ue(null), B(Wt);
+	}, []), ke = V((e) => {
 		let t = Ut(e.state);
 		if (!t) {
-			V((e) => e.name === "idle" ? e : Wt), se(null), le(null);
+			B((e) => e.name === "idle" ? e : Wt), ce(null), ue(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		se(Ht(n, {
+		ce(Ht(n, {
 			frameRect: i,
 			triggerRect: r
-		})), V((e) => Vt(e, t));
-	}, []), Ae = H((e) => ke(e.view), [ke]), je = H((e) => {
+		})), B((e) => Vt(e, t));
+	}, []), Ae = V((e) => ke(e.view), [ke]), je = V((e) => {
 		let t = at(e);
-		ae((e) => tt(e, t) ? e : t);
+		oe((e) => tt(e, t) ? e : t);
 		let n = jt(e);
-		n && (Nt(e, n, !0), pe(n));
+		n && (Nt(e, n, !0), me(n));
 		let r = pt(e);
-		r.active && r.language === "mermaid" && de(r.mermaidPreviewMode);
-	}, []), Me = H((e) => {
-		he(Bi(e));
+		r.active && r.language === "mermaid" && fe(r.mermaidPreviewMode);
+	}, []), Me = V((e) => {
+		ge(Ki(e));
 	}, []), J = s({
-		extensions: re,
+		extensions: ie,
 		content: o ?? l,
 		contentType: Je(P),
 		editable: N,
@@ -2970,12 +3011,12 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			},
 			handleClick: (e, t, n) => F.current.effectiveEditable ? !1 : Qe(n),
 			handleDOMEvents: {
-				compositionstart: () => F.current.effectiveEditable ? (V((e) => Gt(e, { type: "composition-start" })), se(null), !1) : !1,
+				compositionstart: () => F.current.effectiveEditable ? (B((e) => Gt(e, { type: "composition-start" })), ce(null), !1) : !1,
 				compositionend: (e) => (F.current.effectiveEditable && window.setTimeout(() => ke(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);
+						return n ? (t.preventDefault(), t.stopPropagation(), q(), Pt(e, n, !0), Ft(e, n), me(n), !0) : (me(null), !1);
 					}
 					return Qe(t);
 				}
@@ -2985,19 +3026,19 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			je(e);
 		},
 		onCreate: ({ editor: e }) => {
-			i && F.current.effectiveEditable && qt(e), Me(e), je(e), Ee();
+			i && F.current.effectiveEditable && qt(e), Me(e), je(e), De();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			Me(e), (t.docChanged || yt(t)) && De(), t.docChanged && pe((t) => {
+			Me(e), (t.docChanged || yt(t)) && Oe(), t.docChanged && me((t) => {
 				if (!t) return null;
 				let n = kt(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 = {
+			je(e), F.current.effectiveEditable && Ae(e), be.current || Te.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
+				let r = Se.current;
+				r.content !== void 0 && t === r.format && (Ce.current = {
 					content: n,
 					format: t,
 					doc: e.state.doc
@@ -3005,107 +3046,107 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			} }));
 		}
 	});
-	U(() => {
-		if (J) return z.current?.(vr(J)), () => {
-			z.current?.(null);
+	H(() => {
+		if (J) return re.current?.(wr(J)), () => {
+			re.current?.(null);
 		};
-	}, [J]), U(() => {
+	}, [J]), H(() => {
 		J && (J.setEditable(N), Le(J, {
 			mode: k,
 			editable: N
-		}), xt(J, N ? "live" : "view"), Ee(), N || Oe());
+		}), xt(J, N ? "live" : "view"), De(), N || q());
 	}, [
-		Oe,
+		q,
 		J,
 		k,
 		N,
-		Ee
-	]), U(() => {
+		De
+	]), H(() => {
 		J && bt(J, A);
-	}, [J, A]), U(() => {
+	}, [J, A]), H(() => {
 		let e = Ze(c);
 		if (!(!J || o === void 0)) {
-			if (Xe(J, Se.current, o, e)) {
-				Se.current = null;
+			if (Xe(J, Ce.current, o, e)) {
+				Ce.current = null;
 				return;
 			}
-			Se.current = null, !Ye(J, o, e) && (ye.current = !0, J.commands.setContent(o, {
+			Ce.current = null, !Ye(J, o, e) && (be.current = !0, J.commands.setContent(o, {
 				contentType: Je(e),
 				emitUpdate: !1
-			}), ye.current = !1, je(J), N && Ae(J), Me(J), Ee());
+			}), be.current = !1, je(J), N && Ae(J), Me(J), De());
 		}
 	}, [
 		o,
 		c,
 		N,
 		J,
-		Ee,
+		De,
 		je,
 		Ae,
 		Me
-	]), U(() => {
-		if (!oe) return;
+	]), H(() => {
+		if (!se) 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") || q());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [Oe, oe]);
-	let Ne = G(() => J ? pt(J) : Ri, [
+	}, [q, se]);
+	let Ne = W(() => J ? pt(J) : Wi, [
 		J,
-		W,
-		ie
-	]), Y = G(() => J ? Jt(J.state) : Li, [
+		U,
+		ae
+	]), Y = W(() => J ? Jt(J.state) : Ui, [
 		J,
-		W,
-		ie,
-		me
-	]), Pe = ie?.currentNode === "codeBlock", Fe = Pe && Ne.language === "mermaid", Re = G(() => J ? Ct({
+		U,
+		ae,
+		he
+	]), Pe = ae?.currentNode === "codeBlock", Fe = Pe && Ne.language === "mermaid", Re = W(() => J ? Ct({
 		active: Fe,
-		mode: ue,
+		mode: de,
 		source: Ne.text
-	}) : zi, [
+	}) : Gi, [
 		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(() => {
+		de
+	]), ze = W(() => J ? Kt(J.state) : null, [J, U]), X = W(() => J ? _r(J.state.doc) : hr.items, [J, U]), Z = W(() => vr(X, _e), [_e, X]), Q = W(() => mr(X, Z), [Z, X]), Be = V(() => {
 		if (!J || !X.length) {
-			_e(null);
+			ve(null);
 			return;
 		}
-		let e = ur(J, X);
-		_e((t) => t === e ? t : e);
+		let e = gr(J, X);
+		ve((t) => t === e ? t : e);
 	}, [J, X]);
-	U(() => {
-		_e((e) => {
-			let t = fr(X, e);
+	H(() => {
+		ve((e) => {
+			let t = vr(X, e);
 			return e === t ? e : t;
 		});
-	}, [X]), U(() => {
+	}, [X]), H(() => {
 		if (!J || !X.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Ui(e), e = Hi(() => {
+			e !== null && Yi(e), e = Ji(() => {
 				e = null, Be();
 			});
-		}, n = Vi(J.view.dom);
+		}, n = qi(J.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 && Yi(e);
 		};
 	}, [
 		J,
 		X.length,
 		Be
 	]);
-	let Ve = G(() => $e({
-		revision: W,
+	let Ve = W(() => $e({
+		revision: U,
 		mode: k,
 		editable: N,
 		toc: Q,
-		selection: ie,
-		slash: B,
+		selection: ae,
+		slash: z,
 		table: Y,
-		tableInteraction: me,
+		tableInteraction: he,
 		codeBlock: Ne,
 		mermaid: Re,
 		tableDebugSnapshot: ze
@@ -3114,48 +3155,48 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 		k,
 		N,
 		Re,
-		W,
-		ie,
-		B,
+		U,
+		ae,
+		z,
 		ze,
 		Y,
-		me,
+		he,
 		Q
 	]);
-	U(() => {
+	H(() => {
 		x?.(Ve);
-	}, [x, Ve]), U(() => {
+	}, [x, Ve]), H(() => {
 		E?.(Q);
 	}, [E, Q]);
-	let He = H((e, t) => {
+	let He = V((e, t) => {
 		if (!(!J || !N) && Lt(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				le(e);
+				ue(e);
 				return;
 			}
-			Bt(J, B, e, t), V((e) => Gt(e, { type: "execute" })), Oe();
+			Bt(J, z, e, t), B((e) => Gt(e, { type: "execute" })), q();
 		}
 	}, [
-		Oe,
+		q,
 		N,
 		J,
-		B
-	]), Ue = H((e) => {
-		V((t) => Gt(t, {
+		z
+	]), Ue = V((e) => {
+		B((t) => Gt(t, {
 			type: "set-active",
 			index: e,
-			optionCount: Te.length
+			optionCount: Ee.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) });
+	}, [Ee.length]), We = V((e) => {
+		if (!J || le || !N) return;
+		let t = Rt(z, Ee, e.key, { isComposing: e.nativeEvent.isComposing || Ke(J.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), V((e) => Gt(e, { type: "escape" })), Oe();
+				e.preventDefault(), B((e) => Gt(e, { type: "escape" })), q();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), V((e) => Gt(e, {
+				e.preventDefault(), B((e) => Gt(e, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
@@ -3165,15 +3206,15 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			t.type === "execute-active" && (e.preventDefault(), He(t.command));
 		}
 	}, [
-		Oe,
+		q,
 		N,
 		J,
-		Te,
+		Ee,
 		He,
-		ce,
-		B
-	]), Ge = G(() => ({
-		closeSlashMenu: Oe,
+		le,
+		z
+	]), Ge = W(() => ({
+		closeSlashMenu: q,
 		focusFirstTableBodyCell: () => J ? qt(J) : !1,
 		setContent: (e, t = {}) => {
 			if (!J) return !1;
@@ -3181,22 +3222,22 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			return J.commands.setContent(e, {
 				contentType: Je(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && qt(J), je(J), N && Ae(J), Me(J), Ee(), !0;
+			}), t.focusFirstTableBodyCell && qt(J), je(J), N && Ae(J), Me(J), De(), !0;
 		}
 	}), [
-		Oe,
+		q,
 		N,
 		J,
-		Ee,
+		De,
 		je,
 		Ae,
 		Me
 	]);
 	return {
 		editor: J,
-		frameProps: G(() => ({
+		frameProps: W(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? L.common.editorAriaLabel,
+			"aria-label": e ?? I.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
 			"data-markweave-mode": k,
 			"data-markweave-theme": A,
@@ -3212,36 +3253,36 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			We,
 			f,
 			Re.mode,
-			L.common.editorAriaLabel,
+			I.common.editorAriaLabel,
 			j,
 			M,
 			A,
 			Y.mode
 		]),
-		overlayProps: G(() => ({
+		overlayProps: W(() => ({
 			floatingToolbar: J && N ? {
 				editor: J,
-				messages: L,
-				selectionSnapshot: ie,
+				messages: I,
+				selectionSnapshot: ae,
 				onRewriteSelection: b,
 				onExtractToNote: y
 			} : null,
 			slashCommandMenu: J && N ? {
-				commands: Te,
-				state: B,
-				position: oe,
-				inputCommand: ce,
-				messages: L,
+				commands: Ee,
+				state: z,
+				position: se,
+				inputCommand: le,
+				messages: I,
 				onActiveIndexChange: Ue,
-				onInputCommandChange: le,
+				onInputCommandChange: ue,
 				onSelect: He,
 				onUpload: C
 			} : null,
 			tableControls: J && N ? {
 				editor: J,
 				active: Y.active,
-				interactionState: me,
-				messages: L,
+				interactionState: he,
+				messages: I,
 				onCopyPayload: T,
 				onCommandResult: w,
 				onEditWithAi: v
@@ -3253,32 +3294,32 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			codeBlockControls: J ? {
 				editor: J,
 				active: N && Pe,
-				mermaidMode: ue,
-				onMermaidModeChange: de,
+				mermaidMode: de,
+				onMermaidModeChange: fe,
 				readOnly: !N
 			} : null,
 			innerToc: J && f && Q.items.length ? {
 				editor: J,
 				editable: N,
-				messages: L,
+				messages: I,
 				placement: M,
 				state: Q
 			} : null,
-			mathEditorPopover: J && N && fe ? {
+			mathEditorPopover: J && N && pe ? {
 				editor: J,
-				messages: L,
-				target: fe,
-				onClose: () => pe(null)
+				messages: I,
+				target: pe,
+				onClose: () => me(null)
 			} : null
 		}), [
 			N,
 			J,
-			Te,
+			Ee,
 			f,
 			Pe,
-			ue,
-			L,
-			fe,
+			de,
+			I,
+			pe,
 			v,
 			y,
 			b,
@@ -3286,37 +3327,37 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			w,
 			T,
 			He,
-			ie,
+			ae,
 			Ue,
-			ce,
-			oe,
-			B,
+			le,
+			se,
+			z,
 			Y,
-			me,
+			he,
 			Q
 		]),
 		runtimeSnapshot: Ve,
 		actions: Ge
 	};
 }
-function Gi({ className: e, ...t }) {
-	let n = Wi(t);
+function Zi({ className: e, ...t }) {
+	let n = Xi(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(gi, { ...n.overlayProps.floatingToolbar }) : null,
+			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(Li, { ...n.overlayProps.slashCommandMenu }) : null,
+			n.overlayProps.tableControls ? /* @__PURE__ */ Z(zi, { ...n.overlayProps.tableControls }) : null,
+			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Bi, { ...n.overlayProps.tableSelectionOverlay }) : null,
+			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Yr, { ...n.overlayProps.codeBlockControls }) : null,
+			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Hi, { ...n.overlayProps.innerToc }) : null,
+			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Oi, { ...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 { Zi as MarkweaveEditor, Kr as createMarkweaveEditorExtensions, Kr as createMarkweaveReactEditorExtensions, Xi as useMarkweaveEditorController };