@markweave/vue2 0.1.1 → 0.1.2

package/dist/index.js

@@ -4,49 +4,50 @@ import { Editor as n, EditorContent as r, NodeViewWrapper as i, VueNodeViewRende
 import * as o from "vue";
 import { getMarkweaveEditorModeState as s, isMarkweaveEditorLiveEditable as c, normalizeMarkweaveEditorMode as l, setMarkweaveEditorModeState as u, subscribeToMarkweaveEditorMode as d } from "markweave/internal/core/editor-mode-state";
 import { getLocalizedSlashCommandSpecs as f, getMarkweaveMessages as p, normalizeMarkweaveLang as m } from "markweave/internal/i18n";
-import { MarkweaveCoreImage as h, MarkweaveCoreVideo as g, attrsFromMarkweaveImageUploadResult as _, attrsFromMarkweaveVideoUploadResult as v, attrsFromMarkweaveVideoUrl as y, clampMarkweaveImageWidth as b, createMarkweaveImageUploadRequest as x, createMarkweaveVideoUploadRequest as S, downloadMarkweaveImage as C, markweaveVideoIframeAllow as w, normalizeMarkweaveCoreImageAlign as T, normalizeMarkweaveVideoEmbedUrl as E, numberAttribute as D, stringAttribute as O } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as k, getDirectUploadResult as A, resolveMarkweaveUploadResult as j } from "markweave/internal/plugins/slash-command/upload";
-import { BubbleMenu as M } from "@tiptap/vue-2/menus";
-import { isEditorComposing as N } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveEditorUpdatePayload as ee, getMarkweaveContentType as P, isEditorContentCurrent as te, normalizeMarkweaveContentFormat as F } from "markweave/internal/editor-core/editor-content";
-import { getCurrentFloatingToolbarBlockType as ne, getFloatingToolbarHighlightColorOptions as I, getFloatingToolbarMoreActions as L, getFloatingToolbarTextColorOptions as re, getFloatingToolbarTurnIntoOptions as ie, runFloatingToolbarMoreAction as R, setFloatingToolbarTurnInto as ae } from "markweave/internal/editor-core/floating-toolbar-model";
+import { openMarkweaveImagePreview as h } from "markweave/internal/plugins/media/image-preview";
+import { MarkweaveCoreImage as g, MarkweaveCoreVideo as _, attrsFromMarkweaveImageUploadResult as v, attrsFromMarkweaveVideoUploadResult as y, attrsFromMarkweaveVideoUrl as b, clampMarkweaveImageWidth as x, createMarkweaveImageUploadRequest as S, createMarkweaveVideoUploadRequest as C, downloadMarkweaveImage as w, markweaveVideoIframeAllow as T, normalizeMarkweaveCoreImageAlign as E, normalizeMarkweaveVideoEmbedUrl as D, numberAttribute as O, stringAttribute as k } from "markweave/internal/plugins/media/core-media-nodes";
+import { detectUploadSource as A, getDirectUploadResult as j, resolveMarkweaveUploadResult as M } from "markweave/internal/plugins/slash-command/upload";
+import { BubbleMenu as N } from "@tiptap/vue-2/menus";
+import { isEditorComposing as ee } from "markweave/internal/editor-core/composition-guard";
+import { createMarkweaveEditorUpdatePayload as te, getMarkweaveContentType as P, isEditorContentCurrent as F, normalizeMarkweaveContentFormat as I } from "markweave/internal/editor-core/editor-content";
+import { getCurrentFloatingToolbarBlockType as L, getFloatingToolbarHighlightColorOptions as R, getFloatingToolbarMoreActions as ne, getFloatingToolbarTextColorOptions as re, getFloatingToolbarTurnIntoOptions as z, runFloatingToolbarMoreAction as ie, setFloatingToolbarTurnInto as ae } from "markweave/internal/editor-core/floating-toolbar-model";
 import { openMarkweaveReadonlyLinkFromEvent as oe } from "markweave/internal/editor-core/readonly-link";
 import { createMarkweaveEditorRuntimeSnapshot as se } from "markweave/internal/editor-core/runtime-snapshot";
