@markweave/vue2 0.1.8 → 0.1.9

package/dist/index.js

@@ -9,8 +9,8 @@ import { openMarkweaveLinkCardComposer as g } from "markweave/internal/plugins/l
 import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as v, replaceMarkweaveLinkCardWithLink as y } from "markweave/internal/plugins/link-card/link-card";
 import { openMarkweaveImagePreview as b } from "markweave/internal/plugins/media/image-preview";
 import { MarkweaveCoreImage as x, MarkweaveCoreVideo as S, attrsFromMarkweaveImageUploadResult as C, attrsFromMarkweaveVideoUploadResult as w, attrsFromMarkweaveVideoUrl as T, clampMarkweaveImageWidth as E, createMarkweaveImageUploadRequest as ee, createMarkweaveVideoUploadRequest as D, downloadMarkweaveImage as O, markweaveVideoIframeAllow as k, normalizeMarkweaveCoreImageAlign as A, normalizeMarkweaveVideoEmbedUrl as j, numberAttribute as M, stringAttribute as N } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as P, getDirectUploadResult as te, resolveMarkweaveUploadResult as F } from "markweave/internal/plugins/slash-command/upload";
-import { BubbleMenu as I } from "@tiptap/vue-2/menus";
+import { detectUploadSource as P, getDirectUploadResult as F, resolveMarkweaveUploadResult as I } from "markweave/internal/plugins/slash-command/upload";
+import { BubbleMenu as te } from "@tiptap/vue-2/menus";
 import { isEditorComposing as L } from "markweave/internal/editor-core/composition-guard";
 import { createMarkweaveFrameScheduler as R } from "markweave/internal/editor-core/frame-scheduler";
 import { createMarkweaveEditorUpdatePayload as ne, getMarkweaveContentType as re, isEditorContentCurrent as ie, isMarkweaveControlledContentEchoCurrent as ae, normalizeMarkweaveContentFormat as oe } from "markweave/internal/editor-core/editor-content";
