@markweave/react 0.1.8 → 0.2.0

package/dist/index.js

@@ -1,11 +1,11 @@
 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 ee, Info as N, Italic as P, Lightbulb as te, Link2 as F, List as I, ListChecks as ne, ListOrdered as L, Minus as re, MoreVertical as R, Paperclip as z, Pencil as ie, Quote as ae, Replace as oe, Sigma as se, SmilePlus as ce, Sparkles as le, Strikethrough as ue, Subscript as de, Superscript as fe, Table2 as pe, Text as me, Trash2 as he, Type as ge, Underline as _e, Upload as ve, Video as ye } from "lucide-react";
-import { useCallback as B, useEffect as V, useLayoutEffect as be, useMemo as H, useRef as U, useState as W, useSyncExternalStore as G } from "react";
-import { detectUploadSource as xe, getDirectUploadResult as Se, resolveMarkweaveUploadResult as Ce } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as we, MarkweaveCoreVideo as Te, attrsFromMarkweaveImageUploadResult as K, attrsFromMarkweaveVideoUploadResult as Ee, attrsFromMarkweaveVideoUrl as De, clampMarkweaveImageWidth as Oe, createMarkweaveImageUploadRequest as ke, createMarkweaveVideoUploadRequest as q, downloadMarkweaveImage as Ae, markweaveVideoIframeAllow as je, normalizeMarkweaveCoreImageAlign as Me, normalizeMarkweaveVideoEmbedUrl as Ne, numberAttribute as Pe, stringAttribute as J } from "markweave/internal/plugins/media/core-media-nodes";
-import { getMarkweaveEditorModeState as Y, isMarkweaveEditorLiveEditable as Fe, normalizeMarkweaveEditorMode as Ie, setMarkweaveEditorModeState as Le, subscribeToMarkweaveEditorMode as Re } from "markweave/internal/core/editor-mode-state";
+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 ee, Info as N, Italic as P, Lightbulb as F, Link2 as I, List as L, ListChecks as R, ListOrdered as te, Minus as ne, MoreVertical as z, Paperclip as re, Pencil as B, Quote as V, Replace as ie, Sigma as ae, 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 ve, useMemo as W, useRef as G, useState as K, useSyncExternalStore as ye } from "react";
+import { detectUploadSource as be, getDirectUploadResult as xe, resolveMarkweaveUploadResult as q } 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 J, normalizeMarkweaveCoreImageAlign as je, normalizeMarkweaveVideoEmbedUrl as Me, numberAttribute as Ne, stringAttribute as Pe } from "markweave/internal/plugins/media/core-media-nodes";
+import { getMarkweaveEditorModeState as Fe, isMarkweaveEditorLiveEditable as Ie, normalizeMarkweaveEditorMode as Le, setMarkweaveEditorModeState as Re, subscribeToMarkweaveEditorMode as Y } from "markweave/internal/core/editor-mode-state";
 import { openMarkweaveImagePreview as ze } from "markweave/internal/plugins/media/image-preview";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { createMarkweaveAdapterMediaExtensions as Be } from "markweave/internal/plugins/media/media-extension-factory";
@@ -37,26 +37,26 @@ import { normalizeMarkdownLinkHref as Hn } from "markweave/internal/plugins/mark
 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 { normalizeMarkweaveTheme as gr } from "markweave/internal/core/theme";
+import { normalizeMarkweaveCanvasColor as gr, normalizeMarkweaveTheme as _r } from "markweave/internal/core/theme";
 //#region src/editor-mode-state.ts