-import { createSelectionSnapshot as z, shouldShowFloatingToolbar as ce } from "markweave/internal/editor-core/selection-state";
-import { createMarkweaveTocState as le, emptyMarkweaveTocState as ue, getActiveMarkweaveTocId as de, getMarkweaveTocItems as fe, getValidMarkweaveTocActiveId as pe, normalizeMarkweaveInnerTocPlacement as me, observeMarkweaveInnerTocContainerPosition as he, scrollToMarkweaveTocItem as ge } from "markweave/internal/core/toc-state";
-import { codeBlockCollapsePluginKey as _e, copyActiveCodeBlock as ve, getActiveCodeBlockState as ye, getCodeBlockCopyFeedbackSnapshot as be, markweaveCodeBlockBehavior as xe, setCodeBlockCollapsedAtPosition as Se, setCodeBlockLanguageAtPosition as Ce, setCodeBlockMermaidPreviewModeAtPosition as we } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { calculateCodeBlockLanguageMenuPosition as Te, clampFullscreenScale as Ee, codeBlockCopyFeedbackTimeoutMs as De, copyCodeBlockText as Oe, createCodeBlockOverlayPosition as ke, createMermaidFullscreenViewerState as Ae, createMermaidTabPosition as je, focusCodeBlockTarget as Me, formatCodeBlockLanguageLabel as Ne, formatFullscreenZoom as Pe, getActiveCodeBlockElement as Fe, getAnchoredRect as Ie, getCodeBlockLanguageItems as Le, getCodeBlockPositionFromEventTarget as Re, getCodeBlockStateAtPosition as ze, getFrameElement as Be, getMermaidCodeBlockTargets as Ve, getMermaidSvgMarkup as He, isCodeBlockTargetCollapsed as Ue, mergeStableMermaidTabPositions as We, mermaidFullscreenZoomStep as Ge, moveMermaidFullscreenViewer as Ke } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { normalizeMarkdownLinkHref as qe } from "markweave/internal/plugins/markdown/markdown-input";
-import { applyMarkweaveMathLatex as Je, calculateMarkweaveMathPopoverPosition as Ye, getMarkweaveMathAnchorRect as Xe, getMarkweaveMathBlockIndex as Ze, getMarkweaveMathRenderedHtml as Qe, getMarkweaveMathTargetAtPos as $e, getMarkweaveMathTargetFromDomEvent as et, getMarkweaveMathTargetFromSelection as tt, renderMarkweaveMathPreview as nt, setMarkweaveMathEditingDomState as rt, setMarkweaveMathEditingDomStateInView as it, setMarkweaveMathSelectionInView as at } from "markweave/internal/plugins/math/math-ui-model";
-import { isMermaidInlinePreviewTransaction as ot, setMermaidInlinePreviewEditorMode as st, setReadonlyMermaidPreviewMode as ct } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as lt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as ut, isExecutableSlashCommand as dt } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as ft } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as pt, getNextSlashCommandState as mt, getSlashCommandAnchoredMenuPosition as ht, getSlashCommandContext as gt } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as _t, reduceSlashCommandState as vt } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as yt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as bt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as xt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as St } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as Ct, initialTableInteractionState as wt, tableInteractionPluginKey as Tt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as Et, calculateTableEdgeHandlePosition as Dt, canRunTableCommand as Ot, executeTableMenuCommand as kt, formatTableCopyFeedback as At, getActiveTableElement as jt, getAvailableCellMenuCommandSpecs as Mt, getTableAxisTargetRect as Nt, getTableControlAxisSelectionModel as Pt, getTableEditWithAiRequest as Ft, getTableMenuItemGroup as It, getTableMenuItemLabel as Lt, getTableMenuItems as Rt, getTableSelectionTargetRect as zt, measureTableSelectionOverlay as Bt, selectTableAxisFromCell as Vt, tableCopyFeedbackTimeoutMs as Ht, tableMenuLabel as Ut } from "markweave/internal/plugins/table/table-ui-model";
+import { createSelectionSnapshot as ce, shouldShowFloatingToolbar as le } from "markweave/internal/editor-core/selection-state";
+import { createMarkweaveTocState as ue, emptyMarkweaveTocState as de, getActiveMarkweaveTocId as fe, getMarkweaveTocItems as pe, getValidMarkweaveTocActiveId as me, normalizeMarkweaveInnerTocPlacement as he, observeMarkweaveInnerTocContainerPosition as ge, scrollToMarkweaveTocItem as _e } from "markweave/internal/core/toc-state";
+import { codeBlockCollapsePluginKey as ve, copyActiveCodeBlock as ye, getActiveCodeBlockState as be, getCodeBlockCopyFeedbackSnapshot as xe, markweaveCodeBlockBehavior as Se, setCodeBlockCollapsedAtPosition as Ce, setCodeBlockLanguageAtPosition as we, setCodeBlockMermaidPreviewModeAtPosition as Te } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { calculateCodeBlockLanguageMenuPosition as Ee, clampFullscreenScale as De, codeBlockCopyFeedbackTimeoutMs as Oe, copyCodeBlockText as ke, createCodeBlockOverlayPosition as Ae, createMermaidFullscreenViewerState as je, createMermaidTabPosition as Me, focusCodeBlockTarget as Ne, formatCodeBlockLanguageLabel as Pe, formatFullscreenZoom as Fe, getActiveCodeBlockElement as Ie, getAnchoredRect as Le, getCodeBlockLanguageItems as Re, getCodeBlockPositionFromEventTarget as ze, getCodeBlockStateAtPosition as Be, getFrameElement as Ve, getMermaidCodeBlockTargets as He, getMermaidSvgMarkup as Ue, isCodeBlockTargetCollapsed as We, mergeStableMermaidTabPositions as Ge, mermaidFullscreenZoomStep as Ke, moveMermaidFullscreenViewer as qe } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { normalizeMarkdownLinkHref as Je } from "markweave/internal/plugins/markdown/markdown-input";
+import { applyMarkweaveMathLatex as Ye, calculateMarkweaveMathPopoverPosition as Xe, getMarkweaveMathAnchorRect as Ze, getMarkweaveMathBlockIndex as Qe, getMarkweaveMathRenderedHtml as $e, getMarkweaveMathTargetAtPos as et, getMarkweaveMathTargetFromDomEvent as tt, getMarkweaveMathTargetFromSelection as nt, renderMarkweaveMathPreview as rt, setMarkweaveMathEditingDomState as it, setMarkweaveMathEditingDomStateInView as at, setMarkweaveMathSelectionInView as ot } from "markweave/internal/plugins/math/math-ui-model";
+import { isMermaidInlinePreviewTransaction as st, setMermaidInlinePreviewEditorMode as ct, setReadonlyMermaidPreviewMode as lt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as ut } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { filterSlashCommands as dt, isExecutableSlashCommand as ft } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as pt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as mt, getNextSlashCommandState as ht, getSlashCommandAnchoredMenuPosition as gt, getSlashCommandContext as _t } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as vt, reduceSlashCommandState as yt } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as bt } from "markweave/internal/plugins/table/table-clipboard";
+import { getFirstTableDebugSnapshot as xt } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as St } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as Ct } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as wt, initialTableInteractionState as Tt, tableInteractionPluginKey as Et } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateAnchoredTableMenuPosition as Dt, calculateTableEdgeHandlePosition as Ot, canRunTableCommand as kt, executeTableMenuCommand as At, formatTableCopyFeedback as jt, getActiveTableElement as Mt, getAvailableCellMenuCommandSpecs as Nt, getTableAxisTargetRect as Pt, getTableControlAxisSelectionModel as Ft, getTableEditWithAiRequest as It, getTableMenuItemGroup as Lt, getTableMenuItemLabel as Rt, getTableMenuItems as zt, getTableSelectionTargetRect as Bt, measureTableSelectionOverlay as Vt, selectTableAxisFromCell as Ht, tableCopyFeedbackTimeoutMs as Ut, tableMenuLabel as Wt } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var Wt = o.default ?? o, Gt = null, Kt = null, qt = null;
-function Jt(e) {
+var Gt = o.default ?? o, Kt = null, qt = null, Jt = null;
+function Yt(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function Yt(e) {
+function Xt(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 Xt(e) {
+function Zt(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" && Jt(s)) {
+		if (o === "ref" && Yt(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -55,7 +56,7 @@ function Xt(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[Yt(o)] = s;
+			i[Xt(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -66,14 +67,14 @@ function Xt(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 Zt(e) {
+function Qt(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" && Jt(o)) {
+		if (a === "ref" && Yt(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -89,25 +90,25 @@ function Zt(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 Qt(e) {
+function $t(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function $t(e) {
+function en(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function en(e) {
+function tn(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function tn(e) {
-	return typeof e == "function" ? en(e()) : Qt(e) ? en(e.default()) : $t(e) ? [e] : e;
+function nn(e) {
+	return typeof e == "function" ? tn(e()) : $t(e) ? tn(e.default()) : en(e) ? [e] : e;
 }
 function B(e, t, n) {
-	if (!qt) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Xt(r) : Zt(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : tn(n);
-	return qt(e, i, a);
+	if (!Jt) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Zt(r) : Qt(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : nn(n);
+	return Jt(e, i, a);
 }
 function V(e) {
-	return Wt.observable({ value: e });
+	return Gt.observable({ value: e });
 }
 var H = V;
 function U(e) {
@@ -117,19 +118,19 @@ function U(e) {
 }
 function W(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return Gt?.$watch ? Gt.$watch(r, t, n) : () => void 0;
+	return Kt?.$watch ? Kt.$watch(r, t, n) : () => void 0;
 }
 function G(e) {
-	Kt?.mounted.push(e);
+	qt?.mounted.push(e);
 }
 function K(e) {
-	Kt?.beforeUnmount.push(e);
+	qt?.beforeUnmount.push(e);
 }
 function q(e) {
-	return Wt.nextTick(e);
+	return Gt.nextTick(e);
 }
 function J(e) {
-	return Wt.extend({
+	return Gt.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -137,12 +138,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			Gt = this, Kt = t;
+			Kt = this, qt = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				Gt = null, Kt = null;
+				Kt = null, qt = null;
 			}
 		},
 		mounted() {
@@ -152,19 +153,19 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			qt = t;
+			Jt = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				qt = null;
+				Jt = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var nn = {
+var rn = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1029,7 +1030,7 @@ var nn = {
 		}]]
 	}
 };
-function rn(e) {
+function an(e) {
 	return e.map(([e, t]) => B(e, t));
 }
 function Y(e) {
@@ -1050,7 +1051,7 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = nn[e];
+			let n = rn[e];
 			return () => B("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
@@ -1063,16 +1064,14 @@ function Y(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, rn(n.node));
+			}, an(n.node));
 		}
 	});
 }
-var an = Y("AlignCenter"), on = Y("AlignJustify"), sn = Y("AlignLeft"), cn = Y("AlignRight"), ln = Y("AlertTriangle"), un = Y("Bold"), dn = Y("Braces"), fn = Y("Captions"), pn = Y("CheckCircle2"), mn = Y("ChevronDown"), hn = Y("ChevronUp"), gn = Y("CircleX"), _n = Y("Code2"), vn = Y("CornerDownLeft"), yn = Y("Download");
-Y("Eye");
-var bn = Y("ExternalLink"), xn = Y("Heading1"), Sn = Y("Heading2"), Cn = Y("Heading3"), wn = Y("Image"), Tn = Y("ImageUp"), En = Y("IndentDecrease"), Dn = Y("IndentIncrease"), On = Y("Info"), kn = Y("Italic"), An = Y("Lightbulb"), jn = Y("Link2"), Mn = Y("List"), Nn = Y("ListChecks"), Pn = Y("ListOrdered"), Fn = Y("Minus"), In = Y("MoreVertical"), Ln = Y("Paperclip");
+var on = Y("AlignCenter"), sn = Y("AlignJustify"), cn = Y("AlignLeft"), ln = Y("AlignRight"), un = Y("AlertTriangle"), dn = Y("Bold"), fn = Y("Braces"), pn = Y("Captions"), mn = Y("CheckCircle2"), hn = Y("ChevronDown"), gn = Y("ChevronUp"), _n = Y("CircleX"), vn = Y("Code2"), yn = Y("CornerDownLeft"), bn = Y("Download"), xn = Y("Eye"), Sn = Y("ExternalLink"), Cn = Y("Heading1"), wn = Y("Heading2"), Tn = Y("Heading3"), En = Y("Image"), Dn = Y("ImageUp"), On = Y("IndentDecrease"), kn = Y("IndentIncrease"), An = Y("Info"), jn = Y("Italic"), Mn = Y("Lightbulb"), Nn = Y("Link2"), Pn = Y("List"), Fn = Y("ListChecks"), In = Y("ListOrdered"), Ln = Y("Minus"), Rn = Y("MoreVertical"), zn = Y("Paperclip");
 Y("PencilLine");
-var Rn = Y("Quote"), zn = Y("Replace"), Bn = Y("Sigma"), Vn = Y("SmilePlus"), Hn = Y("Strikethrough"), Un = Y("Subscript"), Wn = Y("Superscript"), Gn = Y("Table2"), Kn = Y("Text"), qn = Y("Trash2"), Jn = Y("Type"), Yn = Y("Underline"), Xn = Y("Upload"), Zn = Y("Video"), Qn = T;
-function $n(e) {
+var Bn = Y("Quote"), Vn = Y("Replace"), Hn = Y("Sigma"), Un = Y("SmilePlus"), Wn = Y("Strikethrough"), Gn = Y("Subscript"), Kn = Y("Superscript"), qn = Y("Table2"), Jn = Y("Text"), Yn = Y("Trash2"), Xn = Y("Type"), Zn = Y("Underline"), Qn = Y("Upload"), $n = Y("Video"), er = E;
+function tr(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1094,13 +1093,13 @@ function $n(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function er(e) {
+function nr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function tr(e) {
+function rr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function nr(e, t) {
+function ir(e, t) {
 	return B(e, {
 		size: 18,
 		strokeWidth: 1.8,
@@ -1116,12 +1115,12 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [nr(e.icon, e.label), B("span", {
+	}, [ir(e.icon, e.label), B("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function rr(e) {
+function ar(e) {
 	let t = V(null), n = e.messages.image;
 	return B("section", {
 		class: "markweave-image-upload-placeholder",
@@ -1155,7 +1154,7 @@ function rr(e) {
 		B("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [B(Tn, {
+		}, [B(Dn, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1180,7 +1179,7 @@ function rr(e) {
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Tn, {
+			}, [B(Dn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1196,7 +1195,7 @@ function rr(e) {
 		}, e.error) : null
 	]);
 }
-function ir(e) {
+function or(e) {
 	let t = V(null), n = e.messages.video;
 	return B("section", {
 		class: "markweave-video-upload-placeholder",
@@ -1230,7 +1229,7 @@ function ir(e) {
 		B("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [B(Zn, {
+		}, [B($n, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1255,7 +1254,7 @@ function ir(e) {
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Xn, {
+			}, [B(Qn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1271,7 +1270,7 @@ function ir(e) {
 		}, e.error) : null
 	]);
 }
-var ar = J({
+var sr = J({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1304,69 +1303,81 @@ var ar = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(!1), r = V(!1), a = V(!1), o = V(""), s = V(null), l = V(!1), u = U(() => e.node.attrs), d = V(!!O(u.value.caption)), f = V(O(u.value.caption) ?? ""), m = $n(e.editor), h = U(() => c(m.value)), g = U(() => e.extension.options?.messages ?? p("zh")), v = U(() => g.value.image), y = U(() => O(u.value.src)), S = U(() => Qn(u.value.align)), w = U(() => D(u.value.width)), T = U(() => O(u.value.caption)), E = U(() => h.value && (!y.value || r.value));
-		W(T, (e) => {
+		let t = V(null), n = V(!1), r = V(!1), a = V(!1), o = V(""), s = V(null), l = V(!1), u = U(() => e.node.attrs), d = V(!!k(u.value.caption)), f = V(k(u.value.caption) ?? ""), m = tr(e.editor), g = U(() => c(m.value)), _ = U(() => e.extension.options?.messages ?? p("zh")), y = U(() => _.value.image), b = U(() => k(u.value.src)), C = U(() => er(u.value.align)), T = U(() => O(u.value.width)), E = U(() => k(u.value.caption)), D = U(() => g.value && (!b.value || r.value)), j = () => {
+			b.value && h({
+				src: b.value,
+				alt: k(u.value.alt) ?? "",
+				messages: {
+					dialogAriaLabel: y.value.previewDialogAriaLabel,
+					zoomOut: y.value.previewZoomOut,
+					zoomIn: y.value.previewZoomIn,
+					reset: y.value.previewReset,
+					close: y.value.previewClose
+				}
+			});
+		};
+		W(E, (e) => {
 			d.value || (f.value = e ?? "");
 		});
-		let A = () => {
-			if (!h.value) return;
+		let N = () => {
+			if (!g.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, M = () => {
-			if (o.value = "", s.value = null, a.value = !1, y.value) {
+		}, ee = () => {
+			if (o.value = "", s.value = null, a.value = !1, b.value) {
 				r.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, N = async (t) => {
-			if (!h.value) return;
+		}, te = async (t) => {
+			if (!g.value) return;
 			let n = e.extension.options;
 			l.value = !0, s.value = null;
 			try {
-				let i = await j(x(t, y.value && r.value ? "image-replace" : "image-insert"), n?.onUpload);
-				e.updateAttributes(_(u.value, i)), o.value = "", r.value = !1;
+				let i = await M(S(t, b.value && r.value ? "image-replace" : "image-insert"), n?.onUpload);
+				e.updateAttributes(v(u.value, i)), o.value = "", r.value = !1;
 			} catch (e) {
-				s.value = e instanceof Error ? e.message : v.value.uploadFailedError;
+				s.value = e instanceof Error ? e.message : y.value.uploadFailedError;
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, ee = () => {
+		}, P = () => {
 			if (!o.value.trim()) {
-				s.value = v.value.uploadRequiredError;
+				s.value = y.value.uploadRequiredError;
 				return;
 			}
-			N(k(o.value));
-		}, P = (e) => {
-			N({
+			te(A(o.value));
+		}, F = (e) => {
+			te({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, te = () => {
-			d.value = !d.value, d.value && (f.value = T.value ?? "");
-		}, F = (n, r) => {
-			if (!h.value || !y.value) return;
-			r.preventDefault(), r.stopPropagation(), A();
+		}, I = () => {
+			d.value = !d.value, d.value && (f.value = E.value ?? "");
+		}, L = (n, r) => {
+			if (!g.value || !b.value) return;
+			r.preventDefault(), r.stopPropagation(), N();
 			let i = t.value;
 			if (!i) return;
-			let a = r.clientX, o = i.getBoundingClientRect().width || w.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
+			let a = r.clientX, o = i.getBoundingClientRect().width || T.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
 				let r = n === "right" ? t.clientX - a : a - t.clientX;
-				e.updateAttributes({ width: b(o + r, s) });
+				e.updateAttributes({ width: x(o + r, s) });
 			}, l = () => {
 				window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l);
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => E.value ? B(i, {
+		return () => D.value ? B(i, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": S.value,
+			"data-align": C.value,
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => rr({
-			messages: g.value,
+		}, () => ar({
+			messages: _.value,
 			inputValue: o.value,
 			error: s.value,
 			dragActive: a.value,
@@ -1374,9 +1385,9 @@ var ar = J({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: P,
-			onSubmit: ee,
-			onCancel: M,
+			onFile: F,
+			onSubmit: P,
+			onCancel: ee,
 			onDragActive: (e) => {
 				a.value = e;
 			}
@@ -1384,9 +1395,9 @@ var ar = J({
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": S.value,
-			"data-selected": h.value && e.selected ? "true" : "false",
-			"data-hovered": h.value && n.value ? "true" : "false",
+			"data-align": C.value,
+			"data-selected": g.value && e.selected ? "true" : "false",
+			"data-hovered": n.value ? "true" : "false",
 			"data-empty": "false",
 			onMouseenter: () => {
 				n.value = !0;
@@ -1395,34 +1406,34 @@ var ar = J({
 				n.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !er(e.target) && A();
+				g.value && !nr(e.target) && N();
 			}
 		}, () => [
-			h.value ? B("div", {
+			g.value ? B("div", {
 				class: "markweave-image-toolbar",
 				"data-testid": "markweave-image-toolbar",
 				"data-markweave-image-ui": "true",
-				"aria-label": v.value.toolsAriaLabel
+				"aria-label": y.value.toolsAriaLabel
 			}, [
 				X({
 					testId: "markweave-image-align-left",
-					label: v.value.alignLeft,
-					icon: sn,
-					active: S.value === "left",
+					label: y.value.alignLeft,
+					icon: cn,
+					active: C.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
 				X({
 					testId: "markweave-image-align-center",
-					label: v.value.alignCenter,
-					icon: an,
-					active: S.value === "center",
+					label: y.value.alignCenter,
+					icon: on,
+					active: C.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
 				X({
 					testId: "markweave-image-align-right",
-					label: v.value.alignRight,
-					icon: cn,
-					active: S.value === "right",
+					label: y.value.alignRight,
+					icon: ln,
+					active: C.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
 				B("span", {
@@ -1431,23 +1442,29 @@ var ar = J({
 				}),
 				X({
 					testId: "markweave-image-caption",
-					label: v.value.caption,
-					icon: fn,
-					active: d.value || !!T.value,
-					onClick: te
+					label: y.value.caption,
+					icon: pn,
+					active: d.value || !!E.value,
+					onClick: I
+				}),
+				X({
+					testId: "markweave-image-preview",
+					label: y.value.preview,
+					icon: xn,
+					onClick: j
 				}),
 				X({
 					testId: "markweave-image-download",
-					label: v.value.download,
-					icon: yn,
+					label: y.value.download,
+					icon: bn,
 					onClick: () => {
-						y.value && C(y.value);
+						b.value && w(b.value);
 					}
 				}),
 				X({
 					testId: "markweave-image-replace",
-					label: v.value.replace,
-					icon: zn,
+					label: y.value.replace,
+					icon: Vn,
 					onClick: () => {
 						o.value = "", s.value = null, r.value = !0;
 					}
@@ -1458,66 +1475,82 @@ var ar = J({
 				}),
 				X({
 					testId: "markweave-image-delete",
-					label: v.value.delete,
-					icon: qn,
+					label: y.value.delete,
+					icon: Yn,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
 			B("div", {
 				ref: t,
 				class: "markweave-image-box",
-				style: w.value ? { width: `${Math.round(w.value)}px` } : void 0
+				style: T.value ? { width: `${Math.round(T.value)}px` } : void 0
 			}, [
-				y.value ? B("img", {
+				b.value ? B("img", {
 					class: "markweave-image",
-					src: y.value,
-					alt: O(u.value.alt) ?? "",
-					title: O(u.value.title) ?? void 0,
+					src: b.value,
+					alt: k(u.value.alt) ?? "",
+					title: k(u.value.title) ?? void 0,
 					draggable: !1
 				}) : B("div", {
 					class: "markweave-image-readonly-empty",
 					"data-testid": "markweave-image-readonly-empty",
 					"aria-hidden": "true"
 				}),
-				h.value ? B("button", {
+				!g.value && b.value ? B("button", {
+					type: "button",
+					class: "markweave-image-preview-trigger",
+					"data-testid": "markweave-image-preview",
+					"data-markweave-image-ui": "true",
+					"aria-label": y.value.preview,
+					title: y.value.preview,
+					onMousedown: (e) => e.preventDefault(),
+					onClick: j
+				}, [B(xn, {
+					size: 16,
+					strokeWidth: 1.8
+				}), B("span", {
+					class: "markweave-image-tooltip",
+					role: "tooltip"
+				}, y.value.preview)]) : null,
+				g.value ? B("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-left",
 					"data-side": "left",
-					"aria-label": v.value.resizeLeft,
+					"aria-label": y.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => F("left", e)
+					onPointerdown: (e) => L("left", e)
 				}) : null,
-				h.value ? B("button", {
+				g.value ? B("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-right",
 					"data-side": "right",
-					"aria-label": v.value.resizeRight,
+					"aria-label": y.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => F("right", e)
+					onPointerdown: (e) => L("right", e)
 				}) : null
 			]),
-			h.value && (d.value || T.value) ? B("input", {
+			g.value && (d.value || E.value) ? B("input", {
 				class: "markweave-image-caption-input",
 				"data-testid": "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				value: f.value,
-				placeholder: v.value.captionPlaceholder,
-				"aria-label": v.value.captionAriaLabel,
+				placeholder: y.value.captionPlaceholder,
+				"aria-label": y.value.captionAriaLabel,
 				onInput: (t) => {
 					f.value = t.target.value, e.updateAttributes({ caption: f.value.trim() ? f.value : null });
 				},
 				onKeydown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), d.value = !1);
 				}
-			}) : T.value ? B("figcaption", {
+			}) : E.value ? B("figcaption", {
 				class: "markweave-image-caption",
 				"data-testid": "markweave-image-caption"
-			}, T.value) : null
+			}, E.value) : null
 		]);
 	}
-}), or = J({
+}), cr = J({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1550,35 +1583,35 @@ var ar = J({
 		}
 	},
 	setup(e) {
-		let t = V(!1), n = V(""), r = V(null), a = V(!1), o = $n(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => O(d.value.src)), m = U(() => O(d.value.embedUrl)), h = U(() => O(d.value.provider)), g = U(() => m.value ? E(m.value, h.value) : null), _ = U(() => O(d.value.mimeType)), b = U(() => O(d.value.title)), x = () => {
+		let t = V(!1), n = V(""), r = V(null), a = V(!1), o = tr(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => k(d.value.src)), m = U(() => k(d.value.embedUrl)), h = U(() => k(d.value.provider)), g = U(() => m.value ? D(m.value, h.value) : null), _ = U(() => k(d.value.mimeType)), v = U(() => k(d.value.title)), x = () => {
 			f.value || e.deleteNode(), n.value = "", r.value = null, t.value = !1;
-		}, C = async (i) => {
+		}, S = async (i) => {
 			if (!s.value) return;
 			let o = e.extension.options;
 			a.value = !0, r.value = null;
 			try {
-				let t = await j(S(i), o?.onUpload);
-				e.updateAttributes(v(t)), n.value = "";
+				let t = await M(C(i), o?.onUpload);
+				e.updateAttributes(y(t)), n.value = "";
 			} catch (e) {
 				r.value = e instanceof Error ? e.message : u.value.uploadFailedError;
 			} finally {
 				a.value = !1, t.value = !1;
 			}
-		}, T = () => {
+		}, w = () => {
 			if (!s.value) return;
-			let t = y(n.value);
+			let t = b(n.value);
 			if (!t) {
 				r.value = u.value.unsupportedUrlError;
 				return;
 			}
 			r.value = null, e.updateAttributes(t), n.value = "";
-		}, D = (e) => {
-			C({
+		}, E = (e) => {
+			S({
 				type: "file",
 				file: e,
 				mimeType: e.type || "video/*"
 			});
-		}, k = () => {
+		}, O = () => {
 			if (!s.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
@@ -1591,7 +1624,7 @@ var ar = J({
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => ir({
+		}, () => or({
 			messages: l.value,
 			inputValue: n.value,
 			error: r.value,
@@ -1600,8 +1633,8 @@ var ar = J({
 			onInputValue: (e) => {
 				n.value = e;
 			},
-			onFile: D,
-			onSubmit: T,
+			onFile: E,
+			onSubmit: w,
 			onCancel: x,
 			onDragActive: (e) => {
 				t.value = e;
@@ -1615,19 +1648,19 @@ var ar = J({
 			"data-selected": s.value && e.selected ? "true" : "false",
 			"aria-label": u.value.nodeAriaLabel,
 			tabindex: s.value ? 0 : void 0,
-			onFocus: k,
+			onFocus: O,
 			onKeydown: A,
 			onMousedown: (e) => {
-				s.value && !tr(e.target) && (e.preventDefault(), k());
+				s.value && !rr(e.target) && (e.preventDefault(), O());
 			}
 		}, () => [g.value ? B("div", { class: "markweave-video-embed" }, [B("iframe", {
 			class: "markweave-video-iframe",
 			src: g.value,
-			title: b.value ?? `${h.value ?? "Video"} embed`,
+			title: v.value ?? `${h.value ?? "Video"} embed`,
 			"data-markweave-video-embed": "true",
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": f.value ?? void 0,
-			allow: w,
+			allow: T,
 			allowfullscreen: "true"
 		}), s.value ? B("button", {
 			type: "button",
@@ -1638,7 +1671,7 @@ var ar = J({
 		}) : null]) : f.value ? B("div", { class: "markweave-video-box" }, [B("video", {
 			class: "markweave-video",
 			src: f.value,
-			title: b.value ?? void 0,
+			title: v.value ?? void 0,
 			controls: !0,
 			"data-markweave-video": "true",
 			"data-markweave-mime-type": _.value ?? void 0
@@ -1654,7 +1687,7 @@ var ar = J({
 			"aria-hidden": "true"
 		})]);
 	}
-}), sr = h.extend({
+}), lr = g.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1663,9 +1696,9 @@ var ar = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(ar, { stopEvent: ({ event: e }) => er(e.target) });
+		return typeof document > "u" ? null : a(sr, { stopEvent: ({ event: e }) => nr(e.target) });
 	}
-}), cr = g.extend({
+}), ur = _.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1674,17 +1707,17 @@ var ar = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(or, { stopEvent: ({ event: e }) => tr(e.target) });
+		return typeof document > "u" ? null : a(cr, { stopEvent: ({ event: e }) => rr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function lr(n = {}) {
+function dr(n = {}) {
 	return e({
 		lang: n.lang,
 		mediaExtensions: t({
-			image: sr,
-			video: cr,
+			image: lr,
+			video: ur,
 			lang: n.lang,
 			onImageUpload: n.onImageUpload,
 			onVideoUpload: n.onVideoUpload
@@ -1693,7 +1726,7 @@ function lr(n = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var ur = {
+var fr = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1701,17 +1734,17 @@ var ur = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, dr = {
+}, pr = {
 	active: !1,
-	language: xe.defaultLanguage,
+	language: Se.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function fr(e) {
-	return Tt.getState(e.state) ?? wt;
+function mr(e) {
+	return Et.getState(e.state) ?? Tt;
 }
-function pr(e) {
+function hr(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1728,7 +1761,7 @@ function Z(e, t, n = 18, r = 1.8) {
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function mr(e) {
+function gr(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",
@@ -1776,57 +1809,57 @@ function Q(e) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, mr(e)));
+	}, gr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function hr(e) {
-	let t = qe(e);
+function _r(e) {
+	let t = Je(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var gr = {
-	bold: un,
-	italic: kn,
-	underline: Yn,
-	strike: Hn,
-	"inline-code": _n,
-	link: jn,
-	more: In,
-	superscript: Wn,
-	subscript: Un,
-	"inline-math": Bn,
-	"align-left": sn,
-	"align-center": an,
-	"align-right": cn,
-	"align-justify": on,
-	"decrease-indent": En,
-	"increase-indent": Dn
-}, _r = {
-	type: Kn,
-	"heading-1": xn,
-	"heading-2": Sn,
-	"heading-3": Cn,
-	"bullet-list": Mn,
-	"ordered-list": Pn,
-	"task-list": Nn,
-	blockquote: Rn,
-	"code-block": dn,
-	info: On,
-	tip: An,
-	warning: ln,
-	error: gn,
-	success: pn,
-	emoji: Vn,
-	math: Bn,
-	table: Gn,
-	separator: Fn,
-	image: wn,
-	video: Zn,
-	attachment: Ln
+var vr = {
+	bold: dn,
+	italic: jn,
+	underline: Zn,
+	strike: Wn,
+	"inline-code": vn,
+	link: Nn,
+	more: Rn,
+	superscript: Kn,
+	subscript: Gn,
+	"inline-math": Hn,
+	"align-left": cn,
+	"align-center": on,
+	"align-right": ln,
+	"align-justify": sn,
+	"decrease-indent": On,
+	"increase-indent": kn
+}, yr = {
+	type: Jn,
+	"heading-1": Cn,
+	"heading-2": wn,
+	"heading-3": Tn,
+	"bullet-list": Pn,
+	"ordered-list": In,
+	"task-list": Fn,
+	blockquote: Bn,
+	"code-block": fn,
+	info: An,
+	tip: Mn,
+	warning: un,
+	error: _n,
+	success: mn,
+	emoji: Un,
+	math: Hn,
+	table: qn,
+	separator: Ln,
+	image: En,
+	video: $n,
+	attachment: zn
 };
-function vr(e) {
-	let t = _r[e];
+function br(e) {
+	let t = yr[e];
 	return B(t, {
 		size: 18,
 		strokeWidth: 1.6,
@@ -1834,21 +1867,21 @@ function vr(e) {
 		"aria-hidden": "true"
 	});
 }
-var yr = {
-	paragraph: Jn,
-	"heading-1": xn,
-	"heading-2": Sn,
-	"heading-3": Cn,
-	"bullet-list": Mn,
-	"numbered-list": Pn,
-	"todo-list": Nn,
-	quote: Rn,
-	"code-block": dn
+var xr = {
+	paragraph: Xn,
+	"heading-1": Cn,
+	"heading-2": wn,
+	"heading-3": Tn,
+	"bullet-list": Pn,
+	"numbered-list": In,
+	"todo-list": Fn,
+	quote: Bn,
+	"code-block": fn
 };
-function br(e, t) {
-	return ne(e, t).label;
+function Sr(e, t) {
+	return L(e, t).label;
 }
-var xr = J({
+var Cr = J({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -1865,19 +1898,19 @@ var xr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(""), r = V(null), i = V(null), a = V(null), o = U(() => qe(n.value.trim())), s = U(() => e.messages.floatingToolbar), c = U(() => ie(e.messages).map((e) => [
+		let t = V(null), n = V(""), r = V(null), i = V(null), a = V(null), o = U(() => Je(n.value.trim())), s = U(() => e.messages.floatingToolbar), c = U(() => z(e.messages).map((e) => [
 			e.id,
 			e.label,
-			yr[e.id]
+			xr[e.id]
 		])), l = U(() => re(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), u = U(() => I(e.messages).map((e) => [
+		])), u = U(() => R(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), d = U(() => L(e.messages).map((e) => e.id)), f = () => {
+		])), d = U(() => ne(e.messages).map((e) => e.id)), f = () => {
 			o.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: o.value }).run(), t.value = null);
 		}, p = () => {
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", t.value = null;
@@ -1921,7 +1954,7 @@ var xr = J({
 			onMouseenter: (e) => g(n, e.currentTarget),
 			onMouseleave: () => g(null),
 			onClick: o
-		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, br(e.editor, e.messages)), Z(t.value === "block-type" ? hn : mn, 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" ? hn : mn, i)])] : [Z(a, i)]), y = () => B("span", {
+		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, Sr(e.editor, e.messages)), Z(t.value === "block-type" ? gn : hn, 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" ? gn : hn, i)])] : [Z(a, i)]), y = () => B("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
 		}), b = (n, r, i) => B("section", {
@@ -1975,7 +2008,7 @@ var xr = J({
 				"aria-label": s.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(vn, s.value.applyLink)]),
+			}, [Z(yn, s.value.applyLink)]),
 			B("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
@@ -1986,15 +2019,15 @@ var xr = J({
 				"aria-label": s.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => hr(n.value)
-			}, [Z(bn, s.value.openLink)]),
+				onClick: () => _r(n.value)
+			}, [Z(Sn, s.value.openLink)]),
 			B("button", {
 				type: "button",
 				"aria-label": s.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
 				onClick: p
-			}, [Z(qn, s.value.removeLink)])
+			}, [Z(Yn, s.value.removeLink)])
 		])]) : t.value === "color" ? B("div", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 			"data-testid": "markweave-floating-toolbar-color-menu"
@@ -2017,15 +2050,15 @@ var xr = J({
 				r.value = null;
 			},
 			onClick: () => {
-				R(e.editor, n), t.value = null;
+				ie(e.editor, n), t.value = null;
 			}
-		}, [Z(gr[n], s.value.moreActions[n])]), r.value === n ? B("div", {
+		}, [Z(vr[n], s.value.moreActions[n])]), r.value === n ? B("div", {
 			class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip"
 		}, s.value.moreActions[n]) : null]))) : null;
-		return () => B(M, {
+		return () => B(N, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && ce(z(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && le(ce(e)),
 			options: { placement: "top" }
 		}, { default: () => B("div", {
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
@@ -2035,23 +2068,23 @@ var xr = J({
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			v("block-type", s.value.buttons["block-type"], Jn, () => m("block-type"), t.value === "block-type"),
+			v("block-type", s.value.buttons["block-type"], Xn, () => m("block-type"), t.value === "block-type"),
 			y(),
-			v("bold", s.value.buttons.bold, un, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			v("italic", s.value.buttons.italic, kn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			v("underline", s.value.buttons.underline, Yn, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			v("strike", s.value.buttons.strike, Hn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			v("inline-code", s.value.buttons["inline-code"], _n, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			v("bold", s.value.buttons.bold, dn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			v("italic", s.value.buttons.italic, jn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			v("underline", s.value.buttons.underline, Zn, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			v("strike", s.value.buttons.strike, Wn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			v("inline-code", s.value.buttons["inline-code"], vn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			y(),
-			v("link", s.value.buttons.link, jn, () => m("link"), e.editor.isActive("link")),
-			v("color", s.value.buttons.color, Jn, () => m("color"), t.value === "color"),
+			v("link", s.value.buttons.link, Nn, () => m("link"), e.editor.isActive("link")),
+			v("color", s.value.buttons.color, Xn, () => m("color"), t.value === "color"),
 			y(),
-			v("more", s.value.buttons.more, In, () => m("more"), t.value === "more"),
+			v("more", s.value.buttons.more, Rn, () => m("more"), t.value === "more"),
 			x(),
 			_()
 		])]) });
 	}
-}), Sr = J({
+}), wr = J({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2072,17 +2105,17 @@ var xr = J({
 		}
 	},
 	setup(e) {
-		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(Qe(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($e(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : nt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => Ze(e.editor, e.target) ?? 1), u = () => {
+		} : rt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => Qe(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
-			let r = Xe(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+			let r = Ze(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
 				e.onClose();
 				return;
 			}
-			n.value = Ye({
+			n.value = Xe({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2091,7 +2124,7 @@ var xr = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && Je(e.editor, e.target, t.value) && e.onClose();
+			s.value && Ye(e.editor, e.target, t.value) && e.onClose();
 		}, f = (t) => {
 			if (t.key === "Escape") {
 				t.preventDefault(), e.onClose(), e.editor.commands.focus();
@@ -2103,13 +2136,13 @@ var xr = 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 = Qe(e.editor, e.target), q(u);
+			t.value = e.target.latex, a.value = $e(e.editor, e.target), q(u);
 		}), G(() => {
-			rt(e.editor, e.target, !0), u(), q(() => {
+			it(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(() => {
-			rt(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
+			it(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,
@@ -2170,14 +2203,14 @@ var xr = J({
 			}, [
 				B("div", { class: "markweave-math-block-toolbar" }, [
 					B("span", null, c.value.label),
-					Z(_n, c.value.label, 15, 1.75),
+					Z(vn, 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(pn, c.value.apply, 16, 2)])
+					}, [Z(mn, c.value.apply, 16, 2)])
 				]),
 				B("label", {
 					class: "markweave-math-block-source",
@@ -2200,7 +2233,7 @@ var xr = J({
 			]);
 		};
 	}
-}), Cr = J({
+}), Tr = J({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2259,13 +2292,13 @@ var xr = J({
 					} : {
 						kind: e.inputCommand.uploadKind ?? "attachment",
 						trigger: "slash-command",
-						source: k(t.value)
+						source: A(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await j(i, e.onUpload);
+					let a = await M(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;
@@ -2386,7 +2419,7 @@ var xr = 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 = dt(t);
+				let n = e.commands.indexOf(t) === e.state.activeIndex, r = ft(t);
 				return B("button", {
 					key: t.id,
 					type: "button",
@@ -2409,7 +2442,7 @@ var xr = J({
 						}
 					}
 				}, [
-					vr(t.icon),
+					br(t.icon),
 					B("span", null, t.label),
 					t.disabledReason ? B("small", null, t.disabledReason) : null
 				]);
@@ -2420,7 +2453,7 @@ var xr = J({
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), wr = J({
+}), Er = J({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2453,12 +2486,12 @@ var xr = 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 ? St(e.editor.state) : ur), h = U(() => Pt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Pt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Mt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Rt(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 ? Ct(e.editor.state) : fr), h = U(() => Ft(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Ft(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Nt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? zt(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;
-			}, Ht));
+			}, Ut));
 		}, S = () => {
 			if (!e.active) {
 				r.value = null, i.value = null, a.value = null, x(null);
@@ -2469,16 +2502,16 @@ var xr = J({
 				r.value = null, i.value = null, a.value = null;
 				return;
 			}
-			let s = o.getBoundingClientRect(), c = h.value ? Nt(e.editor, h.value) : null, l = g.value ? Nt(e.editor, g.value) : null, u = v.value ? zt(e.editor) : null;
-			c ? r.value = Dt({
+			let s = o.getBoundingClientRect(), c = h.value ? Pt(e.editor, h.value) : null, l = g.value ? Pt(e.editor, g.value) : null, u = v.value ? Bt(e.editor) : null;
+			c ? r.value = Ot({
 				targetRect: c,
 				frameRect: s,
 				kind: "row"
-			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Dt({
+			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Ot({
 				targetRect: l,
 				frameRect: s,
 				kind: "column"
-			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Dt({
+			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Ot({
 				targetRect: u,
 				frameRect: s,
 				kind: "selection"
@@ -2493,13 +2526,13 @@ var xr = J({
 				o.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? jt(e.editor)?.getBoundingClientRect() : null, c = s ? {
+			let a = i.getBoundingClientRect(), s = t.value === "row" ? Mt(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 = Et({
+			o.value = Dt({
 				anchorRect: c,
 				frameRect: p,
 				menuSize: {
@@ -2516,16 +2549,16 @@ var xr = J({
 			let i = t.value === e && n.value === r;
 			n.value = r, t.value = i ? null : e, T();
 		}, D = () => {
-			e.editor.view.dispatch(yt(e.editor.state.tr, null));
+			e.editor.view.dispatch(bt(e.editor.state.tr, null));
 		}, O = (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 && Vt(e.editor, r, t, { visualIndex: i }), E(t, n);
+			r !== null && Ht(e.editor, r, t, { visualIndex: i }), E(t, n);
 		}, k = () => {
 			D(), E("selection", "selection-edge");
 		}, A = (n = !1) => {
 			t.value = null, o.value = null, n && e.editor.view.focus();
 		}, j = async (n, r) => {
-			let i = await kt({
+			let i = await At({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
@@ -2533,7 +2566,7 @@ var xr = J({
 			});
 			return i.copyFeedback ? (x(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : x(null), e.onCommandResult?.(i.commandResult), i.success;
 		}, M = (t) => {
-			let n = Ft(e.editor, t);
+			let n = It(e.editor, t);
 			n && e.onEditWithAi?.(n), A(!0);
 		}, N = (e) => {
 			!t.value || e.key !== "Escape" || A(!0);
@@ -2555,11 +2588,11 @@ var xr = J({
 			t.value,
 			n.value
 		], T, { flush: "post" });
-		let P = () => t.value ? B("div", {
+		let te = () => t.value ? B("div", {
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
-			"aria-label": Ut(t.value, e.messages),
+			"aria-label": Wt(t.value, e.messages),
 			"data-testid": "markweave-table-menu",
 			"data-positioned": o.value ? "true" : "false",
 			style: o.value ? {
@@ -2567,7 +2600,7 @@ var xr = J({
 				top: `${o.value.top}px`
 			} : void 0
 		}, y.value.map((n, r) => {
-			let i = It(n), a = r === 0 ? i : It(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Ot(e.editor, n.commandId), c = Lt(n, e.messages);
+			let i = Lt(n), a = r === 0 ? i : Lt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : kt(e.editor, n.commandId), c = Rt(n, e.messages);
 			return B("button", {
 				key: `${n.id}-${r}`,
 				type: "button",
@@ -2607,7 +2640,7 @@ var xr = J({
 				"data-copy-kind": s.value.kind,
 				"data-text-length": s.value.textLength,
 				"data-html-length": s.value.htmlLength
-			}, At(s.value)) : null,
+			}, jt(s.value)) : null,
 			r.value ? B("button", {
 				ref: l,
 				type: "button",
@@ -2664,10 +2697,10 @@ var xr = J({
 				onMousedown: $,
 				onClick: k
 			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			P()
+			te()
 		]) : null;
 	}
-}), Tr = J({
+}), Dr = J({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2685,7 +2718,7 @@ var xr = J({
 				t.value = null;
 				return;
 			}
-			t.value = Bt(e.editor, Ct(e.editor.state));
+			t.value = Vt(e.editor, wt(e.editor.state));
 		};
 		return G(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
@@ -2723,7 +2756,7 @@ var xr = J({
 			}) : null;
 		};
 	}
-}), Er = J({
+}), Or = J({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -2756,105 +2789,105 @@ var xr = 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, Be(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(() => Ue(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), D = U(() => !e.readOnly), O = U(() => S.value ? Ne(S.value.language) : Ne("text")), k = U(() => u.value?.status ?? "idle"), A = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = U(() => w.value && A.value === "preview"), M = U(() => (v.value, g.value, _.value, Ve(e.editor))), N = U(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = U(() => Le(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(() => We(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), D = U(() => !e.readOnly), O = U(() => S.value ? Pe(S.value.language) : Pe("text")), k = U(() => u.value?.status ?? "idle"), A = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = U(() => w.value && A.value === "preview"), M = U(() => (v.value, g.value, _.value, He(e.editor))), N = U(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = U(() => Re(l.value)), te = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), P = () => {
 			y !== null && (window.clearTimeout(y), y = null);
 		}, F = (e) => {
-			te(), u.value = e, e && (y = window.setTimeout(() => {
+			P(), u.value = e, e && (y = window.setTimeout(() => {
 				u.value = null, y = null;
-			}, De));
-		}, ne = () => {
+			}, Oe));
+		}, I = () => {
 			f.value = null, p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, I = () => {
+		}, L = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!Be(n) || M.value.length === 0) {
+			if (!Ve(n) || M.value.length === 0) {
 				o.value = [];
 				return;
 			}
 			let r = n.getBoundingClientRect(), i = M.value.flatMap((t) => {
-				let n = Ie(Fe(e.editor, t.pos, t.mermaidPreviewMode), r);
-				return n ? [je(t, n, r)] : [];
+				let n = Le(Ie(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [Me(t, n, r)] : [];
 			});
-			o.value = We(o.value, i, M.value.map((e) => e.pos));
-		}, L = () => {
+			o.value = Ge(o.value, i, M.value.map((e) => e.pos));
+		}, R = () => {
 			if (!E.value || !S.value) {
 				a.value = null, s.value = null;
 				return;
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = Fe(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = Ie(i, o);
+			let i = Ie(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = Le(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 = ke(S.value.pos, l, o), c.value && n.value) {
+			if (a.value = Ae(S.value.pos, l, o), c.value && n.value) {
 				let e = n.value.getBoundingClientRect();
-				s.value = Te({
+				s.value = Ee({
 					overlayRect: o,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				});
 			}
-		}, re = async () => {
+		}, ne = async () => {
 			if (e.readOnly) {
 				if (!S.value) return;
-				let e = await Oe(S.value.text);
-				F(be(S.value, e ? "copied" : "failed"));
+				let e = await ke(S.value.text);
+				F(xe(S.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!Me(e.editor, S.value)) return;
-			let t = await ve(e.editor);
-			F(be(ye(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, ie = (t, n) => {
+			if (!Ne(e.editor, S.value)) return;
+			let t = await ye(e.editor);
+			F(xe(be(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, re = (t, n) => {
 			if (e.readOnly) {
-				ct(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
+				lt(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
-			we(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
-		}, R = (t) => {
+			Te(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
+		}, z = (t) => {
 			if (e.readOnly || !S.value) return;
 			let n = e.state.active && e.state.pos === S.value.pos;
-			Ce(e.editor, S.value.pos, t) && (t === "mermaid" && we(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
+			we(e.editor, S.value.pos, t) && (t === "mermaid" && Te(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
+		}, ie = () => {
+			e.readOnly || !S.value || Ce(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
 		}, ae = () => {
-			e.readOnly || !S.value || Se(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
-		}, oe = () => {
 			if (!S.value) return;
-			let t = He(e.editor, S.value.pos);
+			let t = Ue(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 = () => {
+		}, oe = () => {
 			if (!S.value) return;
-			let t = He(e.editor, S.value.pos);
-			t && (f.value = Ae(t), p.value = null, m.value = !1, h.value = {
+			let t = Ue(e.editor, S.value.pos);
+			t && (f.value = je(t), p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, z = (e) => {
+		}, se = (e) => {
 			f.value = f.value ? {
 				...f.value,
-				scale: Ee(f.value.scale + e)
+				scale: De(f.value.scale + e)
 			} : null;
 		}, ce = () => {
-			f.value = f.value ? Ae(f.value.svg) : null, h.value = {
+			f.value = f.value ? je(f.value.svg) : null, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, m.value = !1;
 		}, le = (e) => {
-			e.preventDefault(), z(e.deltaY < 0 ? Ge : -Ge);
+			e.preventDefault(), se(e.deltaY < 0 ? Ke : -Ke);
 		}, ue = (e) => {
 			e.button === 0 && (e.preventDefault(), h.value = {
 				active: !0,
@@ -2869,7 +2902,7 @@ var xr = J({
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = Ke(f.value, n, r);
+			}, f.value = qe(f.value, n, r);
 		}, fe = () => {
 			h.value = {
 				active: !1,
@@ -2879,10 +2912,10 @@ var xr = J({
 		};
 		W(() => e.readOnly, (e) => {
 			e && (c.value = !1, l.value = "");
-		}), W(P, () => {
+		}), W(te, () => {
 			F(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
 		}), W(c, async (e) => {
-			e && (await q(), L(), r.value?.focus({ preventScroll: !0 }));
+			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
 		}), W(() => [
 			E.value,
 			g.value,
@@ -2890,12 +2923,12 @@ var xr = J({
 			c.value,
 			A.value
 		], async () => {
-			await q(), L();
+			await q(), R();
 		}, {
 			flush: "post",
 			immediate: !0
 		}), W(N, async () => {
-			await q(), I(), window.requestAnimationFrame(I);
+			await q(), L(), window.requestAnimationFrame(L);
 		}, {
 			flush: "post",
 			immediate: !0
@@ -2905,14 +2938,14 @@ var xr = 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 = Re(e.editor, n.target), a = ze(e.editor, r), o = a && !Ue(e.editor, a) ? a.pos : null;
+					let r = ze(e.editor, n.target), a = Be(e.editor, r), o = a && !We(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) {
-							ne();
+							I();
 							return;
 						}
 						c.value && (c.value = !1, e.editor.view.focus());
@@ -2920,14 +2953,14 @@ var xr = J({
 				}, s = (e) => {
 					c.value && (e.target instanceof Node && t.value?.contains(e.target) || (c.value = !1));
 				}, l = ({ transaction: e }) => {
-					e.getMeta(_e) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(_e) || ot(e)) && (v.value += 1);
+					e.getMeta(ve) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(ve) || st(e)) && (v.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), window.addEventListener("resize", I), window.addEventListener("scroll", I, !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", L), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), te();
+				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), P();
 				};
 			});
 		}), K(() => {
-			pe?.(), pe = null, te();
+			pe?.(), pe = null, P();
 		}), () => {
 			if (!E.value && M.value.length === 0 && !f.value) return null;
 			let i = a.value ? {
@@ -2961,7 +2994,7 @@ var xr = J({
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => ie(e, t)
+						onClick: () => re(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
 				E.value && S.value ? B("div", {
@@ -2998,7 +3031,7 @@ var xr = J({
 						"data-testid": "markweave-codeblock-collapse",
 						"data-collapsed": T.value ? "true" : "false",
 						onMousedown: $,
-						onClick: ae
+						onClick: ie
 					}, [Q("chevron")]) : null,
 					B("span", { class: "markweave-codeblock-copy-wrap" }, [B("button", {
 						type: "button",
@@ -3020,7 +3053,7 @@ var xr = J({
 							d.value = !1;
 						},
 						onClick: () => {
-							re();
+							ne();
 						}
 					}, [Q(k.value === "copied" ? "check" : "clipboard")]), d.value ? B("span", {
 						class: "markweave-codeblock-tooltip",
@@ -3037,7 +3070,7 @@ var xr = J({
 						"data-testid": "markweave-mermaid-fullscreen",
 						disabled: !j.value,
 						onMousedown: $,
-						onClick: se
+						onClick: oe
 					}, [Q("expand")]), B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
@@ -3045,7 +3078,7 @@ var xr = J({
 						"data-testid": "markweave-mermaid-download",
 						disabled: !j.value,
 						onMousedown: $,
-						onClick: oe
+						onClick: ae
 					}, [Q("download")])]) : null
 				]) : null,
 				D.value && E.value && c.value && S.value ? B("div", {
@@ -3076,7 +3109,7 @@ var xr = J({
 						"data-testid": `markweave-codeblock-language-option-${e.language}`,
 						"data-active": t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => R(e.language)
+						onClick: () => z(e.language)
 					}, [B("span", null, e.label), t ? Q("check") : null]);
 				}))]) : null,
 				f.value ? B("div", {
@@ -3107,12 +3140,12 @@ var xr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => z(-Ge)
+							onClick: () => se(-Ke)
 						}, [Q("zoomOut")]),
 						B("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, Pe(f.value.scale)),
+						}, Fe(f.value.scale)),
 						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
@@ -3130,7 +3163,7 @@ var xr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => z(Ge)
+							onClick: () => se(Ke)
 						}, [Q("zoomIn")]),
 						B("button", {
 							type: "button",
@@ -3162,7 +3195,7 @@ var xr = J({
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: ne
+						onClick: I
 					}, [Q("close")]),
 					B("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
@@ -3189,7 +3222,7 @@ var xr = J({
 			]);
 		};
 	}
-}), Dr = J({
+}), kr = J({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3215,7 +3248,7 @@ var xr = J({
 	},
 	setup(e) {
 		let t = V(null), n, r = () => {
-			n?.(), n = e.placement === "container" && t.value ? he(t.value) : void 0;
+			n?.(), n = e.placement === "container" && t.value ? ge(t.value) : void 0;
 		};
 		return G(r), K(() => n?.()), W(() => e.placement, r), () => e.state.items.length ? B("nav", {
 			ref: t,
@@ -3238,20 +3271,20 @@ var xr = J({
 			"aria-current": t.active ? "location" : void 0,
 			"aria-label": `${e.messages.toc.itemAriaLabel}: ${t.text}`,
 			title: t.text,
-			onClick: () => ge(e.editor, t, {
+			onClick: () => _e(e.editor, t, {
 				behavior: "smooth",
 				focus: e.editable
 			})
 		}, t.text)))])]) : null;
 	}
 });
-function Or(e = {}) {
-	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => a.value === "live" && e.editable !== !1), s = V(0), c = H(null), d = V(_t), h = H(null), g = H(null), _ = V("code"), v = H(null), y = H(wt), b = V(null), x = V(!1), S = F(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), C = e.onSlashCommandUpload, w = H(null);
+function Ar(e = {}) {
+	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => a.value === "live" && e.editable !== !1), s = V(0), c = H(null), d = V(vt), h = H(null), g = H(null), _ = V("code"), v = H(null), y = H(Tt), b = V(null), x = V(!1), S = I(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), C = e.onSlashCommandUpload, w = H(null);
 	w.value = new n({
-		extensions: lr({
+		extensions: dr({
 			lang: t,
-			onImageUpload: (e) => C?.(e) ?? A(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => C?.(e) ?? A(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
+			onImageUpload: (e) => C?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => C?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
 		}),
 		content: e.content ?? e.defaultContent ?? "",
 		contentType: P(S),
@@ -3268,16 +3301,16 @@ function Or(e = {}) {
 			},
 			handleClick: (e, t, n) => {
 				if (!o.value) return oe(n);
-				let r = et(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), E(), it(e, r, !0), at(e, r), v.value = r, !0) : (v.value = null, !1);
+				let r = tt(e, n);
+				return r ? (n.preventDefault(), n.stopPropagation(), E(), at(e, r, !0), ot(e, r), v.value = r, !0) : (v.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => o.value ? (d.value = vt(d.value, { type: "composition-start" }), h.value = null, !1) : !1,
+				compositionstart: () => o.value ? (d.value = yt(d.value, { type: "composition-start" }), h.value = null, !1) : !1,
 				compositionend: (e) => (o.value && window.setTimeout(() => D(e), 0), !1),
 				click: (e, t) => {
 					if (!o.value) return oe(t);
-					let n = et(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), E(), it(e, n, !0), at(e, n), v.value = n, !0) : (v.value = null, !1);
+					let n = tt(e, t);
+					return n ? (t.preventDefault(), t.stopPropagation(), E(), at(e, n, !0), ot(e, n), v.value = n, !0) : (v.value = null, !1);
 				}
 			}
 		},
@@ -3286,98 +3319,98 @@ function Or(e = {}) {
 			u(t, {
 				mode: a.value,
 				editable: o.value
-			}), st(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && xt(t), j(t), k(t), s.value += 1;
+			}), ct(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && St(t), A(t), k(t), s.value += 1;
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (j(e), (t.docChanged || ot(t)) && (s.value += 1), t.docChanged && v.value) {
-				let t = $e(e, v.value.pos);
+			if (A(e), (t.docChanged || st(t)) && (s.value += 1), t.docChanged && v.value) {
+				let t = et(e, v.value.pos);
 				v.value = t?.kind === v.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			k(t), o.value && O(t), x.value || e.onUpdate?.(ee(t));
+			k(t), o.value && O(t), x.value || e.onUpdate?.(te(t));
 		}
 	});
 	let T = U(() => w.value ?? null);
 	function E() {
-		h.value = null, g.value = null, d.value = _t;
+		h.value = null, g.value = null, d.value = vt;
 	}
 	function D(e) {
-		let t = gt(e.state);
+		let t = _t(e.state);
 		if (!t) {
-			d.value = d.value.name === "idle" ? d.value : _t, h.value = null, g.value = null;
+			d.value = d.value.name === "idle" ? d.value : vt, h.value = null, g.value = null;
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		h.value = ht(n, {
+		h.value = gt(n, {
 			frameRect: i,
 			triggerRect: r
-		}), d.value = mt(d.value, t);
+		}), d.value = ht(d.value, t);
 	}
 	function O(e) {
 		D(e.view);
 	}
 	function k(e) {
-		c.value = z(e);
-		let t = tt(e);
-		t && (rt(e, t, !0), v.value = t);
-		let n = ye(e);
+		c.value = ce(e);
+		let t = nt(e);
+		t && (it(e, t, !0), v.value = t);
+		let n = be(e);
 		n.active && n.language === "mermaid" && (_.value = n.mermaidPreviewMode);
 	}
-	function j(e) {
-		y.value = fr(e);
+	function A(e) {
+		y.value = mr(e);
 	}
-	let M = U(() => T.value ? ye(T.value) : dr), ne = U(() => T.value ? St(T.value.state) : ur), I = U(() => c.value?.currentNode === "codeBlock"), L = U(() => I.value && M.value.language === "mermaid"), re = U(() => T.value ? lt({
-		active: L.value,
+	let M = U(() => T.value ? be(T.value) : pr), N = U(() => T.value ? Ct(T.value.state) : fr), L = U(() => c.value?.currentNode === "codeBlock"), R = U(() => L.value && M.value.language === "mermaid"), ne = U(() => T.value ? ut({
+		active: R.value,
 		mode: _.value,
 		source: M.value.text
-	}) : lt({
+	}) : ut({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), ie = U(() => T.value ? bt(T.value.state) : null), R = U(() => T.value ? fe(T.value.state.doc) : ue.items), ae = U(() => pe(R.value, b.value)), ce = U(() => le(R.value, ae.value)), me = U(() => ut(d.value.query, i)), he = U(() => se({
+	})), re = U(() => T.value ? xt(T.value.state) : null), z = U(() => T.value ? pe(T.value.state.doc) : de.items), ie = U(() => me(z.value, b.value)), ae = U(() => ue(z.value, ie.value)), le = U(() => dt(d.value.query, i)), he = U(() => se({
 		revision: s.value,
 		mode: a.value,
 		editable: o.value,
-		toc: ce.value,
+		toc: ae.value,
 		selection: c.value,
 		slash: d.value,
-		table: ne.value,
+		table: N.value,
 		tableInteraction: y.value,
 		codeBlock: M.value,
-		mermaid: re.value,
-		tableDebugSnapshot: ie.value
+		mermaid: ne.value,
+		tableDebugSnapshot: re.value
 	})), ge = {
 		closeSlashMenu: E,
-		focusFirstTableBodyCell: () => T.value ? xt(T.value) : !1,
+		focusFirstTableBodyCell: () => T.value ? St(T.value) : !1,
 		setContent: (e, t = {}) => {
 			if (!T.value) return !1;
-			let n = F(t.format);
+			let n = I(t.format);
 			return T.value.commands.setContent(e, {
 				contentType: P(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && xt(T.value), k(T.value), o.value && O(T.value), j(T.value), s.value += 1, !0;
+			}), t.focusFirstTableBodyCell && St(T.value), k(T.value), o.value && O(T.value), A(T.value), s.value += 1, !0;
 		}
 	};
 	function _e(e, t) {
-		if (!(!T.value || !o.value || !dt(e))) {
+		if (!(!T.value || !o.value || !ft(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				g.value = e;
 				return;
 			}
-			pt(T.value, d.value, e, t), d.value = vt(d.value, { type: "execute" }), E();
+			mt(T.value, d.value, e, t), d.value = yt(d.value, { type: "execute" }), E();
 		}
 	}
 	function ve(e) {
 		if (!T.value || g.value || !o.value) return;
-		let t = ft(d.value, me.value, e.key, { isComposing: e.isComposing || N(T.value.state) });
+		let t = pt(d.value, le.value, e.key, { isComposing: e.isComposing || ee(T.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				d.value = vt(d.value, { type: "escape" }), E();
+				d.value = yt(d.value, { type: "escape" }), E();
 				return;
 			}
 			if (t.type === "move-active") {
-				d.value = vt(d.value, {
+				d.value = yt(d.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
@@ -3391,36 +3424,36 @@ function Or(e = {}) {
 		a.value = l(e.mode), T.value && (T.value.setEditable(o.value), u(T.value, {
 			mode: a.value,
 			editable: o.value
-		}), st(T.value, o.value ? "live" : "view"), o.value || E());
+		}), ct(T.value, o.value ? "live" : "view"), o.value || E());
 	}, { immediate: !0 }), W(() => e.content, (t) => {
-		!T.value || t === void 0 || te(T.value, t, F(e.contentFormat)) || (x.value = !0, T.value.commands.setContent(t, {
-			contentType: P(F(e.contentFormat)),
+		!T.value || t === void 0 || F(T.value, t, I(e.contentFormat)) || (x.value = !0, T.value.commands.setContent(t, {
+			contentType: P(I(e.contentFormat)),
 			emitUpdate: !1
-		}), x.value = !1, k(T.value), o.value && O(T.value), j(T.value), s.value += 1);
-	}), W(he, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(ce, (t) => e.onTocChange?.(t), { immediate: !0 }), W(R, (e) => {
-		let t = pe(e, b.value);
+		}), x.value = !1, k(T.value), o.value && O(T.value), A(T.value), s.value += 1);
+	}), W(he, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(ae, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
+		let t = me(e, b.value);
 		b.value !== t && (b.value = t);
 	});
-	let be = null;
+	let ye = null;
 	return G(() => {
 		let e = () => {
-			if (!T.value || !R.value.length) {
+			if (!T.value || !z.value.length) {
 				b.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = de(T.value, R.value);
+				e = fe(T.value, z.value);
 			} catch {
 				return;
 			}
 			b.value !== e && (b.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = pr(T.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), be = () => {
+		}, t = () => window.requestAnimationFrame(e), n = hr(T.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), ye = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
 	}), K(() => {
-		be?.(), w.value?.destroy(), w.value = null;
+		ye?.(), w.value?.destroy(), w.value = null;
 	}), {
 		editor: T,
 		runtimeSnapshot: he,
@@ -3428,17 +3461,17 @@ function Or(e = {}) {
 		__render: {
 			messages: r,
 			effectiveEditable: o,
-			tableFocusState: ne,
+			tableFocusState: N,
 			tableInteractionState: y,
 			codeBlockState: M,
-			isCodeBlockActive: I,
+			isCodeBlockActive: L,
 			mermaidMode: _,
 			mathTarget: v,
 			setMermaidMode: (e) => {
 				_.value = e;
 			},
-			tocState: ce,
-			filteredSlashCommands: me,
+			tocState: ae,
+			filteredSlashCommands: le,
 			slashState: d,
 			slashMenuPosition: h,
 			slashInputCommand: g,
@@ -3450,7 +3483,7 @@ function Or(e = {}) {
 		}
 	};
 }
-var kr = J({
+var jr = J({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3543,7 +3576,7 @@ var kr = J({
 		}
 	},
 	setup(e) {
-		let t = Or(e);
+		let t = Ar(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
@@ -3554,16 +3587,16 @@ var kr = J({
 				"data-testid": "markweave-editor-frame",
 				"data-markweave-mode": t.runtimeSnapshot.value.mode,
 				"data-markweave-inner-toc": e.innerToc ? "true" : "false",
-				"data-markweave-inner-toc-placement": me(e.innerTocPlacement),
+				"data-markweave-inner-toc-placement": he(e.innerTocPlacement),
 				"data-mermaid-mode": t.runtimeSnapshot.value.mermaid.mode,
 				"data-table-focus-mode": i.tableFocusState.value.mode,
 				onKeydownCapture: i.handleEditorKeyDown
 			}, [
-				i.effectiveEditable.value ? B(xr, {
+				i.effectiveEditable.value ? B(Cr, {
 					editor: n,
 					messages: i.messages
 				}) : null,
-				i.effectiveEditable.value ? B(Cr, {
+				i.effectiveEditable.value ? B(Tr, {
 					commands: i.filteredSlashCommands.value,
 					state: i.slashState.value,
 					position: i.slashMenuPosition.value,
@@ -3573,7 +3606,7 @@ var kr = J({
 					onInputCommandChange: i.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				i.effectiveEditable.value ? B(wr, {
+				i.effectiveEditable.value ? B(Er, {
 					editor: n,
 					active: i.tableFocusState.value.active,
 					interactionState: i.tableInteractionState.value,
@@ -3582,11 +3615,11 @@ var kr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				i.effectiveEditable.value ? B(Tr, {
+				i.effectiveEditable.value ? B(Dr, {
 					editor: n,
 					focusState: i.tableFocusState.value
 				}) : null,
-				B(Er, {
+				B(Or, {
 					editor: n,
 					state: i.codeBlockState.value,
 					active: i.effectiveEditable.value && i.isCodeBlockActive.value,
@@ -3594,14 +3627,14 @@ var kr = J({
 					onMermaidModeChange: i.setMermaidMode,
 					readOnly: !i.effectiveEditable.value
 				}),
-				e.innerToc && i.tocState.value.items.length ? B(Dr, {
+				e.innerToc && i.tocState.value.items.length ? B(kr, {
 					editor: n,
 					state: i.tocState.value,
 					messages: i.messages,
 					editable: i.effectiveEditable.value,
-					placement: me(e.innerTocPlacement)
+					placement: he(e.innerTocPlacement)
 				}) : null,
-				i.effectiveEditable.value && i.mathTarget.value ? B(Sr, {
+				i.effectiveEditable.value && i.mathTarget.value ? B(wr, {
 					editor: n,
 					messages: i.messages,
 					target: i.mathTarget.value,
@@ -3613,4 +3646,4 @@ var kr = J({
 	}
 });
 //#endregion
-export { kr as MarkweaveEditor, lr as createMarkweaveEditorExtensions, lr as createMarkweaveVue2EditorExtensions, Or as useMarkweaveEditorController };
+export { jr as MarkweaveEditor, dr as createMarkweaveEditorExtensions, dr as createMarkweaveVue2EditorExtensions, Ar as useMarkweaveEditorController };