@@ -18,41 +18,41 @@ import { getCurrentFloatingToolbarBlockType as se, getFloatingToolbarHighlightCo
 import { openMarkweaveReadonlyLinkFromEvent as pe } from "markweave/internal/editor-core/readonly-link";
 import { createMarkweaveEditorRuntimeSnapshot as me } from "markweave/internal/editor-core/runtime-snapshot";
 import { areEditorSelectionSnapshotsEquivalent as he, calculateFloatingToolbarPopoverPlacement as ge, createSelectionSnapshot as _e, markweaveRuntimeProjectionDelayMs as ve, shouldShowFloatingToolbar as ye } from "markweave/internal/editor-core/selection-state";
-import { normalizeMarkweaveTheme as be } from "markweave/internal/core/theme";
-import { createMarkweaveTocState as xe, emptyMarkweaveTocState as Se, getActiveMarkweaveTocId as Ce, getMarkweaveTocItems as we, getValidMarkweaveTocActiveId as Te, normalizeMarkweaveInnerTocPlacement as Ee, observeMarkweaveInnerTocContainerPosition as De, scrollToMarkweaveTocItem as Oe } from "markweave/internal/core/toc-state";
-import { codeBlockCollapsePluginKey as ke, copyActiveCodeBlock as Ae, getActiveCodeBlockState as je, getCodeBlockCopyFeedbackSnapshot as Me, markweaveCodeBlockBehavior as Ne, setCodeBlockCollapsedAtPosition as Pe, setCodeBlockLanguageAtPosition as Fe, setCodeBlockMermaidPreviewModeAtPosition as Ie } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { calculateCodeBlockLanguageMenuPosition as Le, clampFullscreenScale as Re, codeBlockCopyFeedbackTimeoutMs as ze, copyCodeBlockText as Be, createCodeBlockOverlayPosition as Ve, createMermaidFullscreenViewerState as He, createMermaidTabPosition as Ue, focusCodeBlockTarget as We, formatCodeBlockLanguageLabel as Ge, formatFullscreenZoom as Ke, getActiveCodeBlockElement as qe, getAnchoredRect as Je, getCodeBlockLanguageItems as Ye, getCodeBlockPositionFromEventTarget as Xe, getCodeBlockStateAtPosition as Ze, getFrameElement as Qe, getMermaidCodeBlockTargets as $e, getMermaidSvgMarkup as et, isCodeBlockTargetCollapsed as tt, mergeStableMermaidTabPositions as nt, mermaidFullscreenZoomStep as rt, moveMermaidFullscreenViewer as it } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { normalizeMarkdownLinkHref as at } from "markweave/internal/plugins/markdown/markdown-input";
-import { applyMarkweaveMathLatex as ot, calculateMarkweaveMathPopoverPosition as st, getMarkweaveMathAnchorRect as ct, getMarkweaveMathBlockIndex as lt, getMarkweaveMathRenderedHtml as ut, getMarkweaveMathTargetAtPos as dt, getMarkweaveMathTargetFromDomEvent as ft, getMarkweaveMathTargetFromSelection as pt, renderMarkweaveMathPreview as mt, setMarkweaveMathEditingDomState as ht, setMarkweaveMathEditingDomStateInView as gt, setMarkweaveMathSelectionInView as _t } from "markweave/internal/plugins/math/math-ui-model";
-import { isMermaidInlinePreviewTransaction as vt, setMarkweaveMermaidTheme as yt, setMermaidInlinePreviewEditorMode as bt, setReadonlyMermaidPreviewMode as xt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as St } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as Ct, isExecutableSlashCommand as wt } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as Tt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as Et, getNextSlashCommandState as Dt, getSlashCommandAnchoredMenuPosition as Ot, getSlashCommandContext as kt } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as At, reduceSlashCommandState as jt } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as Mt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as Nt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as Pt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Ft } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as It, initialTableInteractionState as Lt, tableInteractionPluginKey as Rt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as zt, calculateTableEdgeHandlePosition as Bt, canRunTableCommand as Vt, executeTableMenuCommand as Ht, formatTableCopyFeedback as Ut, getActiveTableElement as Wt, getAvailableCellMenuCommandSpecs as Gt, getTableAxisTargetRect as Kt, getTableControlAxisSelectionModel as qt, getTableEditWithAiRequest as Jt, getTableMenuItemGroup as Yt, getTableMenuItemLabel as Xt, getTableMenuItems as Zt, getTableSelectionTargetRect as Qt, measureTableSelectionOverlay as $t, selectTableAxisFromCell as en, tableCopyFeedbackTimeoutMs as tn, tableMenuLabel as nn } from "markweave/internal/plugins/table/table-ui-model";
+import { normalizeMarkweaveCanvasColor as be, normalizeMarkweaveTheme as xe } from "markweave/internal/core/theme";
+import { createMarkweaveTocState as Se, emptyMarkweaveTocState as Ce, getActiveMarkweaveTocId as we, getMarkweaveTocItems as Te, getValidMarkweaveTocActiveId as Ee, normalizeMarkweaveInnerTocPlacement as De, observeMarkweaveInnerTocContainerPosition as Oe, scrollToMarkweaveTocItem as ke } from "markweave/internal/core/toc-state";
+import { codeBlockCollapsePluginKey as Ae, copyActiveCodeBlock as je, getActiveCodeBlockState as Me, getCodeBlockCopyFeedbackSnapshot as Ne, markweaveCodeBlockBehavior as Pe, setCodeBlockCollapsedAtPosition as Fe, setCodeBlockLanguageAtPosition as Ie, setCodeBlockMermaidPreviewModeAtPosition as Le } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { calculateCodeBlockLanguageMenuPosition as Re, clampFullscreenScale as ze, codeBlockCopyFeedbackTimeoutMs as Be, copyCodeBlockText as Ve, createCodeBlockOverlayPosition as He, createMermaidFullscreenViewerState as Ue, createMermaidTabPosition as We, focusCodeBlockTarget as Ge, formatCodeBlockLanguageLabel as Ke, formatFullscreenZoom as qe, getActiveCodeBlockElement as Je, getAnchoredRect as Ye, getCodeBlockLanguageItems as Xe, getCodeBlockPositionFromEventTarget as Ze, getCodeBlockStateAtPosition as Qe, getFrameElement as $e, getMermaidCodeBlockTargets as et, getMermaidSvgMarkup as tt, isCodeBlockTargetCollapsed as nt, mergeStableMermaidTabPositions as rt, mermaidFullscreenZoomStep as it, moveMermaidFullscreenViewer as at } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { normalizeMarkdownLinkHref as ot } from "markweave/internal/plugins/markdown/markdown-input";
+import { applyMarkweaveMathLatex as st, calculateMarkweaveMathPopoverPosition as ct, getMarkweaveMathAnchorRect as lt, getMarkweaveMathBlockIndex as ut, getMarkweaveMathRenderedHtml as dt, getMarkweaveMathTargetAtPos as ft, getMarkweaveMathTargetFromDomEvent as pt, getMarkweaveMathTargetFromSelection as mt, renderMarkweaveMathPreview as ht, setMarkweaveMathEditingDomState as gt, setMarkweaveMathEditingDomStateInView as _t, setMarkweaveMathSelectionInView as vt } from "markweave/internal/plugins/math/math-ui-model";
+import { isMermaidInlinePreviewTransaction as yt, setMarkweaveMermaidTheme as bt, setMermaidInlinePreviewEditorMode as xt, setReadonlyMermaidPreviewMode as St } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as Ct } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { filterSlashCommands as wt, isExecutableSlashCommand as Tt } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as Et } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as Dt, getNextSlashCommandState as Ot, getSlashCommandAnchoredMenuPosition as kt, getSlashCommandContext as At } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as jt, reduceSlashCommandState as Mt } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as Nt } from "markweave/internal/plugins/table/table-clipboard";
+import { getFirstTableDebugSnapshot as Pt } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Ft } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as It } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Lt, initialTableInteractionState as Rt, tableInteractionPluginKey as zt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateAnchoredTableMenuPosition as Bt, calculateTableEdgeHandlePosition as Vt, canRunTableCommand as Ht, executeTableMenuCommand as Ut, formatTableCopyFeedback as Wt, getActiveTableElement as Gt, getAvailableCellMenuCommandSpecs as Kt, getTableAxisTargetRect as qt, getTableControlAxisSelectionModel as Jt, getTableEditWithAiRequest as Yt, getTableMenuItemGroup as Xt, getTableMenuItemLabel as Zt, getTableMenuItems as Qt, getTableSelectionTargetRect as $t, measureTableSelectionOverlay as en, selectTableAxisFromCell as tn, tableCopyFeedbackTimeoutMs as nn, tableMenuLabel as rn } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var rn = l.default ?? l, an = null, on = null, sn = null;
-function cn(e) {
+var an = l.default ?? l, on = null, sn = null, cn = null;
+function ln(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function ln(e) {
+function un(e) {
 	let t = e.slice(2);
 	return t.endsWith("Capture") ? `!${t.slice(0, -7).replace(/^[A-Z]/, (e) => e.toLowerCase())}` : t.replace(/^[A-Z]/, (e) => e.toLowerCase());
 }
-function un(e) {
+function dn(e) {
 	let t = {}, n = {}, r = {}, i = {}, a = {};
 	for (let [o, s] of Object.entries(e)) if (s !== void 0) {
 		if (o === "class" || o === "style" || o === "key") {
 			t[o] = s;
 			continue;
 		}
-		if (o === "ref" && cn(s)) {
+		if (o === "ref" && ln(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -61,7 +61,7 @@ function un(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[ln(o)] = s;
+			i[un(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -72,14 +72,14 @@ function un(e) {
 	}
 	return Object.keys(n).length && (t.attrs = n), Object.keys(r).length && (t.domProps = r), Object.keys(i).length && (t.on = i), Object.keys(a).length && (t.hook = a), t;
 }
-function dn(e) {
+function fn(e) {
 	let t = {}, n = {}, r = {}, i = {};
 	for (let [a, o] of Object.entries(e)) if (o !== void 0) {
 		if (a === "class" || a === "style" || a === "key") {
 			t[a] = o;
 			continue;
 		}
-		if (a === "ref" && cn(o)) {
+		if (a === "ref" && ln(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -95,25 +95,25 @@ function dn(e) {
 	}
 	return Object.keys(n).length && (t.props = n), Object.keys(r).length && (t.attrs = r), Object.keys(i).length && (t.hook = i), t;
 }
-function fn(e) {
+function pn(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function pn(e) {
+function mn(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function mn(e) {
+function hn(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function hn(e) {
-	return typeof e == "function" ? mn(e()) : fn(e) ? mn(e.default()) : pn(e) ? [e] : e;
+function gn(e) {
+	return typeof e == "function" ? hn(e()) : pn(e) ? hn(e.default()) : mn(e) ? [e] : e;
 }
 function B(e, t, n) {
-	if (!sn) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? un(r) : dn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : hn(n);
-	return sn(e, i, a);
+	if (!cn) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? dn(r) : fn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : gn(n);
+	return cn(e, i, a);
 }
 function V(e) {
-	return rn.observable({ value: e });
+	return an.observable({ value: e });
 }
 var H = V;
 function U(e) {
@@ -123,19 +123,19 @@ function U(e) {
 }
 function W(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return an?.$watch ? an.$watch(r, t, n) : () => void 0;
+	return on?.$watch ? on.$watch(r, t, n) : () => void 0;
 }
 function G(e) {
-	on?.mounted.push(e);
+	sn?.mounted.push(e);
 }
 function K(e) {
-	on?.beforeUnmount.push(e);
+	sn?.beforeUnmount.push(e);
 }
 function q(e) {
-	return rn.nextTick(e);
+	return an.nextTick(e);
 }
 function J(e) {
-	return rn.extend({
+	return an.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -143,12 +143,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			an = this, on = t;
+			on = this, sn = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				an = null, on = null;
+				on = null, sn = null;
 			}
 		},
 		mounted() {
@@ -158,19 +158,19 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			sn = t;
+			cn = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				sn = null;
+				cn = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var gn = {
+var _n = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1035,7 +1035,7 @@ var gn = {
 		}]]
 	}
 };
-function _n(e) {
+function vn(e) {
 	return e.map(([e, t]) => B(e, t));
 }
 function Y(e) {
@@ -1056,7 +1056,7 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = gn[e];
+			let n = _n[e];
 			return () => B("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
@@ -1069,12 +1069,12 @@ function Y(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, _n(n.node));
+			}, vn(n.node));
 		}
 	});
 }
-var vn = Y("AlignCenter"), yn = Y("AlignJustify"), bn = Y("AlignLeft"), xn = Y("AlignRight"), Sn = Y("AlertTriangle"), Cn = Y("Bold"), wn = Y("Braces"), Tn = Y("Captions"), En = Y("CheckCircle2"), Dn = Y("ChevronDown"), On = Y("ChevronUp"), kn = Y("CircleX"), An = Y("Code2"), jn = Y("CornerDownLeft"), Mn = Y("Download"), Nn = Y("Eye"), Pn = Y("ExternalLink"), Fn = Y("Heading1"), In = Y("Heading2"), Ln = Y("Heading3"), Rn = Y("Image"), zn = Y("ImageUp"), Bn = Y("IndentDecrease"), Vn = Y("IndentIncrease"), Hn = Y("Info"), Un = Y("Italic"), Wn = Y("Lightbulb"), Gn = Y("Link2"), Kn = Y("List"), qn = Y("ListChecks"), Jn = Y("ListOrdered"), Yn = Y("Minus"), Xn = Y("MoreVertical"), Zn = Y("Paperclip"), Qn = Y("PencilLine"), $n = Y("Quote"), er = Y("Replace"), tr = Y("Sigma"), nr = Y("SmilePlus"), rr = Y("Strikethrough"), ir = Y("Subscript"), ar = Y("Superscript"), or = Y("Table2"), sr = Y("Text"), cr = Y("Trash2"), lr = Y("Type"), ur = Y("Underline"), dr = Y("Upload"), fr = Y("Video"), pr = A;
-function mr(e) {
+var yn = Y("AlignCenter"), bn = Y("AlignJustify"), xn = Y("AlignLeft"), Sn = Y("AlignRight"), Cn = Y("AlertTriangle"), wn = Y("Bold"), Tn = Y("Braces"), En = Y("Captions"), Dn = Y("CheckCircle2"), On = Y("ChevronDown"), kn = Y("ChevronUp"), An = Y("CircleX"), jn = Y("Code2"), Mn = Y("CornerDownLeft"), Nn = Y("Download"), Pn = Y("Eye"), Fn = Y("ExternalLink"), In = Y("Heading1"), Ln = Y("Heading2"), Rn = Y("Heading3"), zn = Y("Image"), Bn = Y("ImageUp"), Vn = Y("IndentDecrease"), Hn = Y("IndentIncrease"), Un = Y("Info"), Wn = Y("Italic"), Gn = Y("Lightbulb"), Kn = Y("Link2"), qn = Y("List"), Jn = Y("ListChecks"), Yn = Y("ListOrdered"), Xn = Y("Minus"), Zn = Y("MoreVertical"), Qn = Y("Paperclip"), $n = Y("PencilLine"), er = Y("Quote"), tr = Y("Replace"), nr = Y("Sigma"), rr = Y("SmilePlus"), ir = Y("Strikethrough"), ar = Y("Subscript"), or = Y("Superscript"), sr = Y("Table2"), cr = Y("Text"), lr = Y("Trash2"), ur = Y("Type"), dr = Y("Underline"), fr = Y("Upload"), pr = Y("Video"), mr = A;
+function hr(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1096,16 +1096,16 @@ function mr(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function hr(e) {
+function gr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function gr(e) {
+function _r(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function _r(e) {
+function vr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function vr(e, t) {
+function yr(e, t) {
 	return B(e, {
 		size: 18,
 		strokeWidth: 1.8,
@@ -1121,12 +1121,12 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [vr(e.icon, e.label), B("span", {
+	}, [yr(e.icon, e.label), B("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function yr(e) {
+function br(e) {
 	let t = V(null), n = e.messages.image;
 	return B("section", {
 		class: "markweave-image-upload-placeholder",
@@ -1160,7 +1160,7 @@ function yr(e) {
 		B("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [B(zn, {
+		}, [B(Bn, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1185,7 +1185,7 @@ function yr(e) {
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(zn, {
+			}, [B(Bn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1201,7 +1201,7 @@ function yr(e) {
 		}, e.error) : null
 	]);
 }
-function br(e) {
+function xr(e) {
 	let t = V(null), n = e.messages.video;
 	return B("section", {
 		class: "markweave-video-upload-placeholder",
@@ -1235,7 +1235,7 @@ function br(e) {
 		B("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [B(fr, {
+		}, [B(pr, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1260,7 +1260,7 @@ function br(e) {
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(dr, {
+			}, [B(fr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1276,7 +1276,7 @@ function br(e) {
 		}, e.error) : null
 	]);
 }
-var xr = J({
+var Sr = J({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1309,7 +1309,7 @@ var xr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), r = V(!1), i = V(!1), a = V(!1), o = V(""), c = V(null), l = V(!1), u = U(() => e.node.attrs), f = V(!!N(u.value.caption)), p = V(N(u.value.caption) ?? ""), m = mr(e.editor), h = U(() => d(m.value)), g = U(() => e.extension.options?.messages ?? n("zh")), _ = U(() => g.value.image), v = U(() => N(u.value.src)), y = U(() => pr(u.value.align)), x = U(() => M(u.value.width)), S = U(() => N(u.value.caption)), w = U(() => h.value && (!v.value || i.value)), T = () => {
+		let t = V(null), r = V(!1), i = V(!1), a = V(!1), o = V(""), c = V(null), l = V(!1), u = U(() => e.node.attrs), f = V(!!N(u.value.caption)), p = V(N(u.value.caption) ?? ""), m = hr(e.editor), h = U(() => d(m.value)), g = U(() => e.extension.options?.messages ?? n("zh")), _ = U(() => g.value.image), v = U(() => N(u.value.src)), y = U(() => mr(u.value.align)), x = U(() => M(u.value.width)), S = U(() => N(u.value.caption)), w = U(() => h.value && (!v.value || i.value)), T = () => {
 			v.value && b({
 				src: v.value,
 				alt: N(u.value.alt) ?? "",
@@ -1340,7 +1340,7 @@ var xr = J({
 			let n = e.extension.options;
 			l.value = !0, c.value = null;
 			try {
-				let r = await F(ee(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
+				let r = await I(ee(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
 				e.updateAttributes(C(u.value, r)), o.value = "", i.value = !1;
 			} catch (e) {
 				c.value = e instanceof Error ? e.message : _.value.uploadFailedError;
@@ -1353,13 +1353,13 @@ var xr = J({
 				return;
 			}
 			A(P(o.value));
-		}, te = (e) => {
+		}, F = (e) => {
 			A({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, I = () => {
+		}, te = () => {
 			f.value = !f.value, f.value && (p.value = S.value ?? "");
 		}, L = (n, r) => {
 			if (!h.value || !v.value) return;
@@ -1382,7 +1382,7 @@ var xr = J({
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => yr({
+		}, () => br({
 			messages: g.value,
 			inputValue: o.value,
 			error: c.value,
@@ -1391,7 +1391,7 @@ var xr = J({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: te,
+			onFile: F,
 			onSubmit: j,
 			onCancel: k,
 			onDragActive: (e) => {
@@ -1412,7 +1412,7 @@ var xr = J({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !hr(e.target) && D();
+				h.value && !gr(e.target) && D();
 			}
 		}, () => [
 			h.value ? B("div", {
@@ -1424,21 +1424,21 @@ var xr = J({
 				X({
 					testId: "markweave-image-align-left",
 					label: _.value.alignLeft,
-					icon: bn,
+					icon: xn,
 					active: y.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
 				X({
 					testId: "markweave-image-align-center",
 					label: _.value.alignCenter,
-					icon: vn,
+					icon: yn,
 					active: y.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
 				X({
 					testId: "markweave-image-align-right",
 					label: _.value.alignRight,
-					icon: xn,
+					icon: Sn,
 					active: y.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
@@ -1449,20 +1449,20 @@ var xr = J({
 				X({
 					testId: "markweave-image-caption",
 					label: _.value.caption,
-					icon: Tn,
+					icon: En,
 					active: f.value || !!S.value,
-					onClick: I
+					onClick: te
 				}),
 				X({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
-					icon: Nn,
+					icon: Pn,
 					onClick: T
 				}),
 				X({
 					testId: "markweave-image-download",
 					label: _.value.download,
-					icon: Mn,
+					icon: Nn,
 					onClick: () => {
 						v.value && O(v.value);
 					}
@@ -1470,7 +1470,7 @@ var xr = J({
 				X({
 					testId: "markweave-image-replace",
 					label: _.value.replace,
-					icon: er,
+					icon: tr,
 					onClick: () => {
 						o.value = "", c.value = null, i.value = !0;
 					}
@@ -1482,7 +1482,7 @@ var xr = J({
 				X({
 					testId: "markweave-image-delete",
 					label: _.value.delete,
-					icon: cr,
+					icon: lr,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
@@ -1511,7 +1511,7 @@ var xr = J({
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
 					onClick: T
-				}, [B(Nn, {
+				}, [B(Pn, {
 					size: 16,
 					strokeWidth: 1.8
 				}), B("span", {
@@ -1556,7 +1556,7 @@ var xr = J({
 			}, S.value) : null
 		]);
 	}
-}), Sr = J({
+}), Cr = J({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1589,14 +1589,14 @@ var xr = J({
 		}
 	},
 	setup(e) {
-		let t = V(!1), r = V(""), i = V(null), a = V(!1), o = mr(e.editor), c = U(() => d(o.value)), l = U(() => e.extension.options?.messages ?? n("zh")), u = U(() => l.value.video), f = U(() => e.node.attrs), p = U(() => N(f.value.src)), m = U(() => N(f.value.embedUrl)), h = U(() => N(f.value.provider)), g = U(() => m.value ? j(m.value, h.value) : null), _ = U(() => N(f.value.mimeType)), v = U(() => N(f.value.title)), y = () => {
+		let t = V(!1), r = V(""), i = V(null), a = V(!1), o = hr(e.editor), c = U(() => d(o.value)), l = U(() => e.extension.options?.messages ?? n("zh")), u = U(() => l.value.video), f = U(() => e.node.attrs), p = U(() => N(f.value.src)), m = U(() => N(f.value.embedUrl)), h = U(() => N(f.value.provider)), g = U(() => m.value ? j(m.value, h.value) : null), _ = U(() => N(f.value.mimeType)), v = U(() => N(f.value.title)), y = () => {
 			p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
 		}, b = async (n) => {
 			if (!c.value) return;
 			let o = e.extension.options;
 			a.value = !0, i.value = null;
 			try {
-				let t = await F(D(n), o?.onUpload);
+				let t = await I(D(n), o?.onUpload);
 				e.updateAttributes(w(t)), r.value = "";
 			} catch (e) {
 				i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
@@ -1630,7 +1630,7 @@ var xr = J({
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => br({
+		}, () => xr({
 			messages: l.value,
 			inputValue: r.value,
 			error: i.value,
@@ -1657,7 +1657,7 @@ var xr = J({
 			onFocus: C,
 			onKeydown: E,
 			onMousedown: (e) => {
-				c.value && !gr(e.target) && (e.preventDefault(), C());
+				c.value && !_r(e.target) && (e.preventDefault(), C());
 			}
 		}, () => [g.value ? B("div", { class: "markweave-video-embed" }, [B("iframe", {
 			class: "markweave-video-iframe",
@@ -1695,7 +1695,7 @@ var xr = J({
 			"aria-hidden": "true"
 		})]);
 	}
-}), Cr = x.extend({
+}), wr = x.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1704,9 +1704,9 @@ var xr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(xr, { stopEvent: ({ event: e }) => hr(e.target) });
+		return typeof document > "u" ? null : c(Sr, { stopEvent: ({ event: e }) => gr(e.target) });
 	}
-}), wr = S.extend({
+}), Tr = S.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1715,9 +1715,9 @@ var xr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Sr, { stopEvent: ({ event: e }) => gr(e.target) });
+		return typeof document > "u" ? null : c(Cr, { stopEvent: ({ event: e }) => _r(e.target) });
 	}
-}), Tr = J({
+}), Er = J({
 	name: "MarkweaveVueLinkCardNodeView",
 	props: {
 		editor: {
@@ -1750,7 +1750,7 @@ var xr = J({
 		}
 	},
 	setup(e) {
-		let t = e.extension.options, r = t.messages ?? n("zh"), i = mr(e.editor), a = V(!1), o = V(!1), c = V(!1), l = U(() => _(e.node.attrs ?? {})), u = V(l.value?.title ?? ""), f = V(l.value?.href ?? "");
+		let t = e.extension.options, r = t.messages ?? n("zh"), i = hr(e.editor), a = V(!1), o = V(!1), c = V(!1), l = U(() => _(e.node.attrs ?? {})), u = V(l.value?.title ?? ""), f = V(l.value?.href ?? "");
 		W(l, (e) => {
 			u.value = e?.title ?? "", f.value = e?.href ?? "", c.value = !1;
 		});
@@ -1785,7 +1785,7 @@ var xr = J({
 			"data-testid": n,
 			onMousedown: h,
 			onClick: r
-		}, [vr(t, e), B("span", { role: "tooltip" }, e)]);
+		}, [yr(t, e), B("span", { role: "tooltip" }, e)]);
 		return () => {
 			let n = l.value;
 			if (!n) return null;
@@ -1821,10 +1821,10 @@ var xr = J({
 					a.value = !1;
 				},
 				onMousedown: (e) => {
-					_r(e.target) || e.preventDefault();
+					vr(e.target) || e.preventDefault();
 				},
 				onClick: (e) => {
-					_r(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
+					vr(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
 				}
 			}, () => [
 				B("a", {
@@ -1844,9 +1844,9 @@ var xr = J({
 					"data-markweave-link-card-ui": "true",
 					"aria-label": r.linkCard.toolsAriaLabel
 				}, [
-					C(r.linkCard.convertToLink, Gn, "markweave-link-card-convert", x),
-					C(r.linkCard.copyAddress, Mn, "markweave-link-card-copy", () => b(n.href)),
-					C(r.linkCard.edit, Qn, "markweave-link-card-edit", (i) => g({
+					C(r.linkCard.convertToLink, Kn, "markweave-link-card-convert", x),
+					C(r.linkCard.copyAddress, Nn, "markweave-link-card-copy", () => b(n.href)),
+					C(r.linkCard.edit, $n, "markweave-link-card-edit", (i) => g({
 						anchor: i.currentTarget,
 						editor: e.editor,
 						messages: r,
@@ -1856,7 +1856,7 @@ var xr = J({
 							attrs: n
 						}
 					})),
-					C(r.linkCard.delete, cr, "markweave-link-card-delete", () => e.deleteNode())
+					C(r.linkCard.delete, lr, "markweave-link-card-delete", () => e.deleteNode())
 				]) : null,
 				p.value && o.value ? B("form", {
 					class: "markweave-link-card-editor",
@@ -1884,12 +1884,12 @@ var xr = J({
 						type: "submit",
 						disabled: !v(f.value),
 						"aria-label": r.linkCard.edit
-					}, [vr(Gn, r.linkCard.edit)])
+					}, [yr(Kn, r.linkCard.edit)])
 				]) : null
 			]);
 		};
 	}
-}), Er = h.extend({
+}), Dr = h.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1898,22 +1898,22 @@ var xr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Tr, { stopEvent: ({ event: e }) => _r(e.target) });
+		return typeof document > "u" ? null : c(Er, { stopEvent: ({ event: e }) => vr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Dr(t = {}) {
+function Or(t = {}) {
 	return e({
 		lang: t.lang,
-		linkCardExtension: Er.configure({
+		linkCardExtension: Dr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: i({
-			image: Cr,
-			video: wr,
+			image: wr,
+			video: Tr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload
@@ -1922,7 +1922,7 @@ function Dr(t = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var Or = {
+var kr = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1930,17 +1930,17 @@ var Or = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, kr = {
+}, Ar = {
 	active: !1,
-	language: Ne.defaultLanguage,
+	language: Pe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function Ar(e) {
-	return Rt.getState(e.state) ?? Lt;
-}
 function jr(e) {
+	return zt.getState(e.state) ?? Rt;
+}
+function Mr(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1957,7 +1957,7 @@ function Z(e, t, n = 18, r = 1.8) {
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function Mr(e) {
+function Nr(e) {
 	return e === "clipboard" ? [B("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" }), B("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" ? [B("circle", {
 		cx: "10",
 		cy: "10",
@@ -2005,57 +2005,57 @@ function Q(e) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, Mr(e)));
+	}, Nr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function Nr(e) {
-	let t = at(e);
+function Pr(e) {
+	let t = ot(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var Pr = {
-	bold: Cn,
-	italic: Un,
-	underline: ur,
-	strike: rr,
-	"inline-code": An,
-	link: Gn,
-	more: Xn,
-	superscript: ar,
-	subscript: ir,
-	"inline-math": tr,
-	"align-left": bn,
-	"align-center": vn,
-	"align-right": xn,
-	"align-justify": yn,
-	"decrease-indent": Bn,
-	"increase-indent": Vn
-}, Fr = {
-	type: sr,
-	"heading-1": Fn,
-	"heading-2": In,
-	"heading-3": Ln,
-	"bullet-list": Kn,
-	"ordered-list": Jn,
-	"task-list": qn,
-	blockquote: $n,
-	"code-block": wn,
-	info: Hn,
-	tip: Wn,
-	warning: Sn,
-	error: kn,
-	success: En,
-	emoji: nr,
-	math: tr,
-	table: or,
-	separator: Yn,
-	image: Rn,
-	video: fr,
-	attachment: Zn
+var Fr = {
+	bold: wn,
+	italic: Wn,
+	underline: dr,
+	strike: ir,
+	"inline-code": jn,
+	link: Kn,
+	more: Zn,
+	superscript: or,
+	subscript: ar,
+	"inline-math": nr,
+	"align-left": xn,
+	"align-center": yn,
+	"align-right": Sn,
+	"align-justify": bn,
+	"decrease-indent": Vn,
+	"increase-indent": Hn
+}, Ir = {
+	type: cr,
+	"heading-1": In,
+	"heading-2": Ln,
+	"heading-3": Rn,
+	"bullet-list": qn,
+	"ordered-list": Yn,
+	"task-list": Jn,
+	blockquote: er,
+	"code-block": Tn,
+	info: Un,
+	tip: Gn,
+	warning: Cn,
+	error: An,
+	success: Dn,
+	emoji: rr,
+	math: nr,
+	table: sr,
+	separator: Xn,
+	image: zn,
+	video: pr,
+	attachment: Qn
 };
-function Ir(e) {
-	let t = Fr[e];
+function Lr(e) {
+	let t = Ir[e];
 	return B(t, {
 		size: 18,
 		strokeWidth: 1.6,
@@ -2063,21 +2063,21 @@ function Ir(e) {
 		"aria-hidden": "true"
 	});
 }
-var Lr = {
-	paragraph: lr,
-	"heading-1": Fn,
-	"heading-2": In,
-	"heading-3": Ln,
-	"bullet-list": Kn,
-	"numbered-list": Jn,
-	"todo-list": qn,
-	quote: $n,
-	"code-block": wn
+var Rr = {
+	paragraph: ur,
+	"heading-1": In,
+	"heading-2": Ln,
+	"heading-3": Rn,
+	"bullet-list": qn,
+	"numbered-list": Yn,
+	"todo-list": Jn,
+	quote: er,
+	"code-block": Tn
 };
-function Rr(e, t) {
+function zr(e, t) {
 	return se(e, t).label;
 }
-var zr = J({
+var Br = J({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -2094,10 +2094,10 @@ var zr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(""), r = V(null), i = V(null), a = V("bottom"), o = V(null), s = V(null), c = V(null), l = U(() => at(n.value.trim())), u = U(() => e.messages.floatingToolbar), d = U(() => ue(e.messages).map((e) => [
+		let t = V(null), n = V(""), r = V(null), i = V(null), a = V("bottom"), o = V(null), s = V(null), c = V(null), l = U(() => ot(n.value.trim())), u = U(() => e.messages.floatingToolbar), d = U(() => ue(e.messages).map((e) => [
 			e.id,
 			e.label,
-			Lr[e.id]
+			Rr[e.id]
 		])), f = U(() => z(e.messages).map((e) => [
 			e.id,
 			e.value,
@@ -2172,7 +2172,7 @@ var zr = J({
 			onMouseenter: (e) => b(n, e.currentTarget),
 			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, Rr(e.editor, e.messages)), Z(t.value === "block-type" ? On : Dn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? On : Dn, i)])] : [Z(a, i)]), C = () => B("span", {
+		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, zr(e.editor, e.messages)), Z(t.value === "block-type" ? kn : On, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? kn : On, i)])] : [Z(a, i)]), C = () => B("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
 		}), w = (n, r, i) => B("section", {
@@ -2228,7 +2228,7 @@ var zr = J({
 				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(jn, u.value.applyLink)]),
+			}, [Z(Mn, u.value.applyLink)]),
 			B("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
@@ -2239,15 +2239,15 @@ var zr = J({
 				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => Nr(n.value)
-			}, [Z(Pn, u.value.openLink)]),
+				onClick: () => Pr(n.value)
+			}, [Z(Fn, u.value.openLink)]),
 			B("button", {
 				type: "button",
 				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
 				onClick: g
-			}, [Z(cr, u.value.removeLink)])
+			}, [Z(lr, u.value.removeLink)])
 		])]) : t.value === "color" ? B("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
@@ -2274,11 +2274,11 @@ var zr = J({
 			onClick: () => {
 				de(e.editor, n), t.value = null;
 			}
-		}, [Z(Pr[n], u.value.moreActions[n])]), r.value === n ? B("div", {
+		}, [Z(Fr[n], u.value.moreActions[n])]), r.value === n ? B("div", {
 			class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip"
 		}, u.value.moreActions[n]) : null]))) : null;
-		return () => B(I, {
+		return () => B(te, {
 			editor: e.editor,
 			shouldShow: ({ editor: e }) => e.isEditable && ye(_e(e)),
 			options: { placement: "top" }
@@ -2292,23 +2292,23 @@ var zr = J({
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			S("block-type", u.value.buttons["block-type"], lr, () => _("block-type"), t.value === "block-type"),
+			S("block-type", u.value.buttons["block-type"], ur, () => _("block-type"), t.value === "block-type"),
 			C(),
-			S("bold", u.value.buttons.bold, Cn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			S("italic", u.value.buttons.italic, Un, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			S("underline", u.value.buttons.underline, ur, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			S("strike", u.value.buttons.strike, rr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			S("inline-code", u.value.buttons["inline-code"], An, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			S("bold", u.value.buttons.bold, wn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, Wn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, dr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, ir, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], jn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			C(),
-			S("link", u.value.buttons.link, Gn, () => _("link"), e.editor.isActive("link")),
-			S("color", u.value.buttons.color, lr, () => _("color"), t.value === "color"),
+			S("link", u.value.buttons.link, Kn, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, ur, () => _("color"), t.value === "color"),
 			C(),
-			S("more", u.value.buttons.more, Xn, () => _("more"), t.value === "more"),
+			S("more", u.value.buttons.more, Zn, () => _("more"), t.value === "more"),
 			T(),
 			x()
 		])]) });
 	}
-}), Br = J({
+}), Vr = J({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2329,17 +2329,17 @@ var zr = J({
 		}
 	},
 	setup(e) {
-		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(ut(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
+		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(dt(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : mt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => lt(e.editor, e.target) ?? 1), u = () => {
+		} : ht(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => ut(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
-			let r = ct(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+			let r = lt(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
 				e.onClose();
 				return;
 			}
-			n.value = st({
+			n.value = ct({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2348,7 +2348,7 @@ var zr = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && ot(e.editor, e.target, t.value) && e.onClose();
+			s.value && st(e.editor, e.target, t.value) && e.onClose();
 		}, f = (t) => {
 			if (t.key === "Escape") {
 				t.preventDefault(), e.onClose(), e.editor.commands.focus();
@@ -2360,13 +2360,13 @@ var zr = J({
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
 		return W(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = ut(e.editor, e.target), q(u);
+			t.value = e.target.latex, a.value = dt(e.editor, e.target), q(u);
 		}), G(() => {
-			ht(e.editor, e.target, !0), u(), q(() => {
+			gt(e.editor, e.target, !0), u(), q(() => {
 				i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
 			}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
 		}), K(() => {
-			ht(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
+			gt(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
 		}), () => {
 			let a = e.target.kind === "block" ? c.value.blockTitle : c.value.inlineTitle, u = {
 				ref: i,
@@ -2427,14 +2427,14 @@ var zr = J({
 			}, [
 				B("div", { class: "markweave-math-block-toolbar" }, [
 					B("span", null, c.value.label),
-					Z(An, c.value.label, 15, 1.75),
+					Z(jn, c.value.label, 15, 1.75),
 					B("button", {
 						type: "submit",
 						title: c.value.apply,
 						"aria-label": c.value.apply,
 						disabled: !s.value,
 						"data-testid": "markweave-math-editor-apply"
-					}, [Z(En, c.value.apply, 16, 2)])
+					}, [Z(Dn, c.value.apply, 16, 2)])
 				]),
 				B("label", {
 					class: "markweave-math-block-source",
@@ -2457,7 +2457,7 @@ var zr = J({
 			]);
 		};
 	}
-}), Vr = J({
+}), Hr = J({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2522,7 +2522,7 @@ var zr = J({
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await F(i, e.onUpload);
+					let a = await I(i, e.onUpload);
 					e.onSelect(e.inputCommand, { uploadResult: a }), e.onInputCommandChange(null), t.value = "", n.value = null;
 				} catch (t) {
 					r.value = t instanceof Error ? t.message : e.messages.slash.uploadFailedError;
@@ -2643,7 +2643,7 @@ var zr = J({
 				class: "markweave-slash-group",
 				"aria-label": t.group
 			}, [B("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
-				let n = e.commands.indexOf(t) === e.state.activeIndex, r = wt(t);
+				let n = e.commands.indexOf(t) === e.state.activeIndex, r = Tt(t);
 				return B("button", {
 					key: t.id,
 					type: "button",
@@ -2666,7 +2666,7 @@ var zr = J({
 						}
 					}
 				}, [
-					Ir(t.icon),
+					Lr(t.icon),
 					B("span", null, t.label),
 					t.disabledReason ? B("small", null, t.disabledReason) : null
 				]);
@@ -2677,7 +2677,7 @@ var zr = J({
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Hr = J({
+}), Ur = J({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2710,12 +2710,12 @@ var zr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? Ft(e.editor.state) : Or), h = U(() => qt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => qt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Gt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Zt(e.editor, t.value) : []), b = () => {
+		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? It(e.editor.state) : kr), h = U(() => Jt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Jt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Kt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Qt(e.editor, t.value) : []), b = () => {
 			p === null || typeof window > "u" || (window.clearTimeout(p), p = null);
 		}, x = (e) => {
 			b(), s.value = e, !(!e || typeof window > "u") && (p = window.setTimeout(() => {
 				s.value = null, p = null;
-			}, tn));
+			}, nn));
 		}, S = () => {
 			if (!e.active) {
 				r.value = null, i.value = null, a.value = null, x(null);
@@ -2726,16 +2726,16 @@ var zr = J({
 				r.value = null, i.value = null, a.value = null;
 				return;
 			}
-			let s = o.getBoundingClientRect(), c = h.value ? Kt(e.editor, h.value) : null, l = g.value ? Kt(e.editor, g.value) : null, u = v.value ? Qt(e.editor) : null;
-			c ? r.value = Bt({
+			let s = o.getBoundingClientRect(), c = h.value ? qt(e.editor, h.value) : null, l = g.value ? qt(e.editor, g.value) : null, u = v.value ? $t(e.editor) : null;
+			c ? r.value = Vt({
 				targetRect: c,
 				frameRect: s,
 				kind: "row"
-			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Bt({
+			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Vt({
 				targetRect: l,
 				frameRect: s,
 				kind: "column"
-			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Bt({
+			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Vt({
 				targetRect: u,
 				frameRect: s,
 				kind: "selection"
@@ -2750,13 +2750,13 @@ var zr = J({
 				o.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? Wt(e.editor)?.getBoundingClientRect() : null, c = s ? {
+			let a = i.getBoundingClientRect(), s = t.value === "row" ? Gt(e.editor)?.getBoundingClientRect() : null, c = s ? {
 				left: a.left,
 				top: s.top,
 				width: a.width,
 				height: a.height
 			} : a, p = r.getBoundingClientRect(), m = f.value.getBoundingClientRect();
-			o.value = zt({
+			o.value = Bt({
 				anchorRect: c,
 				frameRect: p,
 				menuSize: {
@@ -2773,16 +2773,16 @@ var zr = J({
 			let i = t.value === e && n.value === r;
 			n.value = r, t.value = i ? null : e, T();
 		}, ee = () => {
-			e.editor.view.dispatch(Mt(e.editor.state.tr, null));
+			e.editor.view.dispatch(Nt(e.editor.state.tr, null));
 		}, D = (t, n) => {
 			let r = e.interactionState.hoverCellPos ?? m.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && en(e.editor, r, t, { visualIndex: i }), E(t, n);
+			r !== null && tn(e.editor, r, t, { visualIndex: i }), E(t, n);
 		}, O = () => {
 			ee(), E("selection", "selection-edge");
 		}, k = (n = !1) => {
 			t.value = null, o.value = null, n && e.editor.view.focus();
 		}, A = async (n, r) => {
-			let i = await Ht({
+			let i = await Ut({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
@@ -2790,7 +2790,7 @@ var zr = J({
 			});
 			return i.copyFeedback ? (x(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : x(null), e.onCommandResult?.(i.commandResult), i.success;
 		}, j = (t) => {
-			let n = Jt(e.editor, t);
+			let n = Yt(e.editor, t);
 			n && e.onEditWithAi?.(n), k(!0);
 		}, M = (e) => {
 			!t.value || e.key !== "Escape" || k(!0);
@@ -2816,7 +2816,7 @@ var zr = J({
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
-			"aria-label": nn(t.value, e.messages),
+			"aria-label": rn(t.value, e.messages),
 			"data-testid": "markweave-table-menu",
 			"data-positioned": o.value ? "true" : "false",
 			style: o.value ? {
@@ -2824,7 +2824,7 @@ var zr = J({
 				top: `${o.value.top}px`
 			} : void 0
 		}, y.value.map((n, r) => {
-			let i = Yt(n), a = r === 0 ? i : Yt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Vt(e.editor, n.commandId), c = Xt(n, e.messages);
+			let i = Xt(n), a = r === 0 ? i : Xt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Ht(e.editor, n.commandId), c = Zt(n, e.messages);
 			return B("button", {
 				key: `${n.id}-${r}`,
 				type: "button",
@@ -2864,7 +2864,7 @@ var zr = J({
 				"data-copy-kind": s.value.kind,
 				"data-text-length": s.value.textLength,
 				"data-html-length": s.value.htmlLength
-			}, Ut(s.value)) : null,
+			}, Wt(s.value)) : null,
 			r.value ? B("button", {
 				ref: l,
 				type: "button",
@@ -2924,7 +2924,7 @@ var zr = J({
 			P()
 		]) : null;
 	}
-}), Ur = J({
+}), Wr = J({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2942,7 +2942,7 @@ var zr = J({
 				t.value = null;
 				return;
 			}
-			t.value = $t(e.editor, It(e.editor.state));
+			t.value = en(e.editor, Lt(e.editor.state));
 		};
 		return G(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
@@ -2980,7 +2980,7 @@ var zr = J({
 			}) : null;
 		};
 	}
-}), Wr = J({
+}), Gr = J({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -3013,17 +3013,17 @@ var zr = J({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Ze(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Qe(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => tt(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), ee = U(() => !e.readOnly), D = U(() => S.value ? Ge(S.value.language) : Ge("text")), O = U(() => u.value?.status ?? "idle"), k = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), A = U(() => w.value && k.value === "preview"), j = U(() => (v.value, g.value, _.value, $e(e.editor))), M = U(() => `${_.value}|${j.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), N = U(() => Ye(l.value)), P = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), te = () => {
+		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => nt(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), ee = U(() => !e.readOnly), D = U(() => S.value ? Ke(S.value.language) : Ke("text")), O = U(() => u.value?.status ?? "idle"), k = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), A = U(() => w.value && k.value === "preview"), j = U(() => (v.value, g.value, _.value, et(e.editor))), M = U(() => `${_.value}|${j.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), N = U(() => Xe(l.value)), P = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), F = () => {
 			y !== null && (window.clearTimeout(y), y = null);
-		}, F = (e) => {
-			te(), u.value = e, e && (y = window.setTimeout(() => {
+		}, I = (e) => {
+			F(), u.value = e, e && (y = window.setTimeout(() => {
 				u.value = null, y = null;
-			}, ze));
-		}, I = () => {
+			}, Be));
+		}, te = () => {
 			f.value = null, p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
@@ -3032,15 +3032,15 @@ var zr = J({
 		}, L = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!Qe(n) || j.value.length === 0) {
+			if (!$e(n) || j.value.length === 0) {
 				o.value = [];
 				return;
 			}
 			let r = n.getBoundingClientRect(), i = j.value.flatMap((t) => {
-				let n = Je(qe(e.editor, t.pos, t.mermaidPreviewMode), r);
-				return n ? [Ue(t, n, r)] : [];
+				let n = Ye(Je(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [We(t, n, r)] : [];
 			});
-			o.value = nt(o.value, i, j.value.map((e) => e.pos));
+			o.value = rt(o.value, i, j.value.map((e) => e.pos));
 		}, R = () => {
 			if (!E.value || !S.value) {
 				a.value = null, s.value = null;
@@ -3048,14 +3048,14 @@ var zr = J({
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = qe(e.editor, S.value.pos, k.value), o = r.getBoundingClientRect(), l = Je(i, o);
+			let i = Je(e.editor, S.value.pos, k.value), o = r.getBoundingClientRect(), l = Ye(i, o);
 			if (!l) {
 				a.value = a.value?.pos === S.value.pos ? a.value : null, s.value = c.value ? s.value : null;
 				return;
 			}
-			if (a.value = Ve(S.value.pos, l, o), c.value && n.value) {
+			if (a.value = He(S.value.pos, l, o), c.value && n.value) {
 				let e = n.value.getBoundingClientRect();
-				s.value = Le({
+				s.value = Re({
 					overlayRect: o,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -3065,36 +3065,36 @@ var zr = J({
 		}, ne = async () => {
 			if (e.readOnly) {
 				if (!S.value) return;
-				let e = await Be(S.value.text);
-				F(Me(S.value, e ? "copied" : "failed"));
+				let e = await Ve(S.value.text);
+				I(Ne(S.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!We(e.editor, S.value)) return;
-			let t = await Ae(e.editor);
-			F(Me(je(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+			if (!Ge(e.editor, S.value)) return;
+			let t = await je(e.editor);
+			I(Ne(Me(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
 		}, re = (t, n) => {
 			if (e.readOnly) {
-				xt(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
+				St(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
-			Ie(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
+			Le(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
 		}, ie = (t) => {
 			if (e.readOnly || !S.value) return;
 			let n = e.state.active && e.state.pos === S.value.pos;
-			Fe(e.editor, S.value.pos, t) && (t === "mermaid" && Ie(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
+			Ie(e.editor, S.value.pos, t) && (t === "mermaid" && Le(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
 		}, ae = () => {
-			e.readOnly || !S.value || Pe(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+			e.readOnly || !S.value || Fe(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
 		}, oe = () => {
 			if (!S.value) return;
-			let t = et(e.editor, S.value.pos);
+			let t = tt(e.editor, S.value.pos);
 			if (!t) return;
 			let n = new Blob([t], { 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), e.editor.view.focus();
 		}, se = () => {
 			if (!S.value) return;
-			let t = et(e.editor, S.value.pos);
-			t && (f.value = He(t), p.value = null, m.value = !1, h.value = {
+			let t = tt(e.editor, S.value.pos);
+			t && (f.value = Ue(t), p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -3102,16 +3102,16 @@ var zr = J({
 		}, ce = (e) => {
 			f.value = f.value ? {
 				...f.value,
-				scale: Re(f.value.scale + e)
+				scale: ze(f.value.scale + e)
 			} : null;
 		}, le = () => {
-			f.value = f.value ? He(f.value.svg) : null, h.value = {
+			f.value = f.value ? Ue(f.value.svg) : null, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, m.value = !1;
 		}, z = (e) => {
-			e.preventDefault(), ce(e.deltaY < 0 ? rt : -rt);
+			e.preventDefault(), ce(e.deltaY < 0 ? it : -it);
 		}, ue = (e) => {
 			e.button === 0 && (e.preventDefault(), h.value = {
 				active: !0,
@@ -3126,7 +3126,7 @@ var zr = J({
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = it(f.value, n, r);
+			}, f.value = at(f.value, n, r);
 		}, fe = () => {
 			h.value = {
 				active: !1,
@@ -3137,7 +3137,7 @@ var zr = J({
 		W(() => e.readOnly, (e) => {
 			e && (c.value = !1, l.value = "");
 		}), W(P, () => {
-			F(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
+			I(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
 		}), W(c, async (e) => {
 			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
 		}), W(() => [
@@ -3162,14 +3162,14 @@ var zr = J({
 			q(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
 					if (n.target instanceof Node && t.value?.contains(n.target) || c.value) return;
-					let r = Xe(e.editor, n.target), a = Ze(e.editor, r), o = a && !tt(e.editor, a) ? a.pos : null;
+					let r = Ze(e.editor, n.target), a = Qe(e.editor, r), o = a && !nt(e.editor, a) ? a.pos : null;
 					i.value = i.value === o ? i.value : o;
 				}, a = () => {
 					c.value || (i.value = null);
 				}, o = (t) => {
 					if (t.key === "Escape") {
 						if (f.value) {
-							I();
+							te();
 							return;
 						}
 						c.value && (c.value = !1, e.editor.view.focus());
@@ -3177,14 +3177,14 @@ var zr = J({
 				}, s = (e) => {
 					c.value && (e.target instanceof Node && t.value?.contains(e.target) || (c.value = !1));
 				}, l = ({ transaction: e }) => {
-					e.getMeta(ke) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(ke) || vt(e)) && (v.value += 1);
+					e.getMeta(Ae) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(Ae) || yt(e)) && (v.value += 1);
 				};
 				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), pe = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), te();
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), F();
 				};
 			});
 		}), K(() => {
-			pe?.(), pe = null, te();
+			pe?.(), pe = null, F();
 		}), () => {
 			if (!E.value && j.value.length === 0 && !f.value) return null;
 			let i = a.value ? {
@@ -3364,12 +3364,12 @@ var zr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => ce(-rt)
+							onClick: () => ce(-it)
 						}, [Q("zoomOut")]),
 						B("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, Ke(f.value.scale)),
+						}, qe(f.value.scale)),
 						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
@@ -3387,7 +3387,7 @@ var zr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => ce(rt)
+							onClick: () => ce(it)
 						}, [Q("zoomIn")]),
 						B("button", {
 							type: "button",
@@ -3419,7 +3419,7 @@ var zr = J({
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: I
+						onClick: te
 					}, [Q("close")]),
 					B("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
@@ -3446,7 +3446,7 @@ var zr = J({
 			]);
 		};
 	}
-}), Gr = J({
+}), Kr = J({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3472,7 +3472,7 @@ var zr = J({
 	},
 	setup(e) {
 		let t = V(null), n, r = () => {
-			n?.(), n = e.placement === "container" && t.value ? De(t.value) : void 0;
+			n?.(), n = e.placement === "container" && t.value ? Oe(t.value) : void 0;
 		};
 		return G(r), K(() => n?.()), W(() => e.placement, r), () => e.state.items.length ? B("nav", {
 			ref: t,
@@ -3495,15 +3495,15 @@ var zr = J({
 			"aria-current": t.active ? "location" : void 0,
 			"aria-label": `${e.messages.toc.itemAriaLabel}: ${t.text}`,
 			title: t.text,
-			onClick: () => Oe(e.editor, t, {
+			onClick: () => ke(e.editor, t, {
 				behavior: "smooth",
 				focus: e.editable
 			})
 		}, t.text)))])]) : null;
 	}
 });
-function Kr(e = {}) {
-	let i = r(e.lang), o = n(i), s = t(i), c = V(f(e.mode)), l = U(() => be(e.theme)), u = U(() => c.value === "live" && e.editable !== !1), d = V(0), m = H(null), h = V(At), g = H(null), _ = H(null), v = V("code"), y = H(null), b = H(Lt), x = V(null), S = V(!1), C = H(null), w = oe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = null;
+function qr(e = {}) {
+	let i = r(e.lang), o = n(i), s = t(i), c = V(f(e.mode)), l = U(() => xe(e.theme)), u = U(() => c.value === "live" && e.editable !== !1), d = V(0), m = H(null), h = V(jt), g = H(null), _ = H(null), v = V("code"), y = H(null), b = H(Rt), x = V(null), S = V(!1), C = H(null), w = oe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = null;
 	function E() {
 		T !== null && (window.clearTimeout(T), T = null), d.value += 1;
 	}
@@ -3514,11 +3514,11 @@ function Kr(e = {}) {
 	}
 	let D = e.onSlashCommandUpload, O = H(null);
 	O.value = new a({
-		extensions: Dr({
+		extensions: Or({
 			lang: i,
 			linkCardResolver: e.linkCardResolver,
-			onImageUpload: (e) => D?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => D?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
+			onImageUpload: (e) => D?.(e) ?? F(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => D?.(e) ?? F(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
 		}),
 		content: e.content ?? e.defaultContent ?? "",
 		contentType: re(w),
@@ -3535,16 +3535,16 @@ function Kr(e = {}) {
 			},
 			handleClick: (e, t, n) => {
 				if (!u.value) return pe(n);
-				let r = ft(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), A(), gt(e, r, !0), _t(e, r), y.value = r, !0) : (y.value = null, !1);
+				let r = pt(e, n);
+				return r ? (n.preventDefault(), n.stopPropagation(), A(), _t(e, r, !0), vt(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => u.value ? (h.value = jt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
+				compositionstart: () => u.value ? (h.value = Mt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
 				compositionend: (e) => (u.value && window.setTimeout(() => j(e), 0), !1),
 				click: (e, t) => {
 					if (!u.value) return pe(t);
-					let n = ft(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), A(), gt(e, n, !0), _t(e, n), y.value = n, !0) : (y.value = null, !1);
+					let n = pt(e, t);
+					return n ? (t.preventDefault(), t.stopPropagation(), A(), _t(e, n, !0), vt(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
@@ -3553,11 +3553,11 @@ function Kr(e = {}) {
 			p(t, {
 				mode: c.value,
 				editable: u.value
-			}), yt(t, l.value), bt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Pt(t), P(t), N(t), E();
+			}), bt(t, l.value), xt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Ft(t), P(t), N(t), E();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (P(e), (t.docChanged || vt(t)) && ee(), t.docChanged && y.value) {
-				let t = dt(e, y.value.pos);
+			if (P(e), (t.docChanged || yt(t)) && ee(), t.docChanged && y.value) {
+				let t = ft(e, y.value.pos);
 				y.value = t?.kind === y.value.kind ? t : null;
 			}
 		},
@@ -3574,19 +3574,19 @@ function Kr(e = {}) {
 	});
 	let k = U(() => O.value ?? null);
 	function A() {
-		g.value = null, _.value = null, h.value = At;
+		g.value = null, _.value = null, h.value = jt;
 	}
 	function j(e) {
-		let t = kt(e.state);
+		let t = At(e.state);
 		if (!t) {
-			h.value = h.value.name === "idle" ? h.value : At, g.value = null, _.value = null;
+			h.value = h.value.name === "idle" ? h.value : jt, g.value = null, _.value = null;
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		g.value = Ot(n, {
+		g.value = kt(n, {
 			frameRect: i,
 			triggerRect: r
-		}), h.value = Dt(h.value, t);
+		}), h.value = Ot(h.value, t);
 	}
 	function M(e) {
 		j(e.view);
@@ -3594,81 +3594,81 @@ function Kr(e = {}) {
 	function N(e) {
 		let t = _e(e);
 		he(m.value, t) || (m.value = t);
-		let n = pt(e);
-		n && (ht(e, n, !0), y.value = n);
-		let r = je(e);
+		let n = mt(e);
+		n && (gt(e, n, !0), y.value = n);
+		let r = Me(e);
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
 	function P(e) {
-		b.value = Ar(e);
+		b.value = jr(e);
 	}
-	let F = U(() => k.value ? je(k.value) : kr), I = U(() => k.value ? Ft(k.value.state) : Or), R = U(() => m.value?.currentNode === "codeBlock"), se = U(() => R.value && F.value.language === "mermaid"), ce = U(() => k.value ? St({
+	let I = U(() => k.value ? Me(k.value) : Ar), te = U(() => k.value ? It(k.value.state) : kr), R = U(() => m.value?.currentNode === "codeBlock"), se = U(() => R.value && I.value.language === "mermaid"), ce = U(() => k.value ? Ct({
 		active: se.value,
 		mode: v.value,
-		source: F.value.text
-	}) : St({
+		source: I.value.text
+	}) : Ct({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), le = U(() => k.value ? Nt(k.value.state) : null), z = U(() => k.value ? we(k.value.state.doc) : Se.items), ue = U(() => Te(z.value, x.value)), de = U(() => xe(z.value, ue.value)), fe = U(() => Ct(h.value.query, s)), ge = U(() => me({
+	})), le = U(() => k.value ? Pt(k.value.state) : null), z = U(() => k.value ? Te(k.value.state.doc) : Ce.items), ue = U(() => Ee(z.value, x.value)), de = U(() => Se(z.value, ue.value)), fe = U(() => wt(h.value.query, s)), ge = U(() => me({
 		revision: d.value,
 		mode: c.value,
 		editable: u.value,
 		toc: de.value,
 		selection: m.value,
 		slash: h.value,
-		table: I.value,
+		table: te.value,
 		tableInteraction: b.value,
-		codeBlock: F.value,
+		codeBlock: I.value,
 		mermaid: ce.value,
 		tableDebugSnapshot: le.value
 	})), ye = {
 		closeSlashMenu: A,
-		focusFirstTableBodyCell: () => k.value ? Pt(k.value) : !1,
+		focusFirstTableBodyCell: () => k.value ? Ft(k.value) : !1,
 		setContent: (e, t = {}) => {
 			if (!k.value) return !1;
 			let n = oe(t.format);
 			return k.value.commands.setContent(e, {
 				contentType: re(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Pt(k.value), N(k.value), u.value && M(k.value), P(k.value), E(), !0;
+			}), t.focusFirstTableBodyCell && Ft(k.value), N(k.value), u.value && M(k.value), P(k.value), E(), !0;
 		}
 	};
-	function Ee(e, t) {
-		if (!(!k.value || !u.value || !wt(e))) {
+	function be(e, t) {
+		if (!(!k.value || !u.value || !Tt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				_.value = e;
 				return;
 			}
-			Et(k.value, h.value, e, t), h.value = jt(h.value, { type: "execute" }), A();
+			Dt(k.value, h.value, e, t), h.value = Mt(h.value, { type: "execute" }), A();
 		}
 	}
 	function De(e) {
 		if (!k.value || _.value || !u.value) return;
-		let t = Tt(h.value, fe.value, e.key, { isComposing: e.isComposing || L(k.value.state) });
+		let t = Et(h.value, fe.value, e.key, { isComposing: e.isComposing || L(k.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = jt(h.value, { type: "escape" }), A();
+				h.value = Mt(h.value, { type: "escape" }), A();
 				return;
 			}
 			if (t.type === "move-active") {
-				h.value = jt(h.value, {
+				h.value = Mt(h.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				});
 				return;
 			}
-			Ee(t.command);
+			be(t.command);
 		}
 	}
 	W(() => [e.mode, e.editable], () => {
 		c.value = f(e.mode), k.value && (k.value.setEditable(u.value), p(k.value, {
 			mode: c.value,
 			editable: u.value
-		}), bt(k.value, u.value ? "live" : "view"), E(), u.value || A());
+		}), xt(k.value, u.value ? "live" : "view"), E(), u.value || A());
 	}, { immediate: !0 }), W(() => e.theme, () => {
-		k.value && yt(k.value, l.value);
+		k.value && bt(k.value, l.value);
 	}, { immediate: !0 }), W(() => e.content, (t) => {
 		let n = oe(e.contentFormat);
 		if (!(!k.value || t === void 0)) {
@@ -3682,7 +3682,7 @@ function Kr(e = {}) {
 			}), S.value = !1, N(k.value), u.value && M(k.value), P(k.value), E());
 		}
 	}), W(ge, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(de, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
-		let t = Te(e, x.value);
+		let t = Ee(e, x.value);
 		x.value !== t && (x.value = t);
 	});
 	let Oe = null;
@@ -3696,12 +3696,12 @@ function Kr(e = {}) {
 			}
 			let e = null;
 			try {
-				e = Ce(k.value, z.value);
+				e = we(k.value, z.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = jr(k.value?.view.dom ?? null);
+		}, t = () => window.requestAnimationFrame(e), n = Mr(k.value?.view.dom ?? null);
 		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), Oe = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
@@ -3716,9 +3716,9 @@ function Kr(e = {}) {
 		__render: {
 			messages: o,
 			effectiveEditable: u,
-			tableFocusState: I,
+			tableFocusState: te,
 			tableInteractionState: b,
-			codeBlockState: F,
+			codeBlockState: I,
 			isCodeBlockActive: R,
 			mermaidMode: v,
 			mathTarget: y,
@@ -3730,7 +3730,7 @@ function Kr(e = {}) {
 			slashState: h,
 			slashMenuPosition: g,
 			slashInputCommand: _,
-			runSlashCommand: Ee,
+			runSlashCommand: be,
 			handleEditorKeyDown: De,
 			setSlashInputCommand: (e) => {
 				_.value = e;
@@ -3738,7 +3738,7 @@ function Kr(e = {}) {
 		}
 	};
 }
-var qr = J({
+var Jr = J({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3769,6 +3769,10 @@ var qr = J({
 			type: String,
 			default: "light"
 		},
+		canvasColor: {
+			type: String,
+			default: void 0
+		},
 		innerToc: {
 			type: Boolean,
 			default: !0
@@ -3839,28 +3843,29 @@ var qr = J({
 		}
 	},
 	setup(e) {
-		let t = Kr(e);
+		let t = qr(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
-			let r = t.__render;
+			let r = t.__render, i = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), a = be(e.canvasColor);
 			return B("section", {
-				class: ["markweave-editor-frame", e.className].filter(Boolean).join(" "),
+				class: i,
 				"aria-label": e.ariaLabel ?? r.messages.common.editorAriaLabel,
 				"data-testid": "markweave-editor-frame",
 				"data-markweave-mode": t.runtimeSnapshot.value.mode,
-				"data-markweave-theme": be(e.theme),
+				"data-markweave-theme": xe(e.theme),
+				style: a ? { "--markweave-canvas": a } : void 0,
 				"data-markweave-inner-toc": e.innerToc ? "true" : "false",
-				"data-markweave-inner-toc-placement": Ee(e.innerTocPlacement),
+				"data-markweave-inner-toc-placement": De(e.innerTocPlacement),
 				"data-mermaid-mode": t.runtimeSnapshot.value.mermaid.mode,
 				"data-table-focus-mode": r.tableFocusState.value.mode,
 				onKeydownCapture: r.handleEditorKeyDown
 			}, [
-				r.effectiveEditable.value ? B(zr, {
+				r.effectiveEditable.value ? B(Br, {
 					editor: n,
 					messages: r.messages
 				}) : null,
-				r.effectiveEditable.value ? B(Vr, {
+				r.effectiveEditable.value ? B(Hr, {
 					commands: r.filteredSlashCommands.value,
 					state: r.slashState.value,
 					position: r.slashMenuPosition.value,
@@ -3870,7 +3875,7 @@ var qr = J({
 					onInputCommandChange: r.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				r.effectiveEditable.value ? B(Hr, {
+				r.effectiveEditable.value ? B(Ur, {
 					editor: n,
 					active: r.tableFocusState.value.active,
 					interactionState: r.tableInteractionState.value,
@@ -3879,11 +3884,11 @@ var qr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				r.effectiveEditable.value ? B(Ur, {
+				r.effectiveEditable.value ? B(Wr, {
 					editor: n,
 					focusState: r.tableFocusState.value
 				}) : null,
-				B(Wr, {
+				B(Gr, {
 					editor: n,
 					state: r.codeBlockState.value,
 					active: r.effectiveEditable.value && r.isCodeBlockActive.value,
@@ -3891,14 +3896,14 @@ var qr = J({
 					onMermaidModeChange: r.setMermaidMode,
 					readOnly: !r.effectiveEditable.value
 				}),
-				e.innerToc && r.tocState.value.items.length ? B(Gr, {
+				e.innerToc && r.tocState.value.items.length ? B(Kr, {
 					editor: n,
 					state: r.tocState.value,
 					messages: r.messages,
 					editable: r.effectiveEditable.value,
-					placement: Ee(e.innerTocPlacement)
+					placement: De(e.innerTocPlacement)
 				}) : null,
-				r.effectiveEditable.value && r.mathTarget.value ? B(Br, {
+				r.effectiveEditable.value && r.mathTarget.value ? B(Vr, {
 					editor: n,
 					messages: r.messages,
 					target: r.mathTarget.value,
@@ -3910,4 +3915,4 @@ var qr = J({
 	}
 });
 //#endregion
-export { qr as MarkweaveEditor, Dr as createMarkweaveEditorExtensions, Dr as createMarkweaveVue2EditorExtensions, Kr as useMarkweaveEditorController };
+export { Jr as MarkweaveEditor, Or as createMarkweaveEditorExtensions, Or as createMarkweaveVue2EditorExtensions, qr as useMarkweaveEditorController };