-var _r = {
+var vr = {
 	mode: "live",
 	editable: !0
 };
-function vr(e) {
-	return G((t) => Re(e, t), () => Y(e), () => _r);
+function yr(e) {
+	return ye((t) => Y(e, t), () => Fe(e), () => vr);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var yr = Me;
-function br(e) {
+var br = je;
+function xr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function xr(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(vr(r)), p = J(o.attrs.src), m = yr(o.attrs.align), h = Pe(o.attrs.width), g = J(o.attrs.caption), _ = U(null), v = U(null), [y, b] = W(!1), [x, S] = W(!1), [C, w] = W(!1), [T, D] = W(""), [O, k] = W(null), [A, j] = W(!1), [M, ee] = W(!!g), [N, P] = W(g ?? ""), te = f && (!p || x), F = () => {
+function Sr(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 = Ie(yr(r)), p = Pe(o.attrs.src), m = br(o.attrs.align), h = Ne(o.attrs.width), g = Pe(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, ee] = K(!!g), [N, P] = K(g ?? ""), F = f && (!p || x), I = () => {
 		p && ze({
 			src: p,
-			alt: J(o.attrs.alt) ?? "",
+			alt: Pe(o.attrs.alt) ?? "",
 			messages: {
 				dialogAriaLabel: d.previewDialogAriaLabel,
 				zoomOut: d.previewZoomOut,
@@ -66,14 +66,14 @@ function xr(e) {
 			}
 		});
 	};
-	V(() => {
+	U(() => {
 		M || P(g ?? "");
 	}, [g, M]);
-	let I = () => {
+	let L = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, ne = () => {
+	}, R = () => {
 		if (f) {
 			if (D(""), k(null), w(!1), p) {
 				S(!1);
@@ -81,48 +81,48 @@ function xr(e) {
 			}
 			t();
 		}
-	}, L = async (e) => {
+	}, te = async (e) => {
 		if (f) {
 			k(null), j(!0);
 			try {
-				let t = await Ce(ke(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
-				c(K(o.attrs, t)), S(!1), D("");
+				let t = await q(Oe(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
+				c(we(o.attrs, t)), S(!1), D("");
 			} catch (e) {
 				k(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
 				j(!1), w(!1);
 			}
 		}
-	}, re = () => {
+	}, ne = () => {
 		if (f) {
 			if (!T.trim()) {
 				k(d.uploadRequiredError);
 				return;
 			}
-			L(xe(T));
+			te(be(T));
 		}
-	}, R = (e) => {
-		!f || !e || L({
+	}, z = (e) => {
+		!f || !e || te({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
-	}, z = (e) => {
-		R(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, ie = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && R(e.dataTransfer.files?.[0] ?? null);
-	}, ae = () => {
+	}, re = (e) => {
+		z(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+	}, B = (e) => {
+		e.preventDefault(), e.stopPropagation(), f && z(e.dataTransfer.files?.[0] ?? null);
+	}, V = () => {
 		f && (ee((e) => !e), M || P(g ?? ""));
-	}, oe = (e) => {
+	}, ie = (e) => {
 		f && (P(e), c({ caption: e.trim() ? e : null }));
-	}, se = (e, t) => {
+	}, ae = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !f) return;
-		I();
+		L();
 		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: Oe(i + n, a) });
+			c({ width: De(i + n, a) });
 		}, s = () => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		};
@@ -135,37 +135,37 @@ function xr(e) {
 		"data-align": m,
 		"data-selected": f && s ? "true" : "false",
 		"data-hovered": y ? "true" : "false",
-		"data-empty": te ? "true" : "false",
+		"data-empty": F ? "true" : "false",
 		onPointerEnter: () => b(!0),
 		onPointerLeave: () => b(!1),
 		onMouseDown: (e) => {
-			f && !br(e.target) && I();
+			f && !xr(e.target) && L();
 		},
-		children: te ? /* @__PURE__ */ Z(Sr, {
+		children: F ? /* @__PURE__ */ Z(Cr, {
 			dragActive: C,
 			error: O,
 			inputValue: T,
 			isSubmitting: A,
 			fileInputRef: v,
 			messages: u,
-			onCancel: ne,
-			onDrop: ie,
+			onCancel: R,
+			onDrop: B,
 			onDragActiveChange: w,
-			onFileChange: z,
+			onFileChange: re,
 			onInputChange: D,
-			onSubmit: re
+			onSubmit: ne
 		}) : /* @__PURE__ */ Q(X, { children: [
-			f ? /* @__PURE__ */ Z(Cr, {
+			f ? /* @__PURE__ */ Z(wr, {
 				align: m,
 				captionActive: M || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: ae,
+				onCaption: V,
 				onDelete: t,
 				onDownload: () => {
 					p && Ae(p);
 				},
-				onPreview: F,
+				onPreview: I,
 				onReplace: () => {
 					D(""), k(null), S(!0);
 				}
@@ -178,8 +178,8 @@ function xr(e) {
 					p ? /* @__PURE__ */ Z("img", {
 						className: "markweave-image",
 						src: p,
-						alt: J(o.attrs.alt) ?? "",
-						title: J(o.attrs.title) ?? void 0,
+						alt: Pe(o.attrs.alt) ?? "",
+						title: Pe(o.attrs.title) ?? void 0,
 						draggable: !1
 					}) : /* @__PURE__ */ Z("div", {
 						className: "markweave-image-readonly-empty",
@@ -194,7 +194,7 @@ function xr(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: F,
+						onClick: I,
 						children: [/* @__PURE__ */ Z(E, {
 							size: 16,
 							strokeWidth: 1.8
@@ -204,15 +204,15 @@ function xr(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(Tr, {
+					f ? /* @__PURE__ */ Z(Er, {
 						side: "left",
 						messages: u,
-						onPointerDown: se
+						onPointerDown: ae
 					}) : null,
-					f ? /* @__PURE__ */ Z(Tr, {
+					f ? /* @__PURE__ */ Z(Er, {
 						side: "right",
 						messages: u,
-						onPointerDown: se
+						onPointerDown: ae
 					}) : null
 				]
 			}),
@@ -223,7 +223,7 @@ function xr(e) {
 				value: N,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
-				onChange: (e) => oe(e.currentTarget.value),
+				onChange: (e) => ie(e.currentTarget.value),
 				onKeyDown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), ee(!1));
 				}
@@ -235,7 +235,7 @@ function xr(e) {
 		] })
 	});
 }
-function Sr({ 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 Cr({ 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",
@@ -317,7 +317,7 @@ function Sr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function Cr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
+function wr({ 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",
@@ -325,21 +325,21 @@ function Cr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": u.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -350,45 +350,45 @@ function Cr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-caption",
 				label: u.caption,
 				icon: h,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-preview",
 				label: u.preview,
 				icon: E,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-download",
 				label: u.download,
 				icon: w,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: oe,
+				icon: ie,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(wr, {
+			/* @__PURE__ */ Z(Tr, {
 				testId: "markweave-image-delete",
 				label: u.delete,
-				icon: he,
+				icon: pe,
 				onClick: a
 			})
 		]
 	});
 }
-function wr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function Tr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -407,7 +407,7 @@ function wr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function Tr({ messages: e, onPointerDown: t, side: n }) {
+function Er({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -418,7 +418,7 @@ function Tr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var Er = we.extend({
+var Dr = Se.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -427,33 +427,33 @@ var Er = we.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(xr, { stopEvent: ({ event: e }) => br(e.target) });
+		return typeof document > "u" ? null : o(Sr, { stopEvent: ({ event: e }) => xr(e.target) });
 	}
 });
 //#endregion
 //#region src/media/video-node.tsx
-function Dr(e) {
+function Or(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function Or(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(vr(r)), p = J(o.attrs.src), m = J(o.attrs.embedUrl), h = J(o.attrs.provider), g = m ? Ne(m, h) : null, _ = J(o.attrs.mimeType), v = J(o.attrs.title), y = U(null), [b, x] = W(!1), [S, C] = W(""), [w, T] = W(null), [E, D] = W(!1), O = f && !p, k = () => {
+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.video, f = Ie(yr(r)), p = Pe(o.attrs.src), m = Pe(o.attrs.embedUrl), h = Pe(o.attrs.provider), g = m ? Me(m, h) : null, _ = Pe(o.attrs.mimeType), v = Pe(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 && (Dr(e.target) || (e.preventDefault(), k()));
+		f && (Or(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 Ce(q({
+				let t = await q(ke({
 					type: "file",
 					file: e,
 					mimeType: e.type
 				}), l.onUpload);
-				c(Ee(t)), C("");
+				c(Te(t)), C("");
 			} catch (e) {
 				T(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
@@ -467,7 +467,7 @@ function Or(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(kr, {
+		children: /* @__PURE__ */ Z(Ar, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -485,7 +485,7 @@ function Or(e) {
 			onInputChange: C,
 			onSubmit: () => {
 				if (!f) return;
-				let e = De(S);
+				let e = Ee(S);
 				if (!e) {
 					T(d.unsupportedUrlError);
 					return;
@@ -514,7 +514,7 @@ function Or(e) {
 				"data-markweave-video-embed": "true",
 				"data-markweave-video-provider": h ?? void 0,
 				"data-markweave-video-src": p ?? void 0,
-				allow: je,
+				allow: J,
 				loading: "lazy",
 				allowFullScreen: !0
 			}), f ? /* @__PURE__ */ Z("button", {
@@ -548,7 +548,7 @@ function Or(e) {
 		})
 	});
 }
-function kr({ 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.video;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-video-upload-placeholder",
@@ -575,7 +575,7 @@ function kr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-video-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(ye, {
+				children: /* @__PURE__ */ Z(_e, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -610,7 +610,7 @@ function kr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-video-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(ve, {
+						children: [/* @__PURE__ */ Z(ge, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -630,7 +630,7 @@ function kr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var Ar = Te.extend({
+var jr = Ce.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -639,30 +639,30 @@ var Ar = Te.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Or, { stopEvent: ({ event: e }) => Dr(e.target) });
+		return typeof document > "u" ? null : o(kr, { stopEvent: ({ event: e }) => Or(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function jr(e) {
+function Mr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Mr(e) {
+function Nr(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Nr(e) {
+function Pr(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Pr(e) {
+function Fr(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function Fr(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(vr(r)), f = Ve(o.attrs), [p, m] = W(!1), [h, g] = W(!1), [_, v] = W(!1), [y, b] = W(f?.title ?? ""), [x, C] = W(f?.href ?? ""), w = U(null);
-	if (V(() => () => w.current?.abort(), []), V(() => {
+function Ir(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 = Ie(yr(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 (U(() => () => w.current?.abort(), []), U(() => {
 		b(f?.title ?? ""), C(f?.href ?? ""), v(!1);
 	}, [f?.href, f?.title]), !f) return null;
 	let T = async (e) => {
@@ -690,7 +690,7 @@ function Fr(e) {
 	}, E = () => {
 		let e = i();
 		typeof e == "number" && Ue(r, e);
-	}, D = _ ? null : f.imageUrl, O = Pr(f.href);
+	}, D = _ ? null : f.imageUrl, O = Fr(f.href);
 	return /* @__PURE__ */ Q(a, {
 		as: "article",
 		className: "markweave-link-card",
@@ -701,10 +701,10 @@ function Fr(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			jr(e.target) || e.preventDefault();
+			Mr(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			jr(e.target) || (e.preventDefault(), Nr(f.href));
+			Mr(e.target) || (e.preventDefault(), Pr(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -742,21 +742,21 @@ function Fr(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Ir, {
+					/* @__PURE__ */ Z(Lr, {
 						label: u.convertToLink,
-						icon: F,
+						icon: I,
 						onClick: E,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Ir, {
+					/* @__PURE__ */ Z(Lr, {
 						label: u.copyAddress,
 						icon: S,
-						onClick: () => void Mr(f.href),
+						onClick: () => void Nr(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Ir, {
+					/* @__PURE__ */ Z(Lr, {
 						label: u.edit,
-						icon: ie,
+						icon: B,
 						onClick: (e) => {
 							let t = i();
 							typeof t == "number" && We({
@@ -772,9 +772,9 @@ function Fr(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Ir, {
+					/* @__PURE__ */ Z(Lr, {
 						label: u.delete,
-						icon: he,
+						icon: pe,
 						onClick: t,
 						testId: "markweave-link-card-delete"
 					})
@@ -802,14 +802,14 @@ function Fr(e) {
 						type: "submit",
 						"aria-label": u.edit,
 						disabled: !He(x),
-						children: /* @__PURE__ */ Z(F, { size: 16 })
+						children: /* @__PURE__ */ Z(I, { size: 16 })
 					})
 				]
 			}) : null
 		]
 	});
 }
-function Ir({ icon: e, label: t, onClick: n, testId: r }) {
+function Lr({ icon: e, label: t, onClick: n, testId: r }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": t,
@@ -826,7 +826,7 @@ function Ir({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var Lr = Ge.extend({
+var Rr = Ge.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -835,22 +835,22 @@ var Lr = Ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Fr, { stopEvent: ({ event: e }) => jr(e.target) });
+		return typeof document > "u" ? null : o(Ir, { stopEvent: ({ event: e }) => Mr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Rr(t = {}) {
+function zr(t = {}) {
 	return e({
 		lang: t.lang,
-		linkCardExtension: Lr.configure({
+		linkCardExtension: Rr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: Be({
-			image: Er,
-			video: Ar,
+			image: Dr,
+			video: jr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload
@@ -859,7 +859,7 @@ function Rr(t = {}) {
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function zr(e) {
+function Br(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",
@@ -896,7 +896,7 @@ function zr(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 Br({ icon: e }) {
+function Vr({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -907,23 +907,23 @@ function Br({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: zr(e)
+			children: Br(e)
 		})
 	});
 }
-function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
-	let a = U(null), o = U(null), s = U(null), c = U({
+function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = G(null), o = G(null), s = G(null), c = G({
 		active: !1,
 		lastX: 0,
 		lastY: 0
-	}), [l, u] = W(null), [d, f] = W(null), [p, m] = W([]), [h, g] = W(null), [_, v] = W(!1), [y, b] = W(""), [x, S] = W(null), [C, w] = W(!1), [T, E] = W(null), [D, O] = W(null), [k, A] = W(!1), [j, M] = W(0), [ee, N] = W(0), P = pt(t), te = pn(t, l), F = !i && e && P.active && P.pos !== null ? {
+	}), [l, u] = K(null), [d, f] = K(null), [p, m] = K([]), [h, g] = K(null), [_, v] = K(!1), [y, b] = K(""), [x, S] = K(null), [C, w] = K(!1), [T, E] = K(null), [D, O] = K(null), [k, A] = K(!1), [j, M] = K(0), [ee, N] = K(0), P = pt(t), F = pn(t, l), I = !i && e && P.active && P.pos !== null ? {
 		...P,
 		pos: P.pos,
 		active: !0
-	} : null, I = te ?? F, ne = I !== null, L = I?.language === "mermaid", re = _n(t, I), R = ne && I !== null && !re, z = !i, ie = sn(I ? I.language : "text"), ae = x?.status ?? "idle", oe = I?.mermaidPreviewMode ?? n, se = L && oe === "preview", ce = hn(t), le = `${ee}|${ce.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ue = H(() => dn(y.trim().toLowerCase()), [y]);
-	if (V(() => {
+	} : null, L = F ?? I, R = L !== null, te = L?.language === "mermaid", ne = _n(t, L), z = R && L !== null && !ne, re = !i, B = sn(L ? L.language : "text"), V = x?.status ?? "idle", ie = L?.mermaidPreviewMode ?? n, ae = te && ie === "preview", oe = hn(t), se = `${ee}|${oe.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ce = W(() => dn(y.trim().toLowerCase()), [y]);
+	if (U(() => {
 		i && (v(!1), b(""));
-	}, [i]), V(() => {
+	}, [i]), U(() => {
 		if (!x) return;
 		let e = window.setTimeout(() => {
 			S(null);
@@ -931,21 +931,21 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [x]), V(() => {
+	}, [x]), U(() => {
 		S(null), v(!1), b(""), E(null), O(null), A(!1);
 	}, [
 		e,
-		I?.language,
-		I?.pos,
-		I?.text
-	]), V(() => {
+		L?.language,
+		L?.pos,
+		L?.text
+	]), U(() => {
 		let e = ({ transaction: e }) => {
 			e.getMeta(dt) && M((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
 		};
-	}, [t]), V(() => {
+	}, [t]), U(() => {
 		let e = t.view.dom.closest(".markweave-editor-frame");
 		if (!e) return;
 		let n = (e) => {
@@ -958,9 +958,9 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, _]), V(() => {
+	}, [t, _]), U(() => {
 		_ && s.current?.focus({ preventScroll: !0 });
-	}, [_]), V(() => {
+	}, [_]), U(() => {
 		if (!T) return;
 		let e = (e) => {
 			e.key === "Escape" && (E(null), O(null), A(!1), c.current = {
@@ -972,8 +972,8 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [t, T]), V(() => {
-		if (!ne || !_) return;
+	}, [t, T]), U(() => {
+		if (!R || !_) return;
 		let e = (e) => {
 			e.key === "Escape" && (v(!1), t.view.focus());
 		}, n = (e) => {
@@ -983,22 +983,22 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		ne,
+		R,
 		t,
 		_
-	]), be(() => {
+	]), ve(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!mn(e) || ce.length === 0) {
+			if (!mn(e) || oe.length === 0) {
 				m([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = ce.flatMap((e) => {
+			let n = e.getBoundingClientRect(), r = oe.flatMap((e) => {
 				let r = un(ln(t, e.pos, e.mermaidPreviewMode), n);
 				return r ? [an(e, r, n)] : [];
 			});
-			m((e) => vn(e, r, ce.map((e) => e.pos)));
+			m((e) => vn(e, r, oe.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -1008,21 +1008,21 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 	}, [
 		j,
 		t,
-		le
-	]), be(() => {
-		if (!R || !I) {
+		se
+	]), ve(() => {
+		if (!z || !L) {
 			f(null), g(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = ln(t, I.pos, oe), r = e.getBoundingClientRect(), i = un(n, r);
+			let n = ln(t, L.pos, ie), r = e.getBoundingClientRect(), i = un(n, r);
 			if (!i) {
-				f((e) => e?.pos === I.pos ? e : null), g((e) => _ ? e : null);
+				f((e) => e?.pos === L.pos ? e : null), g((e) => _ ? e : null);
 				return;
 			}
-			let s = nn(I.pos, i, r);
+			let s = nn(L.pos, i, r);
 			if (f(s), _ && o.current) {
 				let e = o.current.getBoundingClientRect();
 				g(Qt({
@@ -1037,79 +1037,79 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		R,
+		z,
 		j,
-		I?.pos,
+		L?.pos,
 		t,
 		_,
-		oe
-	]), !R && ce.length === 0 && !T) return null;
-	let de = d ? {
+		ie
+	]), !z && oe.length === 0 && !T) return null;
+	let le = d ? {
 		top: d.top,
 		right: d.right
-	} : void 0, fe = async () => {
+	} : void 0, ue = async () => {
 		if (i) {
-			if (!I) return;
-			let e = await tn(I.text);
-			S(mt(I, e ? "copied" : "failed"));
+			if (!L) return;
+			let e = await tn(L.text);
+			S(mt(L, e ? "copied" : "failed"));
 			return;
 		}
-		if (!on(t, I)) return;
+		if (!on(t, L)) return;
 		let e = await ft(t);
 		S(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
-	}, pe = (e, n) => {
+	}, de = (e, n) => {
 		if (i) {
 			St(t, e.pos, n) && N((e) => e + 1);
 			return;
 		}
 		let a = P.active && P.pos === e.pos;
 		vt(t, e.pos, n) && (r(n), N((e) => e + 1), a && t.view.focus());
-	}, me = (e) => {
-		if (i || !I) return;
-		let n = P.active && P.pos === I.pos;
-		_t(t, I.pos, e) && (e === "mermaid" && vt(t, I.pos, "preview") && r("preview"), v(!1), b(""), N((e) => e + 1), n && t.view.focus());
-	}, he = () => {
-		i || !I || gt(t, I.pos, !re) && (M((e) => e + 1), u(null));
-	}, ge = () => {
-		if (!I) return;
-		let e = gn(t, I.pos);
+	}, fe = (e) => {
+		if (i || !L) return;
+		let n = P.active && P.pos === L.pos;
+		_t(t, L.pos, e) && (e === "mermaid" && vt(t, L.pos, "preview") && r("preview"), v(!1), b(""), N((e) => e + 1), n && t.view.focus());
+	}, pe = () => {
+		i || !L || gt(t, L.pos, !ne) && (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();
-	}, _e = () => {
-		if (!I) return;
-		let e = gn(t, I.pos);
+	}, he = () => {
+		if (!L) return;
+		let e = gn(t, L.pos);
 		e && (E(rn(e)), O(null), A(!1), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, ve = () => {
+	}, ge = () => {
 		E(null), O(null), A(!1), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, ye = (e) => {
+	}, _e = (e) => {
 		E((t) => t && {
 			...t,
 			scale: $t(t.scale + e)
 		});
-	}, B = () => {
+	}, H = () => {
 		E((e) => e && rn(e.svg)), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, A(!1);
-	}, G = (e) => {
-		e.preventDefault(), ye(e.deltaY < 0 ? yn : -yn);
-	}, xe = (e) => {
+	}, ye = (e) => {
+		e.preventDefault(), _e(e.deltaY < 0 ? yn : -yn);
+	}, be = (e) => {
 		e.button === 0 && (e.preventDefault(), c.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
 		}, A(!0));
-	}, Se = (e) => {
+	}, xe = (e) => {
 		let t = c.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -1118,7 +1118,7 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			lastX: e.clientX,
 			lastY: e.clientY
 		}, E((e) => bn(e, n, r));
-	}, Ce = () => {
+	}, q = () => {
 		c.current = {
 			active: !1,
 			lastX: 0,
@@ -1131,7 +1131,7 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		"data-testid": "markweave-codeblock-overlay",
 		"data-read-only": i ? "true" : "false",
 		children: [
-			ce.map((e) => {
+			oe.map((e) => {
 				let t = p.find((t) => t.pos === e.pos);
 				return /* @__PURE__ */ Z("div", {
 					className: "markweave-mermaid-tabs",
@@ -1147,25 +1147,25 @@ function Vr({ 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: () => pe(e, t),
+						onClick: () => de(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			R ? /* @__PURE__ */ Q("div", {
+			z ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
 				"data-positioned": d ? "true" : "false",
-				"data-collapsed": re ? "true" : "false",
+				"data-collapsed": ne ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
-				style: de,
+				style: le,
 				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: B })
 					}) : /* @__PURE__ */ Q("button", {
 						ref: o,
 						type: "button",
@@ -1176,18 +1176,18 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: () => v((e) => !e),
-						children: [/* @__PURE__ */ Z("span", { children: ie }), /* @__PURE__ */ Z(Br, { icon: "chevron" })]
+						children: [/* @__PURE__ */ Z("span", { children: B }), /* @__PURE__ */ Z(Vr, { icon: "chevron" })]
 					}),
-					z ? /* @__PURE__ */ Z("button", {
+					re ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": re ? "Expand code block" : "Collapse code block",
-						title: re ? "Expand code block" : "Collapse code block",
+						"aria-label": ne ? "Expand code block" : "Collapse code block",
+						title: ne ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": re ? "true" : "false",
+						"data-collapsed": ne ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: he,
-						children: /* @__PURE__ */ Z(Br, { icon: "chevron" })
+						onClick: pe,
+						children: /* @__PURE__ */ Z(Vr, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1196,14 +1196,14 @@ function Vr({ 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": V,
 							onMouseDown: (e) => e.preventDefault(),
 							onMouseEnter: () => w(!0),
 							onMouseLeave: () => w(!1),
 							onFocus: () => w(!0),
 							onBlur: () => w(!1),
-							onClick: fe,
-							children: /* @__PURE__ */ Z(Br, { icon: ae === "copied" ? "check" : "clipboard" })
+							onClick: ue,
+							children: /* @__PURE__ */ Z(Vr, { icon: V === "copied" ? "check" : "clipboard" })
 						}), C ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
@@ -1211,7 +1211,7 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					L && oe === "preview" ? /* @__PURE__ */ Q("div", {
+					te && ie === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -1219,24 +1219,24 @@ function Vr({ 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: !se,
+							disabled: !ae,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: _e,
-							children: /* @__PURE__ */ Z(Br, { icon: "expand" })
+							onClick: he,
+							children: /* @__PURE__ */ Z(Vr, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Download Mermaid SVG",
 							"data-testid": "markweave-mermaid-download",
-							disabled: !se,
+							disabled: !ae,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: ge,
-							children: /* @__PURE__ */ Z(Br, { icon: "download" })
+							onClick: me,
+							children: /* @__PURE__ */ Z(Vr, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			z && R && _ ? /* @__PURE__ */ Q("div", {
+			re && z && _ ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
 				role: "listbox",
 				"aria-label": "Code block languages",
@@ -1257,11 +1257,11 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						onKeyDown: (e) => {
 							e.key === "Escape" && (e.preventDefault(), v(!1), t.view.focus());
 						}
-					}), /* @__PURE__ */ Z(Br, { icon: "search" })]
+					}), /* @__PURE__ */ Z(Vr, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
 					className: "markweave-codeblock-language-list",
-					children: ue.map((e) => {
-						let t = e.language === I.language;
+					children: ce.map((e) => {
+						let t = e.language === L.language;
 						return /* @__PURE__ */ Q("button", {
 							type: "button",
 							role: "option",
@@ -1269,8 +1269,8 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": `markweave-codeblock-language-option-${e.language}`,
 							"data-active": t ? "true" : "false",
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => me(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(Br, { icon: "check" }) : null]
+							onClick: () => fe(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(Vr, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
@@ -1295,8 +1295,8 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => O(null),
 								onFocus: () => O("zoom-out"),
 								onBlur: () => O(null),
-								onClick: () => ye(-yn),
-								children: /* @__PURE__ */ Z(Br, { icon: "zoomOut" })
+								onClick: () => _e(-yn),
+								children: /* @__PURE__ */ Z(Vr, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
@@ -1312,8 +1312,8 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => O(null),
 								onFocus: () => O("zoom-in"),
 								onBlur: () => O(null),
-								onClick: () => ye(yn),
-								children: /* @__PURE__ */ Z(Br, { icon: "zoomIn" })
+								onClick: () => _e(yn),
+								children: /* @__PURE__ */ Z(Vr, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1324,8 +1324,8 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => O(null),
 								onFocus: () => O("reset"),
 								onBlur: () => O(null),
-								onClick: B,
-								children: /* @__PURE__ */ Z(Br, { icon: "reset" })
+								onClick: H,
+								children: /* @__PURE__ */ Z(Vr, { icon: "reset" })
 							}),
 							D ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
@@ -1340,18 +1340,18 @@ function Vr({ 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: ve,
-						children: /* @__PURE__ */ Z(Br, { icon: "close" })
+						onClick: ge,
+						children: /* @__PURE__ */ Z(Vr, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": k ? "true" : "false",
-						onWheel: G,
-						onMouseDown: xe,
-						onMouseMove: Se,
-						onMouseUp: Ce,
-						onMouseLeave: Ce,
+						onWheel: ye,
+						onMouseDown: be,
+						onMouseMove: xe,
+						onMouseUp: q,
+						onMouseLeave: q,
 						children: /* @__PURE__ */ Z("div", {
 							className: "markweave-mermaid-fullscreen-content",
 							"data-testid": "markweave-mermaid-fullscreen-content",
@@ -1372,25 +1372,25 @@ function Vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var Hr = n("zh");
-function Ur() {
+var Ur = n("zh");
+function Wr() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Wr(e, t) {
+function Gr(e, t) {
 	return {
 		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
 		"--markweave-toolbar-motion-easing": e.motionEasing,
 		marginLeft: t === 0 ? void 0 : `${t}px`
 	};
 }
-function Gr(e, t) {
+function Kr(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function Kr(e) {
+function qr(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function qr(e, t, n, r) {
+function Jr(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1406,26 +1406,26 @@ function qr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Jr(e) {
+function Yr(e) {
 	return e.width > 0 && e.height > 0;
 }
-function Yr(e) {
+function Xr(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 qr(t, n, r - t, i - n);
+	return Jr(t, n, r - t, i - n);
 }
-function Xr(e, t) {
+function Zr(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 Zr(e) {
+function Qr(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(Jr).map((e) => qr(e.left, e.top, e.width, e.height));
+	let t = Array.from(e.getClientRects()).filter(Yr).map((e) => Jr(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 Jr(n) ? [qr(n.left, n.top, n.width, n.height)] : null;
+	return Yr(n) ? [Jr(n.left, n.top, n.width, n.height)] : null;
 }
-function Qr(e, t) {
+function $r(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1438,8 +1438,8 @@ function Qr(e, t) {
 		return null;
 	}
 }
-function $r(e, t) {
-	let n = Qr(e, t);
+function ei(e, t) {
+	let n = $r(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1447,51 +1447,51 @@ function $r(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function ei(e) {
+function ti(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !Xr(e, t) || !$r(e, t) ? null : Zr(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !Zr(e, t) || !ei(e, t) ? null : Qr(t.getRangeAt(0));
 }
-function ti(e) {
+function ni(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), Zr(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Qr(a);
 	} catch {
 		return null;
 	}
 }
-function ni(e) {
+function ri(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 = qr(c, o, Math.max(i.right, a.right) - c, s - o);
-	return Jr(l) ? [l] : null;
-}
-function ri(e) {
-	return ei(e) ?? ti(e) ?? ni(e);
+	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 = Jr(c, o, Math.max(i.right, a.right) - c, s - o);
+	return Yr(l) ? [l] : null;
 }
 function ii(e) {
-	let t = ri(e);
-	return t && t.length > 0 ? Yr(t) : null;
+	return ti(e) ?? ni(e) ?? ri(e);
 }
 function ai(e) {
+	let t = ii(e);
+	return t && t.length > 0 ? Xr(t) : null;
+}
+function oi(e) {
 	return {
-		getBoundingClientRect: () => ii(e) ?? qr(0, 0, 0, 0),
-		getClientRects: () => ri(e) ?? []
+		getBoundingClientRect: () => ai(e) ?? Jr(0, 0, 0, 0),
+		getClientRects: () => ii(e) ?? []
 	};
 }
-function oi(e) {
+function si(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function si(e, t, n) {
+function ci(e, t, n) {
 	n?.(wn(e, t)), e.commands.focus();
 }
-function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = H(() => kn(t), [t]), a = st(n, { editable: e.isEditable }), [o, s] = W(a), [c, l] = W(null), [u, d] = W(null), [f, p] = W(null), [m, h] = W(""), [g, _] = W(""), [v, y] = W(null), [b, x] = W(0), [S, C] = W(a.boundaryPadding), [w, T] = W("bottom"), E = U(0), D = U(null), O = U(null), k = U(null), A = U(null), j = Tn(e, o.variant, t), M = jn(j.find((e) => e.id === c) ?? null), ee = Hn(m), N = B(() => {
+function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = W(() => kn(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 = Tn(e, o.variant, t), M = jn(j.find((e) => e.id === c) ?? null), ee = Hn(m), N = H(() => {
 		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 = Gr(t, O.current), s = E.current, c = nt({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Kr(t, O.current), s = E.current, c = nt({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1524,13 +1524,13 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), P = B(() => {
+	]), P = H(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), te = B(() => {
+	}, []), F = H(() => {
 		N();
-	}, [N]), F = B(() => ai(e), [e]), I = B((e) => {
+	}, [N]), I = H(() => oi(e), [e]), L = H((e) => {
 		k.current = e;
-	}, []), ne = B(() => {
+	}, []), R = H(() => {
 		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({
@@ -1549,18 +1549,18 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		f,
 		o.boundaryPadding
-	]), L = H(() => ({
+	]), te = W(() => ({
 		...ot(o, { topBoundaryPadding: S }),
 		onShow: P,
-		onUpdate: te
+		onUpdate: F
 	}), [
 		P,
-		te,
+		F,
 		o,
 		S
 	]);
-	V(() => {
-		let e = Ur();
+	U(() => {
+		let e = Wr();
 		s((t) => ut(t, a, e));
 	}, [
 		a.hiddenReason,
@@ -1573,10 +1573,10 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 		a.updateDelayMs,
 		a.variant,
 		a.visibility
-	]), V(() => {
+	]), U(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Ur()), t = window.setTimeout(() => {
-			s((e) => et(e, Ur()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Wr()), t = window.setTimeout(() => {
+			s((e) => et(e, Wr()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1585,7 +1585,7 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), be(() => {
+	]), ve(() => {
 		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;
@@ -1603,20 +1603,20 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), be(() => {
+	]), ve(() => {
 		if (!f) return;
-		let e = Sn(ne);
+		let e = Sn(R);
 		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, ne]), V(() => {
+	}, [f, R]), U(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
 		f,
 		c,
 		j
-	]), V(() => {
+	]), U(() => {
 		if (!f) return;
 		let t = (e) => {
 			O.current?.contains(e.target) || p(null);
@@ -1626,15 +1626,15 @@ function ci({ editor: e, messages: t = Hr, 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]), V(() => {
+	}, [e, f]), U(() => {
 		if (f !== "link") return;
 		let e = window.requestAnimationFrame(() => {
 			A.current?.focus(), A.current?.select();
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
-	let re = (t) => {
-		if (oi(t.id)) {
+	let ne = (t) => {
+		if (si(t.id)) {
 			let n = t.id;
 			if (n === "link") {
 				let t = Dn(e);
@@ -1647,23 +1647,23 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			si(e, "rewrite-selection", r);
+			ci(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
-	}, R = () => {
-		p(null), e.commands.focus();
 	}, z = () => {
+		p(null), e.commands.focus();
+	}, re = () => {
 		v && e.commands.setTextSelection(v);
-	}, ie = () => {
-		z(), Cn(e, m) && R();
-	}, ae = () => {
-		if (z(), Ln(e)) {
-			h(""), _(""), R();
+	}, B = () => {
+		re(), Cn(e, m) && z();
+	}, V = () => {
+		if (re(), Ln(e)) {
+			h(""), _(""), z();
 			return;
 		}
 		m.trim() && h("");
-	}, oe = (e, t) => {
+	}, ie = (e, t) => {
 		if (l(e), !e || !t || !O.current) {
 			d(null);
 			return;
@@ -1676,36 +1676,36 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 		editor: e,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
 		"data-motion": o.motionPhase,
-		"data-position-strategy": L.strategy,
+		"data-position-strategy": te.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Wr(o, b),
+		style: Gr(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: F,
-		options: L,
+		getReferencedVirtualElement: I,
+		options: te,
 		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(ui, {
+				j.map((e, t) => /* @__PURE__ */ Z(di, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && j[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
 					onPointerDown: In,
-					onTooltipChange: oe,
-					onRun: re
+					onTooltipChange: ie,
+					onRun: ne
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(fi, {
+				f === "block-type" ? /* @__PURE__ */ Z(pi, {
 					editor: e,
 					messages: t,
-					onPopoverRef: I,
+					onPopoverRef: L,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(li, {
+				f === "link" ? /* @__PURE__ */ Z(ui, {
 					inputRef: A,
 					messages: t,
 					value: m,
@@ -1713,22 +1713,22 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 					canOpen: !!ee,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: ie,
+					onApply: B,
 					onOpen: () => Fn(m),
-					onRemove: ae,
-					onPopoverRef: I
+					onRemove: V,
+					onPopoverRef: L
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(mi, {
+				f === "color" ? /* @__PURE__ */ Z(hi, {
 					editor: e,
 					messages: t,
-					onPopoverRef: I,
+					onPopoverRef: L,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(gi, {
+				f === "more" ? /* @__PURE__ */ Z(_i, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
-					onPopoverRef: I,
+					onPopoverRef: L,
 					onTooltipChange: l,
 					onClose: () => p(null)
 				}) : null,
@@ -1738,14 +1738,14 @@ function ci({ editor: e, messages: t = Hr, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": M.buttonId,
 					"data-active": M.active,
-					style: Kr(u),
+					style: qr(u),
 					children: M.label
 				}) : null
 			]
 		})
 	});
 }
-function li({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
+function ui({ 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);
 	return /* @__PURE__ */ Q("form", {
 		ref: u,
@@ -1798,7 +1798,7 @@ function li({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function ui({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+function di({ 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"
@@ -1806,7 +1806,7 @@ function ui({ 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": oi(e.id) ? t : void 0,
+		"aria-expanded": si(e.id) ? t : void 0,
 		"data-active": e.active || t,
 		"data-tooltip-active": r ? "true" : "false",
 		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
@@ -1816,13 +1816,13 @@ function ui({ 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(di, {
+		children: /* @__PURE__ */ Z(fi, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function di({ button: e, expanded: t }) {
+function fi({ 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 })]
@@ -1840,7 +1840,7 @@ function di({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function fi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+function pi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 	let i = On(t), a = Mn(t);
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
@@ -1859,21 +1859,21 @@ function fi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(pi, { option: t })
+				children: /* @__PURE__ */ Z(mi, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function pi({ option: e }) {
+function mi({ 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 mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+function hi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 	let i = On(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(hi, {
+		children: [/* @__PURE__ */ Z(gi, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
@@ -1881,7 +1881,7 @@ function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			onSelect: (t) => {
 				Bn(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(hi, {
+		}), /* @__PURE__ */ Z(gi, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
@@ -1892,7 +1892,7 @@ function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 		})]
 	});
 }
-function hi({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function gi({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -1921,13 +1921,13 @@ function hi({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function gi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
+function _i({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
 	let o = kn(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(_i, {
+		children: o.map((t, r) => /* @__PURE__ */ Z(vi, {
 			action: t,
 			active: Nn(e, t.id),
 			tooltipActive: n === t.id,
@@ -1939,7 +1939,7 @@ function gi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onToo
 		}, t.id))
 	});
 }
-function _i({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function vi({ 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"
@@ -1955,7 +1955,7 @@ function _i({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(vi, { id: e.id })
+			children: /* @__PURE__ */ Z(yi, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -1963,41 +1963,41 @@ function _i({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function vi({ id: e }) {
+function yi({ 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 yi = {
-	sparkles: le,
+var bi = {
+	sparkles: se,
 	"chevron-down": v,
 	"chevron-up": y,
 	"corner-down-left": C,
 	"external-link": T,
 	bold: p,
 	italic: P,
-	underline: _e,
-	strike: ue,
+	underline: he,
+	strike: ce,
 	"inline-code": x,
-	link: F,
-	more: R,
-	text: ge,
-	"bullet-list": I,
-	"numbered-list": L,
-	"todo-list": ne,
-	quote: ae,
+	link: I,
+	more: z,
+	text: me,
+	"bullet-list": L,
+	"numbered-list": te,
+	"todo-list": R,
+	quote: V,
 	"code-block": m,
-	superscript: fe,
-	subscript: de,
-	math: se,
+	superscript: ue,
+	subscript: le,
+	math: ae,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
 	"decrease-indent": M,
 	"increase-indent": ee,
-	trash: he
+	trash: pe
 };
 function $({ name: e }) {
-	let t = yi[e];
+	let t = bi[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2007,8 +2007,8 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function bi({ editor: e, messages: t, onClose: n, target: r }) {
-	let i = U(null), a = U(null), [o, s] = W(r.latex), [c, l] = W(null), u = t.math, d = H(() => Dt(e, r) ?? 1, [e, r]), f = H(() => Ot(e, r), [e, r]), p = H(() => o === r.latex && f ? {
+function xi({ 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), [
@@ -2017,7 +2017,7 @@ function bi({ editor: e, messages: t, onClose: n, target: r }) {
 		r.kind,
 		r.latex,
 		o
-	]), m = o.trim().length > 0, h = B(() => {
+	]), m = o.trim().length > 0, h = H(() => {
 		if (typeof window > "u") return;
 		let t = Et(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
@@ -2038,9 +2038,9 @@ function bi({ editor: e, messages: t, onClose: n, target: r }) {
 		r,
 		o
 	]);
-	V(() => {
+	U(() => {
 		s(r.latex);
-	}, [r.latex, r.pos]), V(() => {
+	}, [r.latex, r.pos]), U(() => {
 		Nt(e, r, !0), h();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), h();
@@ -2053,14 +2053,14 @@ function bi({ editor: e, messages: t, onClose: n, target: r }) {
 		n,
 		r,
 		h
-	]), V(() => {
+	]), U(() => {
 		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 _ = B(() => {
+	let _ = H(() => {
 		m && wt(e, r, o) && n();
 	}, [
 		m,
@@ -2192,31 +2192,31 @@ function bi({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var xi = n("zh"), Si = {
-	type: me,
+var Si = n("zh"), Ci = {
+	type: fe,
 	"heading-1": D,
 	"heading-2": O,
 	"heading-3": k,
-	"bullet-list": I,
-	"ordered-list": L,
-	"task-list": ne,
-	blockquote: ae,
+	"bullet-list": L,
+	"ordered-list": te,
+	"task-list": R,
+	blockquote: V,
 	"code-block": m,
 	info: N,
-	tip: te,
+	tip: F,
 	warning: c,
 	error: b,
 	success: _,
-	emoji: ce,
-	math: se,
-	table: pe,
-	separator: re,
+	emoji: oe,
+	math: ae,
+	table: de,
+	separator: ne,
 	image: A,
-	video: ye,
-	attachment: z
+	video: _e,
+	attachment: re
 };
-function Ci({ name: e }) {
-	let t = Si[e];
+function wi({ name: e }) {
+	let t = Ci[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2224,7 +2224,7 @@ function Ci({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function wi(e, t, n) {
+function Ti(e, t, n) {
 	return !zt(e) || !n ? {
 		visible: !1,
 		empty: !1,
@@ -2239,17 +2239,17 @@ function wi(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function Ti(e, t) {
+function Ei(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 Ei(e, t) {
+function Di(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function Di({ command: e, messages: t, onBack: n, onSelect: r }) {
-	let [i, a] = W(""), [o, s] = W(0), c = H(() => {
+function Oi({ 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,
@@ -2315,9 +2315,9 @@ function Di({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function Oi({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
-	let a = e.uploadKind ?? "attachment", [o, s] = W(""), [c, l] = W(null), [u, d] = W(null), [f, p] = W(!1), m = async (t) => {
-		r(e, { uploadResult: await Ce({
+function ki({ 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 q({
 			kind: a,
 			source: t,
 			trigger: "slash-command"
@@ -2337,7 +2337,7 @@ function Oi({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(xe(o));
+			await m(be(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2355,7 +2355,7 @@ function Oi({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: Ei(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: Di(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2403,10 +2403,10 @@ function Oi({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function ki({ commands: e, messages: t = xi, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = wi(n, e, r);
+function Ai({ commands: e, messages: t = Si, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = Ti(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = Ti(e, t), d = {
+	let u = Ei(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2428,12 +2428,12 @@ function ki({ commands: e, messages: t = xi, 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(Di, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(Oi, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Oi, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ki, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2477,7 +2477,7 @@ function ki({ commands: e, messages: t = xi, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(Ci, { name: t.icon }),
+							/* @__PURE__ */ Z(wi, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2489,10 +2489,10 @@ function ki({ commands: e, messages: t = xi, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var Ai = n("zh");
-function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
-	let [s, c] = W(null), [l, u] = W("row-edge"), [d, f] = W(null), [p, m] = W(null), [h, g] = W(null), [_, v] = W(null), [y, b] = W(null), x = U(null), S = U(null), C = U(null), w = U(null), T = U(null), E = e ? Jt(t.state) : null;
-	if (V(() => {
+var ji = n("zh");
+function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji, 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 (U(() => {
 		if (!y) return;
 		let e = window.setTimeout(() => {
 			b(null);
@@ -2500,7 +2500,7 @@ function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai,
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), be(() => {
+	}, [y]), ve(() => {
 		if (!e) {
 			m(null), g(null), v(null), b(null);
 			return;
@@ -2540,7 +2540,7 @@ function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), be(() => {
+	]), ve(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2578,7 +2578,7 @@ function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai,
 		p,
 		h,
 		_
-	]), V(() => {
+	]), U(() => {
 		if (!e || !s) return;
 		let n = (e) => {
 			e.key === "Escape" && (c(null), t.view.focus());
@@ -2611,7 +2611,7 @@ function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai,
 			messages: r
 		});
 		return o.copyFeedback ? (b(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : b(null), a?.(o.commandResult), o.success;
-	}, te = (e) => {
+	}, F = (e) => {
 		let n = $n(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
@@ -2732,7 +2732,7 @@ function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai,
 						onClick: () => {
 							if (u) {
 								if (e.commandId === null) {
-									te(s === "row" || s === "column" ? s : "selection");
+									F(s === "row" || s === "column" ? s : "selection");
 									return;
 								}
 								P(e.commandId).finally(() => c(null));
@@ -2747,9 +2747,9 @@ function ji({ active: e, editor: t, interactionState: n = Xt, messages: r = Ai,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Mi({ editor: e, focusState: t }) {
-	let [n, r] = W(null);
-	return be(() => {
+function Ni({ editor: e, focusState: t }) {
+	let [n, r] = K(null);
+	return ve(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
@@ -2790,12 +2790,12 @@ function Mi({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function Ni(e, t) {
+function Pi(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function Pi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
-	let a = U(null);
-	if (V(() => {
+function Fi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = G(null);
+	if (U(() => {
 		if (!(i !== "container" || !a.current)) return mr(a.current);
 	}, [i]), !t.items.length) return null;
 	let o = (t) => {
@@ -2826,7 +2826,7 @@ function Pi({ 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": Ni(n, e),
+					"aria-label": Pi(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -2837,7 +2837,7 @@ function Pi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Fi = {
+var Ii = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2845,21 +2845,21 @@ var Fi = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Ii = {
+}, Li = {
 	active: !1,
 	language: ht.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, Li = Ct({
+}, Ri = Ct({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function Ri(e) {
+function zi(e) {
 	return Zt.getState(e.state) ?? Xt;
 }
-function zi(e) {
+function Bi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2869,91 +2869,91 @@ function zi(e) {
 	}
 	return null;
 }
-function Bi(e) {
+function Vi(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Vi(e) {
+function Hi(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function Hi({ 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, onEditWithAi: _, onExtractToNote: v, onRewriteSelection: y, onRuntimeStateChange: b, onSlashCommandUpload: x, onTableCommandResult: S, onTableCopyPayload: C, onTocChange: w, onUpdate: T, linkCardResolver: E } = {}) {
-	let D = Ie(h), O = gr(g), k = pr(p), A = D === "live" && d !== !1, j = Ze(o === void 0 ? u : c), M = U({
-		editorMode: D,
-		effectiveEditable: A
+function Ui({ 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, onSlashCommandUpload: S, onTableCommandResult: C, onTableCopyPayload: w, onTocChange: T, onUpdate: E, linkCardResolver: D } = {}) {
+	let O = Le(h), k = _r(g), A = gr(_), j = pr(p), M = O === "live" && d !== !1, ee = Ze(o === void 0 ? u : c), N = G({
+		editorMode: O,
+		effectiveEditable: M
 	});
-	M.current = {
-		editorMode: D,
-		effectiveEditable: A
+	N.current = {
+		editorMode: O,
+		effectiveEditable: M
 	};
-	let ee = U(null);
-	ee.current === null && (ee.current = r(m));
-	let N = ee.current, P = H(() => n(N), [N]), te = H(() => t(N), [N]), F = U(x);
-	F.current = x;
-	let I = U(E);
-	I.current = E;
-	let ne = H(() => Rr({
-		lang: N,
+	let P = G(null);
+	P.current === null && (P.current = r(m));
+	let F = P.current, I = W(() => n(F), [F]), L = W(() => t(F), [F]), R = G(S);
+	R.current = S;
+	let te = G(D);
+	te.current = D;
+	let ne = W(() => zr({
+		lang: F,
 		onImageUpload: (e) => {
-			if (F.current) return F.current(e);
-			let t = Se(e);
+			if (R.current) return R.current(e);
+			let t = xe(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
-			if (F.current) return F.current(e);
-			let t = Se(e);
+			if (R.current) return R.current(e);
+			let t = xe(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
-		linkCardResolver: (e) => I.current?.(e) ?? Promise.resolve(null)
-	}), [N]), [L, re] = W(null), [R, z] = W(Wt), [ie, ae] = W(null), [oe, se] = W(null), [ce, le] = W("code"), [ue, de] = W(null), [fe, pe] = W(Xt), [me, he] = W(null), [ge, _e] = W(0), ve = U(!1), ye = U({
+		linkCardResolver: (e) => te.current?.(e) ?? Promise.resolve(null)
+	}), [F]), [z, re] = K(null), [B, V] = K(Wt), [ie, ae] = K(null), [oe, se] = K(null), [ce, le] = K("code"), [ue, de] = K(null), [fe, pe] = K(Xt), [me, he] = K(null), [ge, _e] = K(0), ve = G(!1), ye = G({
 		content: o,
-		format: j
-	}), be = U(null), G = U(null), xe = U({ onUpdate: T }), Ce = H(() => It(R.query, te), [te, R.query]);
-	xe.current = { onUpdate: T }, ye.current = {
+		format: ee
+	}), be = G(null), q = G(null), Se = G({ onUpdate: E }), Ce = W(() => It(B.query, L), [L, B.query]);
+	Se.current = { onUpdate: E }, ye.current = {
 		content: o,
-		format: j
+		format: ee
 	};
-	let we = B(() => {
-		G.current !== null && (window.clearTimeout(G.current), G.current = null), _e((e) => e + 1);
-	}, []), Te = B(() => {
-		G.current !== null && window.clearTimeout(G.current), G.current = window.setTimeout(() => {
-			G.current = null, _e((e) => e + 1);
+	let we = H(() => {
+		q.current !== null && (window.clearTimeout(q.current), q.current = null), _e((e) => e + 1);
+	}, []), Te = H(() => {
+		q.current !== null && window.clearTimeout(q.current), q.current = window.setTimeout(() => {
+			q.current = null, _e((e) => e + 1);
 		}, ct);
 	}, []);
-	V(() => () => {
-		G.current !== null && window.clearTimeout(G.current);
+	U(() => () => {
+		q.current !== null && window.clearTimeout(q.current);
 	}, []);
-	let K = B(() => {
-		ae(null), se(null), z(Wt);
-	}, []), Ee = B((e) => {
+	let Ee = H(() => {
+		ae(null), se(null), V(Wt);
+	}, []), De = H((e) => {
 		let t = Ut(e.state);
 		if (!t) {
-			z((e) => e.name === "idle" ? e : Wt), ae(null), se(null);
+			V((e) => e.name === "idle" ? e : Wt), ae(null), se(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		ae(Ht(n, {
 			frameRect: i,
 			triggerRect: r
-		})), z((e) => Vt(e, t));
-	}, []), De = B((e) => Ee(e.view), [Ee]), Oe = B((e) => {
+		})), V((e) => Vt(e, t));
+	}, []), Oe = H((e) => De(e.view), [De]), ke = H((e) => {
 		let t = at(e);
 		re((e) => tt(e, t) ? e : t);
 		let n = jt(e);
 		n && (Nt(e, n, !0), de(n));
 		let r = pt(e);
 		r.active && r.language === "mermaid" && le(r.mermaidPreviewMode);
-	}, []), ke = B((e) => {
-		pe(Ri(e));
-	}, []), q = s({
+	}, []), Ae = H((e) => {
+		pe(zi(e));
+	}, []), J = s({
 		extensions: ne,
 		content: o ?? l,
-		contentType: Je(j),
-		editable: A,
+		contentType: Je(ee),
+		editable: M,
 		autofocus: a,
 		editorProps: {
 			attributes: {
@@ -2964,34 +2964,34 @@ function Hi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 				spellcheck: "false",
 				translate: "no"
 			},
-			handleClick: (e, t, n) => M.current.effectiveEditable ? !1 : Qe(n),
+			handleClick: (e, t, n) => N.current.effectiveEditable ? !1 : Qe(n),
 			handleDOMEvents: {
-				compositionstart: () => M.current.effectiveEditable ? (z((e) => Gt(e, { type: "composition-start" })), ae(null), !1) : !1,
-				compositionend: (e) => (M.current.effectiveEditable && window.setTimeout(() => Ee(e), 0), !1),
+				compositionstart: () => N.current.effectiveEditable ? (V((e) => Gt(e, { type: "composition-start" })), ae(null), !1) : !1,
+				compositionend: (e) => (N.current.effectiveEditable && window.setTimeout(() => De(e), 0), !1),
 				click: (e, t) => {
-					if (M.current.effectiveEditable) {
+					if (N.current.effectiveEditable) {
 						let n = At(e, t);
-						return n ? (t.preventDefault(), t.stopPropagation(), K(), Pt(e, n, !0), Ft(e, n), de(n), !0) : (de(null), !1);
+						return n ? (t.preventDefault(), t.stopPropagation(), Ee(), Pt(e, n, !0), Ft(e, n), de(n), !0) : (de(null), !1);
 					}
 					return Qe(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			Oe(e);
+			ke(e);
 		},
 		onCreate: ({ editor: e }) => {
-			i && M.current.effectiveEditable && qt(e), ke(e), Oe(e), we();
+			i && N.current.effectiveEditable && qt(e), Ae(e), ke(e), we();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			ke(e), (t.docChanged || yt(t)) && Te(), t.docChanged && de((t) => {
+			Ae(e), (t.docChanged || yt(t)) && Te(), t.docChanged && de((t) => {
 				if (!t) return null;
 				let n = kt(e, t.pos);
 				return n?.kind === t.kind ? n : null;
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			Oe(e), M.current.effectiveEditable && De(e), ve.current || xe.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
+			ke(e), N.current.effectiveEditable && Oe(e), ve.current || Se.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
 				let r = ye.current;
 				r.content !== void 0 && t === r.format && (be.current = {
 					content: n,
@@ -3001,312 +3001,314 @@ function Hi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			} }));
 		}
 	});
-	V(() => {
-		q && (q.setEditable(A), Le(q, {
-			mode: D,
-			editable: A
-		}), xt(q, A ? "live" : "view"), we(), A || K());
+	U(() => {
+		J && (J.setEditable(M), Re(J, {
+			mode: O,
+			editable: M
+		}), xt(J, M ? "live" : "view"), we(), M || Ee());
 	}, [
-		K,
-		q,
-		D,
-		A,
+		Ee,
+		J,
+		O,
+		M,
 		we
-	]), V(() => {
-		q && bt(q, O);
-	}, [q, O]), V(() => {
+	]), U(() => {
+		J && bt(J, k);
+	}, [J, k]), U(() => {
 		let e = Ze(c);
-		if (!(!q || o === void 0)) {
-			if (Xe(q, be.current, o, e)) {
+		if (!(!J || o === void 0)) {
+			if (Xe(J, be.current, o, e)) {
 				be.current = null;
 				return;
 			}
-			be.current = null, !Ye(q, o, e) && (ve.current = !0, q.commands.setContent(o, {
+			be.current = null, !Ye(J, o, e) && (ve.current = !0, J.commands.setContent(o, {
 				contentType: Je(e),
 				emitUpdate: !1
-			}), ve.current = !1, Oe(q), A && De(q), ke(q), we());
+			}), ve.current = !1, ke(J), M && Oe(J), Ae(J), we());
 		}
 	}, [
 		o,
 		c,
-		A,
-		q,
+		M,
+		J,
 		we,
+		ke,
 		Oe,
-		De,
-		ke
-	]), V(() => {
+		Ae
+	]), U(() => {
 		if (!ie) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || K());
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Ee());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [K, ie]);
-	let Ae = H(() => q ? pt(q) : Ii, [
-		q,
+	}, [Ee, ie]);
+	let je = W(() => J ? pt(J) : Li, [
+		J,
 		ge,
-		L
-	]), je = H(() => q ? Jt(q.state) : Fi, [
-		q,
+		z
+	]), Me = W(() => J ? Jt(J.state) : Ii, [
+		J,
 		ge,
-		L,
+		z,
 		fe
-	]), Me = L?.currentNode === "codeBlock", Ne = Me && Ae.language === "mermaid", Pe = H(() => q ? Ct({
-		active: Ne,
+	]), Ne = z?.currentNode === "codeBlock", Pe = Ne && je.language === "mermaid", Fe = W(() => J ? Ct({
+		active: Pe,
 		mode: ce,
-		source: Ae.text
-	}) : Li, [
-		Ae.text,
-		q,
-		Ne,
+		source: je.text
+	}) : Ri, [
+		je.text,
+		J,
+		Pe,
 		ce
-	]), J = H(() => q ? Kt(q.state) : null, [q, ge]), Y = H(() => q ? dr(q.state.doc) : lr.items, [q, ge]), Fe = H(() => fr(Y, me), [me, Y]), Re = H(() => cr(Y, Fe), [Fe, Y]), ze = B(() => {
-		if (!q || !Y.length) {
+	]), Ie = W(() => J ? Kt(J.state) : null, [J, ge]), Y = W(() => J ? dr(J.state.doc) : lr.items, [J, ge]), ze = W(() => fr(Y, me), [me, Y]), X = W(() => cr(Y, ze), [ze, Y]), Z = H(() => {
+		if (!J || !Y.length) {
 			he(null);
 			return;
 		}
-		let e = ur(q, Y);
+		let e = ur(J, Y);
 		he((t) => t === e ? t : e);
-	}, [q, Y]);
-	V(() => {
+	}, [J, Y]);
+	U(() => {
 		he((e) => {
 			let t = fr(Y, e);
 			return e === t ? e : t;
 		});
-	}, [Y]), V(() => {
-		if (!q || !Y.length || typeof window > "u") return;
+	}, [Y]), U(() => {
+		if (!J || !Y.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Vi(e), e = Bi(() => {
-				e = null, ze();
+			e !== null && Hi(e), e = Vi(() => {
+				e = null, Z();
 			});
-		}, n = zi(q.view.dom);
+		}, n = Bi(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 && Vi(e);
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Hi(e);
 		};
 	}, [
-		q,
+		J,
 		Y.length,
-		ze
+		Z
 	]);
-	let X = H(() => $e({
+	let Q = W(() => $e({
 		revision: ge,
-		mode: D,
-		editable: A,
-		toc: Re,
-		selection: L,
-		slash: R,
-		table: je,
+		mode: O,
+		editable: M,
+		toc: X,
+		selection: z,
+		slash: B,
+		table: Me,
 		tableInteraction: fe,
-		codeBlock: Ae,
-		mermaid: Pe,
-		tableDebugSnapshot: J
+		codeBlock: je,
+		mermaid: Fe,
+		tableDebugSnapshot: Ie
 	}), [
-		Ae,
-		D,
-		A,
-		Pe,
-		ge,
-		L,
-		R,
-		J,
 		je,
+		O,
+		M,
+		Fe,
+		ge,
+		z,
+		B,
+		Ie,
+		Me,
 		fe,
-		Re
+		X
 	]);
-	V(() => {
-		b?.(X);
-	}, [b, X]), V(() => {
-		w?.(Re);
-	}, [w, Re]);
-	let Z = B((e, t) => {
-		if (!(!q || !A) && Lt(e)) {
+	U(() => {
+		x?.(Q);
+	}, [x, Q]), U(() => {
+		T?.(X);
+	}, [T, X]);
+	let Be = H((e, t) => {
+		if (!(!J || !M) && Lt(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				se(e);
 				return;
 			}
-			Bt(q, R, e, t), z((e) => Gt(e, { type: "execute" })), K();
+			Bt(J, B, e, t), V((e) => Gt(e, { type: "execute" })), Ee();
 		}
 	}, [
-		K,
-		A,
-		q,
-		R
-	]), Q = B((e) => {
-		z((t) => Gt(t, {
+		Ee,
+		M,
+		J,
+		B
+	]), Ve = H((e) => {
+		V((t) => Gt(t, {
 			type: "set-active",
 			index: e,
 			optionCount: Ce.length
 		}));
-	}, [Ce.length]), Be = B((e) => {
-		if (!q || oe || !A) return;
-		let t = Rt(R, Ce, e.key, { isComposing: e.nativeEvent.isComposing || Ke(q.state) });
+	}, [Ce.length]), He = H((e) => {
+		if (!J || oe || !M) return;
+		let t = Rt(B, Ce, e.key, { isComposing: e.nativeEvent.isComposing || Ke(J.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), z((e) => Gt(e, { type: "escape" })), K();
+				e.preventDefault(), V((e) => Gt(e, { type: "escape" })), Ee();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), z((e) => Gt(e, {
+				e.preventDefault(), V((e) => Gt(e, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				}));
 				return;
 			}
-			t.type === "execute-active" && (e.preventDefault(), Z(t.command));
+			t.type === "execute-active" && (e.preventDefault(), Be(t.command));
 		}
 	}, [
-		K,
-		A,
-		q,
+		Ee,
+		M,
+		J,
 		Ce,
-		Z,
+		Be,
 		oe,
-		R
-	]), Ve = H(() => ({
-		closeSlashMenu: K,
-		focusFirstTableBodyCell: () => q ? qt(q) : !1,
+		B
+	]), Ue = W(() => ({
+		closeSlashMenu: Ee,
+		focusFirstTableBodyCell: () => J ? qt(J) : !1,
 		setContent: (e, t = {}) => {
-			if (!q) return !1;
+			if (!J) return !1;
 			let n = Ze(t.format);
-			return q.commands.setContent(e, {
+			return J.commands.setContent(e, {
 				contentType: Je(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && qt(q), Oe(q), A && De(q), ke(q), we(), !0;
+			}), t.focusFirstTableBodyCell && qt(J), ke(J), M && Oe(J), Ae(J), we(), !0;
 		}
 	}), [
-		K,
-		A,
-		q,
+		Ee,
+		M,
+		J,
 		we,
+		ke,
 		Oe,
-		De,
-		ke
+		Ae
 	]);
 	return {
-		editor: q,
-		frameProps: H(() => ({
+		editor: J,
+		frameProps: W(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? P.common.editorAriaLabel,
+			"aria-label": e ?? I.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
-			"data-markweave-mode": D,
-			"data-markweave-theme": O,
+			"data-markweave-mode": O,
+			"data-markweave-theme": k,
+			style: A ? { "--markweave-canvas": A } : void 0,
 			"data-markweave-inner-toc": f ? "true" : "false",
-			"data-markweave-inner-toc-placement": k,
-			"data-mermaid-mode": Pe.mode,
-			"data-table-focus-mode": je.mode,
-			onKeyDownCapture: Be
+			"data-markweave-inner-toc-placement": j,
+			"data-mermaid-mode": Fe.mode,
+			"data-table-focus-mode": Me.mode,
+			onKeyDownCapture: He
 		}), [
 			e,
-			D,
-			Be,
+			O,
+			He,
 			f,
-			Pe.mode,
-			P.common.editorAriaLabel,
+			Fe.mode,
+			I.common.editorAriaLabel,
+			A,
+			j,
 			k,
-			O,
-			je.mode
+			Me.mode
 		]),
-		overlayProps: H(() => ({
-			floatingToolbar: q && A ? {
-				editor: q,
-				messages: P,
-				selectionSnapshot: L,
-				onRewriteSelection: y,
-				onExtractToNote: v
+		overlayProps: W(() => ({
+			floatingToolbar: J && M ? {
+				editor: J,
+				messages: I,
+				selectionSnapshot: z,
+				onRewriteSelection: b,
+				onExtractToNote: y
 			} : null,
-			slashCommandMenu: q && A ? {
+			slashCommandMenu: J && M ? {
 				commands: Ce,
-				state: R,
+				state: B,
 				position: ie,
 				inputCommand: oe,
-				messages: P,
-				onActiveIndexChange: Q,
+				messages: I,
+				onActiveIndexChange: Ve,
 				onInputCommandChange: se,
-				onSelect: Z,
-				onUpload: x
+				onSelect: Be,
+				onUpload: S
 			} : null,
-			tableControls: q && A ? {
-				editor: q,
-				active: je.active,
+			tableControls: J && M ? {
+				editor: J,
+				active: Me.active,
 				interactionState: fe,
-				messages: P,
-				onCopyPayload: C,
-				onCommandResult: S,
-				onEditWithAi: _
+				messages: I,
+				onCopyPayload: w,
+				onCommandResult: C,
+				onEditWithAi: v
 			} : null,
-			tableSelectionOverlay: q && A ? {
-				editor: q,
-				focusState: je
+			tableSelectionOverlay: J && M ? {
+				editor: J,
+				focusState: Me
 			} : null,
-			codeBlockControls: q ? {
-				editor: q,
-				active: A && Me,
+			codeBlockControls: J ? {
+				editor: J,
+				active: M && Ne,
 				mermaidMode: ce,
 				onMermaidModeChange: le,
-				readOnly: !A
+				readOnly: !M
 			} : null,
-			innerToc: q && f && Re.items.length ? {
-				editor: q,
-				editable: A,
-				messages: P,
-				placement: k,
-				state: Re
+			innerToc: J && f && X.items.length ? {
+				editor: J,
+				editable: M,
+				messages: I,
+				placement: j,
+				state: X
 			} : null,
-			mathEditorPopover: q && A && ue ? {
-				editor: q,
-				messages: P,
+			mathEditorPopover: J && M && ue ? {
+				editor: J,
+				messages: I,
 				target: ue,
 				onClose: () => de(null)
 			} : null
 		}), [
-			A,
-			q,
+			M,
+			J,
 			Ce,
 			f,
-			Me,
+			Ne,
 			ce,
-			P,
+			I,
 			ue,
-			_,
 			v,
 			y,
-			x,
+			b,
 			S,
 			C,
-			Z,
-			L,
-			Q,
+			w,
+			Be,
+			z,
+			Ve,
 			oe,
 			ie,
-			R,
-			je,
+			B,
+			Me,
 			fe,
-			Re
+			X
 		]),
-		runtimeSnapshot: X,
-		actions: Ve
+		runtimeSnapshot: Q,
+		actions: Ue
 	};
 }
-function Ui({ className: e, ...t }) {
-	let n = Hi(t);
+function Wi({ className: e, ...t }) {
+	let n = Ui(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(ci, { ...n.overlayProps.floatingToolbar }) : null,
-			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ki, { ...n.overlayProps.slashCommandMenu }) : null,
-			n.overlayProps.tableControls ? /* @__PURE__ */ Z(ji, { ...n.overlayProps.tableControls }) : null,
-			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Mi, { ...n.overlayProps.tableSelectionOverlay }) : null,
-			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Vr, { ...n.overlayProps.codeBlockControls }) : null,
-			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Pi, { ...n.overlayProps.innerToc }) : null,
-			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(bi, { ...n.overlayProps.mathEditorPopover }) : null,
+			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(li, { ...n.overlayProps.floatingToolbar }) : null,
+			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(Ai, { ...n.overlayProps.slashCommandMenu }) : null,
+			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Mi, { ...n.overlayProps.tableControls }) : null,
+			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Ni, { ...n.overlayProps.tableSelectionOverlay }) : null,
+			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Hr, { ...n.overlayProps.codeBlockControls }) : null,
+			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Fi, { ...n.overlayProps.innerToc }) : null,
+			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(xi, { ...n.overlayProps.mathEditorPopover }) : null,
 			/* @__PURE__ */ Z(i, { editor: n.editor })
 		]
 	});
 }
 //#endregion
-export { Ui as MarkweaveEditor, Rr as createMarkweaveEditorExtensions, Rr as createMarkweaveReactEditorExtensions, Hi as useMarkweaveEditorController };
+export { Wi as MarkweaveEditor, zr as createMarkweaveEditorExtensions, zr as createMarkweaveReactEditorExtensions, Ui as useMarkweaveEditorController };