@markweave/vue2 0.1.0 → 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 I, getFloatingToolbarHighlightColorOptions as L, getFloatingToolbarMoreActions as R, getFloatingToolbarTextColorOptions as ne, getFloatingToolbarTurnIntoOptions as re, runFloatingToolbarMoreAction as z, setFloatingToolbarTurnInto as ie } from "markweave/internal/editor-core/floating-toolbar-model";
-import { openMarkweaveReadonlyLinkFromEvent as ae } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as oe } from "markweave/internal/editor-core/runtime-snapshot";
-import { createSelectionSnapshot as B, shouldShowFloatingToolbar as se } from "markweave/internal/editor-core/selection-state";
-import { createMarkweaveTocState as ce, emptyMarkweaveTocState as le, getActiveMarkweaveTocId as ue, getMarkweaveTocItems as de, getValidMarkweaveTocActiveId as fe, scrollToMarkweaveTocItem as pe } from "markweave/internal/core/toc-state";
-import { codeBlockCollapsePluginKey as me, copyActiveCodeBlock as he, getActiveCodeBlockState as ge, getCodeBlockCopyFeedbackSnapshot as _e, markweaveCodeBlockBehavior as ve, setCodeBlockCollapsedAtPosition as ye, setCodeBlockLanguageAtPosition as be, setCodeBlockMermaidPreviewModeAtPosition as xe } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { calculateCodeBlockLanguageMenuPosition as Se, clampFullscreenScale as Ce, codeBlockCopyFeedbackTimeoutMs as we, copyCodeBlockText as Te, createCodeBlockOverlayPosition as Ee, createMermaidFullscreenViewerState as De, createMermaidTabPosition as Oe, focusCodeBlockTarget as ke, formatCodeBlockLanguageLabel as Ae, formatFullscreenZoom as je, getActiveCodeBlockElement as Me, getAnchoredRect as Ne, getCodeBlockLanguageItems as Pe, getCodeBlockPositionFromEventTarget as Fe, getCodeBlockStateAtPosition as Ie, getFrameElement as Le, getMermaidCodeBlockTargets as Re, getMermaidSvgMarkup as ze, isCodeBlockTargetCollapsed as Be, mergeStableMermaidTabPositions as Ve, mermaidFullscreenZoomStep as He, moveMermaidFullscreenViewer as Ue } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { normalizeMarkdownLinkHref as We } from "markweave/internal/plugins/markdown/markdown-input";
-import { applyMarkweaveMathLatex as Ge, calculateMarkweaveMathPopoverPosition as Ke, getMarkweaveMathAnchorRect as qe, getMarkweaveMathBlockIndex as Je, getMarkweaveMathRenderedHtml as Ye, getMarkweaveMathTargetAtPos as Xe, getMarkweaveMathTargetFromDomEvent as Ze, getMarkweaveMathTargetFromSelection as Qe, renderMarkweaveMathPreview as $e, setMarkweaveMathEditingDomState as et, setMarkweaveMathEditingDomStateInView as tt, setMarkweaveMathSelectionInView as nt } from "markweave/internal/plugins/math/math-ui-model";
-import { isMermaidInlinePreviewTransaction as rt, setMermaidInlinePreviewEditorMode as it, setReadonlyMermaidPreviewMode as at } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as ot } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as st, isExecutableSlashCommand as ct } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as lt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as ut, getNextSlashCommandState as dt, getSlashCommandAnchoredMenuPosition as ft, getSlashCommandContext as pt } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as mt, reduceSlashCommandState as ht } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as gt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as _t } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as vt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as yt } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as bt, initialTableInteractionState as xt, tableInteractionPluginKey as St } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as Ct, calculateTableEdgeHandlePosition as wt, canRunTableCommand as Tt, executeTableMenuCommand as Et, formatTableCopyFeedback as Dt, getActiveTableElement as Ot, getAvailableCellMenuCommandSpecs as kt, getTableAxisTargetRect as At, getTableControlAxisSelectionModel as jt, getTableEditWithAiRequest as Mt, getTableMenuItemGroup as Nt, getTableMenuItemLabel as Pt, getTableMenuItems as Ft, getTableSelectionTargetRect as It, measureTableSelectionOverlay as Lt, selectTableAxisFromCell as Rt, tableCopyFeedbackTimeoutMs as zt, tableMenuLabel as Bt } from "markweave/internal/plugins/table/table-ui-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 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 Vt = o.default ?? o, Ht = null, Ut = null, Wt = null;
-function Gt(e) {
+var Gt = o.default ?? o, Kt = null, qt = null, Jt = null;
+function Yt(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function Kt(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 qt(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" && Gt(s)) {
+		if (o === "ref" && Yt(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -55,7 +56,7 @@ function qt(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[Kt(o)] = s;
+			i[Xt(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -66,14 +67,14 @@ function qt(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 Jt(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" && Gt(o)) {
+		if (a === "ref" && Yt(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -89,47 +90,47 @@ function Jt(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 Yt(e) {
+function $t(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function Xt(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 Zt(e) {
+function tn(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function Qt(e) {
-	return typeof e == "function" ? Zt(e()) : Yt(e) ? Zt(e.default()) : Xt(e) ? [e] : e;
+function nn(e) {
+	return typeof e == "function" ? tn(e()) : $t(e) ? tn(e.default()) : en(e) ? [e] : e;
 }
-function V(e, t, n) {
-	if (!Wt) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? qt(r) : Jt(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Qt(n);
-	return Wt(e, i, a);
+function B(e, t, n) {
+	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 H(e) {
-	return Vt.observable({ value: e });
+function V(e) {
+	return Gt.observable({ value: e });
 }
-var U = H;
-function W(e) {
+var H = V;
+function U(e) {
 	return { get value() {
 		return e();
 	} };
 }
-function G(e, t, n) {
+function W(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return Ht?.$watch ? Ht.$watch(r, t, n) : () => void 0;
+	return Kt?.$watch ? Kt.$watch(r, t, n) : () => void 0;
 }
-function $t(e) {
-	Ut?.mounted.push(e);
+function G(e) {
+	qt?.mounted.push(e);
 }
 function K(e) {
-	Ut?.beforeUnmount.push(e);
+	qt?.beforeUnmount.push(e);
 }
 function q(e) {
-	return Vt.nextTick(e);
+	return Gt.nextTick(e);
 }
 function J(e) {
-	return Vt.extend({
+	return Gt.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -137,12 +138,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			Ht = this, Ut = 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 {
-				Ht = null, Ut = null;
+				Kt = null, qt = null;
 			}
 		},
 		mounted() {
@@ -152,19 +153,19 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			Wt = t;
+			Jt = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				Wt = null;
+				Jt = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var en = {
+var rn = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1029,8 +1030,8 @@ var en = {
 		}]]
 	}
 };
-function tn(e) {
-	return e.map(([e, t]) => V(e, t));
+function an(e) {
+	return e.map(([e, t]) => B(e, t));
 }
 function Y(e) {
 	return J({
@@ -1050,8 +1051,8 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = en[e];
-			return () => V("svg", {
+			let n = rn[e];
+			return () => B("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
 				width: t.size,
@@ -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"
-			}, tn(n.node));
+			}, an(n.node));
 		}
 	});
 }
-var nn = Y("AlignCenter"), rn = Y("AlignJustify"), an = Y("AlignLeft"), on = Y("AlignRight"), sn = Y("AlertTriangle"), cn = Y("Bold"), ln = Y("Braces"), un = Y("Captions"), dn = Y("CheckCircle2"), fn = Y("ChevronDown"), pn = Y("ChevronUp"), mn = Y("CircleX"), hn = Y("Code2"), gn = Y("CornerDownLeft"), _n = Y("Download");
-Y("Eye");
-var vn = Y("ExternalLink"), yn = Y("Heading1"), bn = Y("Heading2"), xn = Y("Heading3"), Sn = Y("Image"), Cn = Y("ImageUp"), wn = Y("IndentDecrease"), Tn = Y("IndentIncrease"), En = Y("Info"), Dn = Y("Italic"), On = Y("Lightbulb"), kn = Y("Link2"), An = Y("List"), jn = Y("ListChecks"), Mn = Y("ListOrdered"), Nn = Y("Minus"), Pn = Y("MoreVertical"), Fn = 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 In = Y("Quote"), Ln = Y("Replace"), Rn = Y("Sigma"), zn = Y("SmilePlus"), Bn = Y("Strikethrough"), Vn = Y("Subscript"), Hn = Y("Superscript"), Un = Y("Table2"), Wn = Y("Text"), Gn = Y("Trash2"), Kn = Y("Type"), qn = Y("Underline"), Jn = Y("Upload"), Yn = Y("Video"), Xn = T;
-function Zn(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" ? {
@@ -1082,7 +1081,7 @@ function Zn(e) {
 			mode: "live",
 			editable: e.isEditable
 		} : s(e);
-	}, r = H(n()), i = d(e, () => {
+	}, r = V(n()), i = d(e, () => {
 		r.value = n();
 	}), a = typeof MutationObserver > "u" || !t ? null : new MutationObserver(() => {
 		r.value = n();
@@ -1094,21 +1093,21 @@ function Zn(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function Qn(e) {
+function nr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function $n(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 er(e, t) {
-	return V(e, {
+function ir(e, t) {
+	return B(e, {
 		size: 18,
 		strokeWidth: 1.8,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
 function X(e) {
-	return V("button", {
+	return B("button", {
 		type: "button",
 		"aria-label": e.label,
 		title: e.label,
@@ -1116,14 +1115,14 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [er(e.icon, e.label), V("span", {
+	}, [ir(e.icon, e.label), B("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function tr(e) {
-	let t = H(null), n = e.messages.image;
-	return V("section", {
+function ar(e) {
+	let t = V(null), n = e.messages.image;
+	return B("section", {
 		class: "markweave-image-upload-placeholder",
 		"data-testid": "markweave-image-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1141,7 +1140,7 @@ function tr(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		V("input", {
+		B("input", {
 			ref: t,
 			"data-testid": "markweave-image-file-input",
 			type: "file",
@@ -1152,20 +1151,20 @@ function tr(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		V("div", {
+		B("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [V(Cn, {
+		}, [B(Dn, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
-		V("div", { class: "markweave-image-upload-copy" }, [V("button", {
+		B("div", { class: "markweave-image-upload-copy" }, [B("button", {
 			type: "button",
 			onClick: () => t.value?.click()
-		}, n.clickToUpload), V("span", null, n.dragAndDrop)]),
-		V("div", { class: "markweave-image-upload-note" }, n.uploadNote),
-		V("div", { class: "markweave-image-upload-row" }, [
-			V("input", {
+		}, n.clickToUpload), B("span", null, n.dragAndDrop)]),
+		B("div", { class: "markweave-image-upload-note" }, n.uploadNote),
+		B("div", { class: "markweave-image-upload-row" }, [
+			B("input", {
 				"data-testid": "markweave-image-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1175,30 +1174,30 @@ function tr(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			V("button", {
+			B("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [V(Cn, {
+			}, [B(Dn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			V("button", {
+			B("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? V("div", {
+		e.error ? B("div", {
 			class: "markweave-image-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-function nr(e) {
-	let t = H(null), n = e.messages.video;
-	return V("section", {
+function or(e) {
+	let t = V(null), n = e.messages.video;
+	return B("section", {
 		class: "markweave-video-upload-placeholder",
 		"data-testid": "markweave-video-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1216,7 +1215,7 @@ function nr(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		V("input", {
+		B("input", {
 			ref: t,
 			"data-testid": "markweave-video-file-input",
 			type: "file",
@@ -1227,20 +1226,20 @@ function nr(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		V("div", {
+		B("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [V(Yn, {
+		}, [B($n, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
-		V("div", { class: "markweave-video-upload-copy" }, [V("button", {
+		B("div", { class: "markweave-video-upload-copy" }, [B("button", {
 			type: "button",
 			onClick: () => t.value?.click()
-		}, n.clickToUpload), V("span", null, n.dragAndDrop)]),
-		V("div", { class: "markweave-video-upload-note" }, n.uploadNote),
-		V("div", { class: "markweave-video-upload-row" }, [
-			V("input", {
+		}, n.clickToUpload), B("span", null, n.dragAndDrop)]),
+		B("div", { class: "markweave-video-upload-note" }, n.uploadNote),
+		B("div", { class: "markweave-video-upload-row" }, [
+			B("input", {
 				"data-testid": "markweave-video-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1250,28 +1249,28 @@ function nr(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			V("button", {
+			B("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [V(Jn, {
+			}, [B(Qn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			V("button", {
+			B("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? V("div", {
+		e.error ? B("div", {
 			class: "markweave-video-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-var rr = J({
+var sr = J({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1304,69 +1303,81 @@ var rr = J({
 		}
 	},
 	setup(e) {
-		let t = H(null), n = H(!1), r = H(!1), a = H(!1), o = H(""), s = H(null), l = H(!1), u = W(() => e.node.attrs), d = H(!!O(u.value.caption)), f = H(O(u.value.caption) ?? ""), m = Zn(e.editor), h = W(() => c(m.value)), g = W(() => e.extension.options?.messages ?? p("zh")), v = W(() => g.value.image), y = W(() => O(u.value.src)), S = W(() => Xn(u.value.align)), w = W(() => D(u.value.width)), T = W(() => O(u.value.caption)), E = W(() => h.value && (!y.value || r.value));
-		G(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 ? V(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"
-		}, () => tr({
-			messages: g.value,
+		}, () => ar({
+			messages: _.value,
 			inputValue: o.value,
 			error: s.value,
 			dragActive: a.value,
@@ -1374,19 +1385,19 @@ var rr = J({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: P,
-			onSubmit: ee,
-			onCancel: M,
+			onFile: F,
+			onSubmit: P,
+			onCancel: ee,
 			onDragActive: (e) => {
 				a.value = e;
 			}
-		})) : V(i, {
+		})) : B(i, {
 			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,129 +1406,151 @@ var rr = J({
 				n.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !Qn(e.target) && A();
+				g.value && !nr(e.target) && N();
 			}
 		}, () => [
-			h.value ? V("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: an,
-					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: nn,
-					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: on,
-					active: S.value === "right",
+					label: y.value.alignRight,
+					icon: ln,
+					active: C.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
-				V("span", {
+				B("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
 				X({
 					testId: "markweave-image-caption",
-					label: v.value.caption,
-					icon: un,
-					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: _n,
+					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: Ln,
+					label: y.value.replace,
+					icon: Vn,
 					onClick: () => {
 						o.value = "", s.value = null, r.value = !0;
 					}
 				}),
-				V("span", {
+				B("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
 				X({
 					testId: "markweave-image-delete",
-					label: v.value.delete,
-					icon: Gn,
+					label: y.value.delete,
+					icon: Yn,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
-			V("div", {
+			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 ? V("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
-				}) : V("div", {
+				}) : B("div", {
 					class: "markweave-image-readonly-empty",
 					"data-testid": "markweave-image-readonly-empty",
 					"aria-hidden": "true"
 				}),
-				h.value ? V("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 ? V("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) ? V("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 ? V("figcaption", {
+			}) : E.value ? B("figcaption", {
 				class: "markweave-image-caption",
 				"data-testid": "markweave-image-caption"
-			}, T.value) : null
+			}, E.value) : null
 		]);
 	}
-}), ir = J({
+}), cr = J({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1550,48 +1583,48 @@ var rr = J({
 		}
 	},
 	setup(e) {
-		let t = H(!1), n = H(""), r = H(null), a = H(!1), o = Zn(e.editor), s = W(() => c(o.value)), l = W(() => e.extension.options?.messages ?? p("zh")), u = W(() => l.value.video), d = W(() => e.node.attrs), f = W(() => O(d.value.src)), m = W(() => O(d.value.embedUrl)), h = W(() => O(d.value.provider)), g = W(() => m.value ? E(m.value, h.value) : null), _ = W(() => O(d.value.mimeType)), b = W(() => 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();
 		}, A = (t) => {
 			s.value && e.selected && (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.deleteNode());
 		};
-		return () => s.value && !f.value ? V(i, {
+		return () => s.value && !f.value ? B(i, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => nr({
+		}, () => or({
 			messages: l.value,
 			inputValue: n.value,
 			error: r.value,
@@ -1600,13 +1633,13 @@ var rr = J({
 			onInputValue: (e) => {
 				n.value = e;
 			},
-			onFile: D,
-			onSubmit: T,
+			onFile: E,
+			onSubmit: w,
 			onCancel: x,
 			onDragActive: (e) => {
 				t.value = e;
 			}
-		})) : V(i, {
+		})) : B(i, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
@@ -1615,46 +1648,46 @@ var rr = 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 && !$n(e.target) && (e.preventDefault(), k());
+				s.value && !rr(e.target) && (e.preventDefault(), O());
 			}
-		}, () => [g.value ? V("div", { class: "markweave-video-embed" }, [V("iframe", {
+		}, () => [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 ? V("button", {
+		}), s.value ? B("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
 			"aria-label": u.value.selectAriaLabel
-		}) : null]) : f.value ? V("div", { class: "markweave-video-box" }, [V("video", {
+		}) : 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
-		}), s.value ? V("button", {
+		}), s.value ? B("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
 			"aria-label": u.value.selectAriaLabel
-		}) : null]) : V("div", {
+		}) : null]) : B("div", {
 			class: "markweave-video-readonly-empty",
 			"data-testid": "markweave-video-readonly-empty",
 			"aria-hidden": "true"
 		})]);
 	}
-}), ar = h.extend({
+}), lr = g.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1663,9 +1696,9 @@ var rr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(rr, { stopEvent: ({ event: e }) => Qn(e.target) });
+		return typeof document > "u" ? null : a(sr, { stopEvent: ({ event: e }) => nr(e.target) });
 	}
-}), or = g.extend({
+}), ur = _.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1674,17 +1707,17 @@ var rr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(ir, { stopEvent: ({ event: e }) => $n(e.target) });
+		return typeof document > "u" ? null : a(cr, { stopEvent: ({ event: e }) => rr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function sr(n = {}) {
+function dr(n = {}) {
 	return e({
 		lang: n.lang,
 		mediaExtensions: t({
-			image: ar,
-			video: or,
+			image: lr,
+			video: ur,
 			lang: n.lang,
 			onImageUpload: n.onImageUpload,
 			onVideoUpload: n.onVideoUpload
@@ -1693,7 +1726,7 @@ function sr(n = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var cr = {
+var fr = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1701,17 +1734,17 @@ var cr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, lr = {
+}, pr = {
 	active: !1,
-	language: ve.defaultLanguage,
+	language: Se.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function ur(e) {
-	return St.getState(e.state) ?? xt;
+function mr(e) {
+	return Et.getState(e.state) ?? Tt;
 }
-function dr(e) {
+function hr(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1722,133 +1755,133 @@ function dr(e) {
 	return null;
 }
 function Z(e, t, n = 18, r = 1.8) {
-	return V(e, {
+	return B(e, {
 		size: n,
 		strokeWidth: r,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function fr(e) {
-	return e === "clipboard" ? [V("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" }), V("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" ? [V("circle", {
+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",
 		r: "5.5"
-	}), V("path", { d: "m14 14 4 4" })] : e === "check" ? [V("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
-		V("path", { d: "M8 4H4v4" }),
-		V("path", { d: "M4 4l5 5" }),
-		V("path", { d: "M16 4h4v4" }),
-		V("path", { d: "m20 4-5 5" }),
-		V("path", { d: "M8 20H4v-4" }),
-		V("path", { d: "m4 20 5-5" }),
-		V("path", { d: "M16 20h4v-4" }),
-		V("path", { d: "m20 20-5-5" })
+	}), B("path", { d: "m14 14 4 4" })] : e === "check" ? [B("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
+		B("path", { d: "M8 4H4v4" }),
+		B("path", { d: "M4 4l5 5" }),
+		B("path", { d: "M16 4h4v4" }),
+		B("path", { d: "m20 4-5 5" }),
+		B("path", { d: "M8 20H4v-4" }),
+		B("path", { d: "m4 20 5-5" }),
+		B("path", { d: "M16 20h4v-4" }),
+		B("path", { d: "m20 20-5-5" })
 	] : e === "download" ? [
-		V("path", { d: "M12 4v10" }),
-		V("path", { d: "m8 10 4 4 4-4" }),
-		V("path", { d: "M5 19h14" })
-	] : e === "close" ? [V("path", { d: "M6 6l12 12" }), V("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
-		V("circle", {
+		B("path", { d: "M12 4v10" }),
+		B("path", { d: "m8 10 4 4 4-4" }),
+		B("path", { d: "M5 19h14" })
+	] : e === "close" ? [B("path", { d: "M6 6l12 12" }), B("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
+		B("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		V("path", { d: "M7.5 10h5" }),
-		V("path", { d: "m14 14 4 4" })
+		B("path", { d: "M7.5 10h5" }),
+		B("path", { d: "m14 14 4 4" })
 	] : e === "zoomIn" ? [
-		V("circle", {
+		B("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		V("path", { d: "M7.5 10h5" }),
-		V("path", { d: "M10 7.5v5" }),
-		V("path", { d: "m14 14 4 4" })
-	] : e === "reset" ? [V("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), V("path", { d: "M6.5 8.5H3.5v-3" })] : [V("path", { d: "m6 9 6 6 6-6" })];
+		B("path", { d: "M7.5 10h5" }),
+		B("path", { d: "M10 7.5v5" }),
+		B("path", { d: "m14 14 4 4" })
+	] : e === "reset" ? [B("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), B("path", { d: "M6.5 8.5H3.5v-3" })] : [B("path", { d: "m6 9 6 6 6-6" })];
 }
 function Q(e) {
-	return V("svg", {
+	return B("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
 		focusable: "false"
-	}, V("g", {
+	}, B("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, fr(e)));
+	}, gr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function pr(e) {
-	let t = We(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 mr = {
-	bold: cn,
-	italic: Dn,
-	underline: qn,
-	strike: Bn,
-	"inline-code": hn,
-	link: kn,
-	more: Pn,
-	superscript: Hn,
-	subscript: Vn,
-	"inline-math": Rn,
-	"align-left": an,
-	"align-center": nn,
-	"align-right": on,
-	"align-justify": rn,
-	"decrease-indent": wn,
-	"increase-indent": Tn
-}, hr = {
-	type: Wn,
-	"heading-1": yn,
-	"heading-2": bn,
-	"heading-3": xn,
-	"bullet-list": An,
-	"ordered-list": Mn,
-	"task-list": jn,
-	blockquote: In,
-	"code-block": ln,
-	info: En,
-	tip: On,
-	warning: sn,
-	error: mn,
-	success: dn,
-	emoji: zn,
-	math: Rn,
-	table: Un,
-	separator: Nn,
-	image: Sn,
-	video: Yn,
-	attachment: Fn
+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 gr(e) {
-	let t = hr[e];
-	return V(t, {
+function br(e) {
+	let t = yr[e];
+	return B(t, {
 		size: 18,
 		strokeWidth: 1.6,
 		absoluteStrokeWidth: !0,
 		"aria-hidden": "true"
 	});
 }
-var _r = {
-	paragraph: Kn,
-	"heading-1": yn,
-	"heading-2": bn,
-	"heading-3": xn,
-	"bullet-list": An,
-	"numbered-list": Mn,
-	"todo-list": jn,
-	quote: In,
-	"code-block": ln
+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 vr(e, t) {
-	return I(e, t).label;
+function Sr(e, t) {
+	return L(e, t).label;
 }
-var yr = J({
+var Cr = J({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -1865,19 +1898,19 @@ var yr = J({
 		}
 	},
 	setup(e) {
-		let t = H(null), n = H(""), r = H(null), i = H(null), a = H(null), o = W(() => We(n.value.trim())), s = W(() => e.messages.floatingToolbar), c = W(() => re(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,
-			_r[e.id]
-		])), l = W(() => ne(e.messages).map((e) => [
+			xr[e.id]
+		])), l = U(() => re(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), u = W(() => L(e.messages).map((e) => [
+		])), u = U(() => R(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), d = W(() => R(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;
@@ -1894,7 +1927,7 @@ var yr = J({
 			let e = r.value;
 			if (!e || t.value !== null) return null;
 			let n = s.value.buttons[e];
-			return n ? V("div", {
+			return n ? B("div", {
 				class: "markweave-floating-toolbar-tooltip",
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
@@ -1902,7 +1935,7 @@ var yr = J({
 				"data-active": h(e),
 				style: i.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${i.value}px` }
 			}, n) : null;
-		}, v = (n, i, a, o, s = !1, c) => V("button", {
+		}, v = (n, i, a, o, s = !1, c) => B("button", {
 			type: "button",
 			class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
 			"aria-label": i,
@@ -1921,13 +1954,13 @@ var yr = J({
 			onMouseenter: (e) => g(n, e.currentTarget),
 			onMouseleave: () => g(null),
 			onClick: o
-		}, n === "block-type" ? [V("span", { class: "markweave-floating-toolbar-button-inner" }, [V("span", { class: "markweave-floating-toolbar-block-label" }, vr(e.editor, e.messages)), Z(t.value === "block-type" ? pn : fn, i)])] : n === "color" ? [V("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [V("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? pn : fn, i)])] : [Z(a, i)]), y = () => V("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) => V("section", {
+		}), b = (n, r, i) => B("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
-		}, [V("div", { class: "markweave-floating-toolbar-menu-title" }, n), V("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => V("button", {
+		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, n), B("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => B("button", {
 			key: `${r}-${n}`,
 			type: "button",
 			"aria-label": a,
@@ -1936,31 +1969,31 @@ var yr = J({
 			onClick: () => {
 				r === "text" ? i ? e.editor.chain().focus().setColor(i).run() : e.editor.chain().focus().unsetColor().run() : i ? e.editor.chain().focus().toggleHighlight({ color: i }).run() : e.editor.chain().focus().unsetHighlight().run(), t.value = null;
 			}
-		}, r === "text" ? [V("span", {
+		}, r === "text" ? [B("span", {
 			class: "markweave-floating-toolbar-text-swatch",
 			style: { color: i ?? "#646970" }
-		}, "A")] : [V("span", {
+		}, "A")] : [B("span", {
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), x = () => t.value === "block-type" ? V("div", {
+		})])))]), x = () => t.value === "block-type" ? B("div", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 			"data-testid": "markweave-floating-toolbar-turn-menu"
-		}, [V("div", { class: "markweave-floating-toolbar-menu-title" }, s.value.turnIntoTitle), ...c.value.map(([n, r, i]) => V("button", {
+		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, s.value.turnIntoTitle), ...c.value.map(([n, r, i]) => B("button", {
 			key: n,
 			type: "button",
 			"data-testid": `markweave-floating-toolbar-turn-${n}`,
 			onMousedown: $,
 			onClick: () => {
-				ie(e.editor, n), t.value = null;
+				ae(e.editor, n), t.value = null;
 			}
-		}, [V("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), V("span", null, r)]))]) : t.value === "link" ? V("form", {
+		}, [B("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), B("span", null, r)]))]) : t.value === "link" ? B("form", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
 			"data-testid": "markweave-floating-toolbar-link-popover",
 			onSubmit: (e) => {
 				e.preventDefault(), f();
 			}
-		}, [V("input", {
+		}, [B("input", {
 			value: n.value,
 			placeholder: s.value.linkPlaceholder,
 			"aria-label": s.value.linkUrlLabel,
@@ -1968,43 +2001,43 @@ var yr = J({
 			onInput: (e) => {
 				n.value = e.target.value;
 			}
-		}), V("span", { class: "markweave-floating-toolbar-link-actions" }, [
-			V("button", {
+		}), B("span", { class: "markweave-floating-toolbar-link-actions" }, [
+			B("button", {
 				type: "submit",
 				disabled: !o.value,
 				"aria-label": s.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(gn, s.value.applyLink)]),
-			V("span", {
+			}, [Z(yn, s.value.applyLink)]),
+			B("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
 			}),
-			V("button", {
+			B("button", {
 				type: "button",
 				disabled: !o.value,
 				"aria-label": s.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => pr(n.value)
-			}, [Z(vn, s.value.openLink)]),
-			V("button", {
+				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(Gn, s.value.removeLink)])
-		])]) : t.value === "color" ? V("div", {
+			}, [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"
-		}, [b(s.value.textColorTitle, "text", l.value), b(s.value.highlightColorTitle, "highlight", u.value)]) : t.value === "more" ? V("div", {
+		}, [b(s.value.textColorTitle, "text", l.value), b(s.value.highlightColorTitle, "highlight", u.value)]) : t.value === "more" ? B("div", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 			"data-testid": "markweave-floating-toolbar-more-menu"
-		}, d.value.map((n) => V("span", {
+		}, d.value.map((n) => B("span", {
 			key: n,
 			class: "markweave-floating-toolbar-more-item"
-		}, [V("button", {
+		}, [B("button", {
 			type: "button",
 			"aria-label": s.value.moreActions[n],
 			"data-testid": `markweave-floating-toolbar-more-${n}`,
@@ -2017,41 +2050,41 @@ var yr = J({
 				r.value = null;
 			},
 			onClick: () => {
-				z(e.editor, n), t.value = null;
+				ie(e.editor, n), t.value = null;
 			}
-		}, [Z(mr[n], s.value.moreActions[n])]), r.value === n ? V("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 () => V(M, {
+		return () => B(N, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && se(B(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && le(ce(e)),
 			options: { placement: "top" }
-		}, { default: () => V("div", {
+		}, { default: () => B("div", {
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
 			"data-testid": "markweave-floating-toolbar"
-		}, [V("div", {
+		}, [B("div", {
 			ref: a,
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			v("block-type", s.value.buttons["block-type"], Kn, () => 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, cn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			v("italic", s.value.buttons.italic, Dn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			v("underline", s.value.buttons.underline, qn, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			v("strike", s.value.buttons.strike, Bn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			v("inline-code", s.value.buttons["inline-code"], hn, () => 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, kn, () => m("link"), e.editor.isActive("link")),
-			v("color", s.value.buttons.color, Kn, () => 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, Pn, () => m("more"), t.value === "more"),
+			v("more", s.value.buttons.more, Rn, () => m("more"), t.value === "more"),
 			x(),
 			_()
 		])]) });
 	}
-}), br = J({
+}), wr = J({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2072,17 +2105,17 @@ var yr = J({
 		}
 	},
 	setup(e) {
-		let t = H(e.target.latex), n = U(null), r = H(null), i = H(null), a = U(Ye(e.editor, e.target)), o = W(() => 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
-		} : $e(t.value, e.target.kind, e.editor)), s = W(() => t.value.trim().length > 0), c = W(() => e.messages.math), l = W(() => Je(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 = qe(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 = Ke({
+			n.value = Xe({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2091,7 +2124,7 @@ var yr = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && Ge(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();
@@ -2102,14 +2135,14 @@ var yr = J({
 			let n = t.target;
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
-		return G(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = Ye(e.editor, e.target), q(u);
-		}), $t(() => {
-			et(e.editor, e.target, !0), u(), q(() => {
+		return W(() => [e.target.pos, e.target.latex], () => {
+			t.value = e.target.latex, a.value = $e(e.editor, e.target), q(u);
+		}), G(() => {
+			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(() => {
-			et(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,
@@ -2122,7 +2155,7 @@ var yr = J({
 				},
 				onKeydown: f
 			};
-			return e.target.kind === "inline" ? V("form", {
+			return e.target.kind === "inline" ? B("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--inline",
 				"aria-label": a,
@@ -2137,22 +2170,22 @@ var yr = J({
 				onSubmit: (e) => {
 					e.preventDefault(), d();
 				}
-			}, [V("label", {
+			}, [B("label", {
 				class: "markweave-math-inline-source",
 				"data-testid": "markweave-math-inline-source"
 			}, [
-				V("span", { attrs: { "aria-hidden": "true" } }, "$"),
-				V("input", {
+				B("span", { attrs: { "aria-hidden": "true" } }, "$"),
+				B("input", {
 					...u,
 					"aria-label": c.value.latexLabel,
 					size: Math.max(t.value.length, 1)
 				}),
-				V("span", { attrs: { "aria-hidden": "true" } }, "$")
-			]), V("div", {
+				B("span", { attrs: { "aria-hidden": "true" } }, "$")
+			]), B("div", {
 				class: "markweave-math-inline-preview",
 				"data-error": o.value.error ? "true" : "false",
 				"data-testid": "markweave-math-editor-preview"
-			}, [V("div", { innerHTML: o.value.html || " " }), o.value.error ? V("small", null, c.value.invalidPreview) : null])]) : V("form", {
+			}, [B("div", { innerHTML: o.value.html || " " }), o.value.error ? B("small", null, c.value.invalidPreview) : null])]) : B("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--block",
 				"aria-label": a,
@@ -2168,39 +2201,39 @@ var yr = J({
 					e.preventDefault(), d();
 				}
 			}, [
-				V("div", { class: "markweave-math-block-toolbar" }, [
-					V("span", null, c.value.label),
-					Z(hn, c.value.label, 15, 1.75),
-					V("button", {
+				B("div", { class: "markweave-math-block-toolbar" }, [
+					B("span", null, c.value.label),
+					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(dn, c.value.apply, 16, 2)])
+					}, [Z(mn, c.value.apply, 16, 2)])
 				]),
-				V("label", {
+				B("label", {
 					class: "markweave-math-block-source",
 					"data-testid": "markweave-math-block-source"
 				}, [
-					V("span", { attrs: { "aria-hidden": "true" } }, "$$"),
-					V("textarea", {
+					B("span", { attrs: { "aria-hidden": "true" } }, "$$"),
+					B("textarea", {
 						...u,
 						"aria-label": c.value.latexLabel,
 						rows: 3
 					}),
-					V("span", { attrs: { "aria-hidden": "true" } }, "$$")
+					B("span", { attrs: { "aria-hidden": "true" } }, "$$")
 				]),
-				V("div", {
+				B("div", {
 					class: "markweave-math-block-preview",
 					"data-error": o.value.error ? "true" : "false",
 					"data-math-number": String(l.value),
 					"data-testid": "markweave-math-editor-preview"
-				}, [V("div", { innerHTML: o.value.html || " " }), o.value.error ? V("small", null, c.value.invalidPreview) : null])
+				}, [B("div", { innerHTML: o.value.html || " " }), o.value.error ? B("small", null, c.value.invalidPreview) : null])
 			]);
 		};
 	}
-}), xr = J({
+}), Tr = J({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2237,7 +2270,7 @@ var yr = J({
 		}
 	},
 	setup(e) {
-		let t = H(""), n = H(null), r = H(null), i = H(!1), a = H(""), o = H(0), s = W(() => {
+		let t = V(""), n = V(null), r = V(null), i = V(!1), a = V(""), o = V(0), s = U(() => {
 			let t = a.value.trim().toLowerCase();
 			return (t ? e.messages.slash.emojiItems.filter((e) => [
 				e.emoji,
@@ -2259,13 +2292,13 @@ var yr = 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;
@@ -2292,32 +2325,32 @@ var yr = J({
 				group: t,
 				commands: e.commands.filter((e) => e.group === t)
 			})).filter((e) => e.commands.length);
-			return V("div", {
+			return B("div", {
 				class: "markweave-slash-layer",
 				style: { display: "contents" },
 				"data-testid": "markweave-slash-layer"
-			}, [V("div", {
+			}, [B("div", {
 				class: "markweave-slash-trigger",
 				style: d,
 				"aria-hidden": "true",
 				"data-testid": "markweave-slash-trigger"
-			}, [V("span", null, "/"), V("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), V("div", {
+			}, [B("span", null, "/"), B("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), B("div", {
 				class: "markweave-slash-menu",
 				style: u,
 				role: "listbox",
 				"aria-label": e.messages.slash.ariaLabel,
 				"data-placement": e.position.placement,
 				"data-testid": "markweave-slash-menu"
-			}, [e.inputCommand?.inputKind === "emoji" ? V("div", {
+			}, [e.inputCommand?.inputKind === "emoji" ? B("div", {
 				class: "markweave-slash-subpanel",
 				"data-testid": "markweave-slash-emoji-picker"
 			}, [
-				V("div", { class: "markweave-slash-subpanel-header" }, [V("button", {
+				B("div", { class: "markweave-slash-subpanel-header" }, [B("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), V("span", null, e.messages.slash.emojiTitle)]),
-				V("label", { class: "markweave-slash-input" }, [V("span", null, "/"), V("input", {
+				}, e.messages.common.back), B("span", null, e.messages.slash.emojiTitle)]),
+				B("label", { class: "markweave-slash-input" }, [B("span", null, "/"), B("input", {
 					autofocus: !0,
 					value: a.value,
 					placeholder: e.messages.slash.emojiSearchPlaceholder,
@@ -2328,11 +2361,11 @@ var yr = J({
 						t.key === "Escape" ? (t.preventDefault(), e.onInputCommandChange(null)) : t.key === "ArrowDown" ? (t.preventDefault(), o.value = s.value.length ? (o.value + 1) % s.value.length : 0) : t.key === "ArrowUp" ? (t.preventDefault(), o.value = s.value.length ? (o.value - 1 + s.value.length) % s.value.length : 0) : (t.key === "Enter" || t.key === "Tab") && (t.preventDefault(), l(o.value));
 					}
 				})]),
-				V("div", {
+				B("div", {
 					class: "markweave-slash-emoji-grid",
 					role: "listbox",
 					"aria-label": e.messages.slash.emojiTitle
-				}, s.value.map((e, t) => V("button", {
+				}, s.value.map((e, t) => B("button", {
 					key: `${e.emoji}-${e.label}`,
 					type: "button",
 					role: "option",
@@ -2341,17 +2374,17 @@ var yr = J({
 					onMouseenter: () => o.value = t,
 					onMousedown: $,
 					onClick: () => l(t)
-				}, [V("span", null, e.emoji), V("small", null, e.label)])))
-			]) : e.inputCommand?.inputKind === "upload" ? V("div", {
+				}, [B("span", null, e.emoji), B("small", null, e.label)])))
+			]) : e.inputCommand?.inputKind === "upload" ? B("div", {
 				class: "markweave-slash-subpanel",
 				"data-testid": "markweave-slash-upload-panel"
 			}, [
-				V("div", { class: "markweave-slash-upload-header" }, [V("button", {
+				B("div", { class: "markweave-slash-upload-header" }, [B("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), V("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
-				V("label", { class: "markweave-slash-upload-field" }, [V("span", null, e.messages.slash.uploadValueLabel), V("input", {
+				}, e.messages.common.back), B("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
+				B("label", { class: "markweave-slash-upload-field" }, [B("span", null, e.messages.slash.uploadValueLabel), B("input", {
 					autofocus: !0,
 					value: t.value,
 					placeholder: e.messages.slash.uploadValuePlaceholder,
@@ -2362,32 +2395,32 @@ var yr = J({
 						e.key === "Enter" && (e.preventDefault(), c());
 					}
 				})]),
-				V("label", { class: "markweave-slash-upload-field" }, [V("span", null, e.messages.common.file), V("input", {
+				B("label", { class: "markweave-slash-upload-field" }, [B("span", null, e.messages.common.file), B("input", {
 					type: "file",
 					onChange: (e) => n.value = e.target.files?.[0] ?? null
 				})]),
-				r.value ? V("div", {
+				r.value ? B("div", {
 					class: "markweave-slash-upload-error",
 					role: "alert"
 				}, r.value) : null,
-				V("div", { class: "markweave-slash-upload-actions" }, [V("button", {
+				B("div", { class: "markweave-slash-upload-actions" }, [B("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.cancel), V("button", {
+				}, e.messages.common.cancel), B("button", {
 					type: "button",
 					"data-primary": "true",
 					disabled: i.value,
 					onMousedown: $,
 					onClick: c
 				}, e.messages.common.insert)])
-			]) : e.commands.length ? V("div", { class: "markweave-slash-command-list" }, f.map((t) => V("section", {
+			]) : e.commands.length ? B("div", { class: "markweave-slash-command-list" }, f.map((t) => B("section", {
 				key: t.group,
 				class: "markweave-slash-group",
 				"aria-label": t.group
-			}, [V("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
-				let n = e.commands.indexOf(t) === e.state.activeIndex, r = ct(t);
-				return V("button", {
+			}, [B("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
+				let n = e.commands.indexOf(t) === e.state.activeIndex, r = ft(t);
+				return B("button", {
 					key: t.id,
 					type: "button",
 					role: "option",
@@ -2409,18 +2442,18 @@ var yr = J({
 						}
 					}
 				}, [
-					gr(t.icon),
-					V("span", null, t.label),
-					t.disabledReason ? V("small", null, t.disabledReason) : null
+					br(t.icon),
+					B("span", null, t.label),
+					t.disabledReason ? B("small", null, t.disabledReason) : null
 				]);
-			})]))) : V("div", {
+			})]))) : B("div", {
 				class: "markweave-slash-menu__empty",
 				role: "option",
 				"aria-disabled": "true"
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Sr = J({
+}), Er = J({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2453,12 +2486,12 @@ var yr = J({
 		}
 	},
 	setup(e) {
-		let t = H(null), n = H("row-edge"), r = H(null), i = H(null), a = H(null), o = H(null), s = H(null), c = H(null), l = H(null), u = H(null), d = H(null), f = H(null), p = null, m = W(() => e.active ? yt(e.editor.state) : cr), h = W(() => jt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = W(() => jt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = W(() => kt(e.editor)), v = W(() => _.value.length > 0), y = W(() => t.value ? Ft(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;
-			}, zt));
+			}, Ut));
 		}, S = () => {
 			if (!e.active) {
 				r.value = null, i.value = null, a.value = null, x(null);
@@ -2469,16 +2502,16 @@ var yr = J({
 				r.value = null, i.value = null, a.value = null;
 				return;
 			}
-			let s = o.getBoundingClientRect(), c = h.value ? At(e.editor, h.value) : null, l = g.value ? At(e.editor, g.value) : null, u = v.value ? It(e.editor) : null;
-			c ? r.value = wt({
+			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 = wt({
+			}) : 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 = wt({
+			}) : 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 yr = J({
 				o.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? Ot(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 = Ct({
+			o.value = Dt({
 				anchorRect: c,
 				frameRect: p,
 				menuSize: {
@@ -2516,16 +2549,16 @@ var yr = J({
 			let i = t.value === e && n.value === r;
 			n.value = r, t.value = i ? null : e, T();
 		}, D = () => {
-			e.editor.view.dispatch(gt(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 && Rt(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 Et({
+			let i = await At({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
@@ -2533,18 +2566,18 @@ var yr = 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 = Mt(e.editor, t);
+			let n = It(e.editor, t);
 			n && e.onEditWithAi?.(n), A(!0);
 		}, N = (e) => {
 			!t.value || e.key !== "Escape" || A(!0);
 		}, ee = (e) => {
 			t.value && (e.target instanceof Node && c.value?.contains(e.target) || A());
 		};
-		$t(() => {
+		G(() => {
 			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", N), document.addEventListener("mousedown", ee);
 		}), K(() => {
 			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", N), document.removeEventListener("mousedown", ee);
-		}), G(() => [
+		}), W(() => [
 			e.active,
 			m.value.activeCellPos,
 			m.value.selectionFrom,
@@ -2555,11 +2588,11 @@ var yr = J({
 			t.value,
 			n.value
 		], T, { flush: "post" });
-		let P = () => t.value ? V("div", {
+		let te = () => t.value ? B("div", {
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
-			"aria-label": Bt(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,8 +2600,8 @@ var yr = J({
 				top: `${o.value.top}px`
 			} : void 0
 		}, y.value.map((n, r) => {
-			let i = Nt(n), a = r === 0 ? i : Nt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Tt(e.editor, n.commandId), c = Pt(n, e.messages);
-			return V("button", {
+			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",
 				role: "menuitem",
@@ -2591,7 +2624,7 @@ var yr = J({
 				}
 			}, c);
 		})) : null;
-		return () => e.active ? V("div", {
+		return () => e.active ? B("div", {
 			ref: c,
 			class: "markweave-table-controls",
 			"data-testid": "markweave-table-controls",
@@ -2599,7 +2632,7 @@ var yr = J({
 			"data-open-menu": t.value ?? "none",
 			"data-positioned": r.value || i.value || a.value ? "true" : "false"
 		}, [
-			s.value ? V("div", {
+			s.value ? B("div", {
 				class: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
@@ -2607,8 +2640,8 @@ var yr = J({
 				"data-copy-kind": s.value.kind,
 				"data-text-length": s.value.textLength,
 				"data-html-length": s.value.htmlLength
-			}, Dt(s.value)) : null,
-			r.value ? V("button", {
+			}, jt(s.value)) : null,
+			r.value ? B("button", {
 				ref: l,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--row",
@@ -2627,8 +2660,8 @@ var yr = J({
 				},
 				onMousedown: $,
 				onClick: () => O("row", "row-edge")
-			}, [V("span", { "aria-hidden": "true" }, "...")]) : null,
-			i.value ? V("button", {
+			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
+			i.value ? B("button", {
 				ref: u,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--column",
@@ -2647,8 +2680,8 @@ var yr = J({
 				},
 				onMousedown: $,
 				onClick: () => O("column", "column-edge")
-			}, [V("span", { "aria-hidden": "true" }, "...")]) : null,
-			v.value && a.value ? V("button", {
+			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
+			v.value && a.value ? B("button", {
 				ref: d,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -2663,11 +2696,11 @@ var yr = J({
 				},
 				onMousedown: $,
 				onClick: k
-			}, [V("span", { "aria-hidden": "true" }, "...")]) : null,
-			P()
+			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
+			te()
 		]) : null;
 	}
-}), Cr = J({
+}), Dr = J({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2680,18 +2713,18 @@ var yr = J({
 		}
 	},
 	setup(e) {
-		let t = H(null), n = () => {
+		let t = V(null), n = () => {
 			if (e.focusState.mode !== "cell-selection") {
 				t.value = null;
 				return;
 			}
-			t.value = Lt(e.editor, bt(e.editor.state));
+			t.value = Vt(e.editor, wt(e.editor.state));
 		};
-		return $t(() => {
+		return G(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
 		}), K(() => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-		}), G(() => [
+		}), W(() => [
 			e.focusState.activeCellPos,
 			e.focusState.anchorCellPos,
 			e.focusState.mode,
@@ -2702,7 +2735,7 @@ var yr = J({
 			q(n);
 		}, { flush: "post" }), () => {
 			let e = t.value;
-			return e ? V("div", {
+			return e ? B("div", {
 				"aria-hidden": "true",
 				class: "markweave-table-selection-overlay",
 				"data-anchor-cell-pos": e.anchorCellPos ?? "",
@@ -2723,7 +2756,7 @@ var yr = J({
 			}) : null;
 		};
 	}
-}), wr = J({
+}), Or = J({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -2752,20 +2785,20 @@ var yr = J({
 		}
 	},
 	setup(e) {
-		let t = H(null), n = H(null), r = H(null), i = H(null), a = H(null), o = H([]), s = H(null), c = H(!1), l = H(""), u = H(null), d = H(!1), f = H(null), p = H(null), m = H(!1), h = H({
+		let t = V(null), n = V(null), r = V(null), i = V(null), a = V(null), o = V([]), s = V(null), c = V(!1), l = V(""), u = V(null), d = V(!1), f = V(null), p = V(null), m = V(!1), h = V({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), g = H(0), _ = H(0), v = H(0), y = null, b = W(() => (v.value, Ie(e.editor, i.value))), x = W(() => !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 = W(() => b.value ?? x.value), C = W(() => S.value !== null), w = W(() => S.value?.language === "mermaid"), T = W(() => Be(e.editor, S.value)), E = W(() => C.value && S.value !== null && !T.value), D = W(() => !e.readOnly), O = W(() => S.value ? Ae(S.value.language) : Ae("text")), k = W(() => u.value?.status ?? "idle"), A = W(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = W(() => w.value && A.value === "preview"), M = W(() => (v.value, g.value, _.value, Re(e.editor))), N = W(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = W(() => Pe(l.value)), P = W(() => 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;
-			}, we));
+			}, Oe));
 		}, I = () => {
 			f.value = null, p.value = null, m.value = !1, h.value = {
 				active: !1,
@@ -2775,15 +2808,15 @@ var yr = J({
 		}, L = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!Le(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 = Ne(Me(e.editor, t.pos, t.mermaidPreviewMode), r);
-				return n ? [Oe(t, n, r)] : [];
+				let n = Le(Ie(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [Me(t, n, r)] : [];
 			});
-			o.value = Ve(o.value, i, M.value.map((e) => e.pos));
+			o.value = Ge(o.value, i, M.value.map((e) => e.pos));
 		}, R = () => {
 			if (!E.value || !S.value) {
 				a.value = null, s.value = null;
@@ -2791,14 +2824,14 @@ var yr = J({
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = Me(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = Ne(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 = Ee(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 = Se({
+				s.value = Ee({
 					overlayRect: o,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -2808,60 +2841,60 @@ var yr = J({
 		}, ne = async () => {
 			if (e.readOnly) {
 				if (!S.value) return;
-				let e = await Te(S.value.text);
-				F(_e(S.value, e ? "copied" : "failed"));
+				let e = await ke(S.value.text);
+				F(xe(S.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!ke(e.editor, S.value)) return;
-			let t = await he(e.editor);
-			F(_e(ge(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+			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) {
-				at(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;
-			xe(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
+			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;
-			be(e.editor, S.value.pos, t) && (t === "mermaid" && xe(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 || ye(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+			e.readOnly || !S.value || Ce(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
 		}, ae = () => {
 			if (!S.value) return;
-			let t = ze(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();
 		}, oe = () => {
 			if (!S.value) return;
-			let t = ze(e.editor, S.value.pos);
-			t && (f.value = De(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
 			});
-		}, B = (e) => {
+		}, se = (e) => {
 			f.value = f.value ? {
 				...f.value,
-				scale: Ce(f.value.scale + e)
+				scale: De(f.value.scale + e)
 			} : null;
-		}, se = () => {
-			f.value = f.value ? De(f.value.svg) : null, h.value = {
+		}, ce = () => {
+			f.value = f.value ? je(f.value.svg) : null, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, m.value = !1;
-		}, ce = (e) => {
-			e.preventDefault(), B(e.deltaY < 0 ? He : -He);
 		}, le = (e) => {
+			e.preventDefault(), se(e.deltaY < 0 ? Ke : -Ke);
+		}, ue = (e) => {
 			e.button === 0 && (e.preventDefault(), h.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, m.value = !0);
-		}, ue = (e) => {
+		}, de = (e) => {
 			let t = h.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -2869,21 +2902,21 @@ var yr = J({
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = Ue(f.value, n, r);
-		}, de = () => {
+			}, f.value = qe(f.value, n, r);
+		}, fe = () => {
 			h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, m.value = !1;
 		};
-		G(() => e.readOnly, (e) => {
+		W(() => e.readOnly, (e) => {
 			e && (c.value = !1, l.value = "");
-		}), G(P, () => {
+		}), W(te, () => {
 			F(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
-		}), G(c, async (e) => {
+		}), W(c, async (e) => {
 			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
-		}), G(() => [
+		}), W(() => [
 			E.value,
 			g.value,
 			S.value?.pos ?? null,
@@ -2894,18 +2927,18 @@ var yr = J({
 		}, {
 			flush: "post",
 			immediate: !0
-		}), G(N, async () => {
+		}), W(N, async () => {
 			await q(), L(), window.requestAnimationFrame(L);
 		}, {
 			flush: "post",
 			immediate: !0
 		});
-		let fe = null;
-		return $t(() => {
+		let pe = null;
+		return G(() => {
 			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 = Fe(e.editor, n.target), a = Ie(e.editor, r), o = a && !Be(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);
@@ -2920,14 +2953,14 @@ var yr = J({
 				}, s = (e) => {
 					c.value && (e.target instanceof Node && t.value?.contains(e.target) || (c.value = !1));
 				}, l = ({ transaction: e }) => {
-					e.getMeta(me) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(me) || rt(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", 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), fe = () => {
-					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?.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(() => {
-			fe?.(), fe = null, te();
+			pe?.(), pe = null, P();
 		}), () => {
 			if (!E.value && M.value.length === 0 && !f.value) return null;
 			let i = a.value ? {
@@ -2937,7 +2970,7 @@ var yr = J({
 				left: `${s.value.left}px`,
 				top: `${s.value.top}px`
 			} : void 0;
-			return V("div", {
+			return B("div", {
 				ref: t,
 				class: "markweave-codeblock-overlay",
 				"data-testid": "markweave-codeblock-overlay",
@@ -2945,7 +2978,7 @@ var yr = J({
 			}, [
 				...M.value.map((e) => {
 					let t = o.value.find((t) => t.pos === e.pos);
-					return V("div", {
+					return B("div", {
 						key: e.pos,
 						class: "markweave-mermaid-tabs",
 						"data-testid": "markweave-mermaid-tabs",
@@ -2955,7 +2988,7 @@ var yr = J({
 							top: `${t.top}px`,
 							left: `${t.left}px`
 						} : void 0
-					}, ["code", "preview"].map((t) => V("button", {
+					}, ["code", "preview"].map((t) => B("button", {
 						key: t,
 						type: "button",
 						"data-testid": `markweave-mermaid-mode-${t}`,
@@ -2964,7 +2997,7 @@ var yr = J({
 						onClick: () => re(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
-				E.value && S.value ? V("div", {
+				E.value && S.value ? B("div", {
 					class: "markweave-codeblock-controls",
 					"data-testid": "markweave-codeblock-controls",
 					"data-positioned": a.value ? "true" : "false",
@@ -2973,11 +3006,11 @@ var yr = J({
 					"aria-label": "Code block controls",
 					style: i
 				}, [
-					e.readOnly ? V("span", {
+					e.readOnly ? B("span", {
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [V("span", null, O.value)]) : V("button", {
+					}, [B("span", null, O.value)]) : B("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
@@ -2989,8 +3022,8 @@ var yr = J({
 						onClick: () => {
 							c.value = !c.value;
 						}
-					}, [V("span", null, O.value), Q("chevron")]),
-					D.value ? V("button", {
+					}, [B("span", null, O.value), Q("chevron")]),
+					D.value ? B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
 						"aria-label": T.value ? "Expand code block" : "Collapse code block",
@@ -3000,7 +3033,7 @@ var yr = J({
 						onMousedown: $,
 						onClick: ie
 					}, [Q("chevron")]) : null,
-					V("span", { class: "markweave-codeblock-copy-wrap" }, [V("button", {
+					B("span", { class: "markweave-codeblock-copy-wrap" }, [B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Copy to clipboard",
@@ -3022,15 +3055,15 @@ var yr = J({
 						onClick: () => {
 							ne();
 						}
-					}, [Q(k.value === "copied" ? "check" : "clipboard")]), d.value ? V("span", {
+					}, [Q(k.value === "copied" ? "check" : "clipboard")]), d.value ? B("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					w.value && A.value === "preview" ? V("div", {
+					w.value && A.value === "preview" ? B("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
-					}, [V("button", {
+					}, [B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Fullscreen Mermaid preview",
@@ -3038,7 +3071,7 @@ var yr = J({
 						disabled: !j.value,
 						onMousedown: $,
 						onClick: oe
-					}, [Q("expand")]), V("button", {
+					}, [Q("expand")]), B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
@@ -3048,14 +3081,14 @@ var yr = J({
 						onClick: ae
 					}, [Q("download")])]) : null
 				]) : null,
-				D.value && E.value && c.value && S.value ? V("div", {
+				D.value && E.value && c.value && S.value ? B("div", {
 					class: "markweave-codeblock-language-menu",
 					role: "listbox",
 					"aria-label": "Code block languages",
 					"data-testid": "markweave-codeblock-language-menu",
 					"data-positioned": s.value ? "true" : "false",
 					style: u
-				}, [V("label", { class: "markweave-codeblock-language-search" }, [V("input", {
+				}, [B("label", { class: "markweave-codeblock-language-search" }, [B("input", {
 					ref: r,
 					value: l.value,
 					placeholder: "Search...",
@@ -3066,9 +3099,9 @@ var yr = J({
 					onKeydown: (t) => {
 						t.key === "Escape" && (t.preventDefault(), c.value = !1, e.editor.view.focus());
 					}
-				}), Q("search")]), V("div", { class: "markweave-codeblock-language-list" }, ee.value.map((e) => {
+				}), Q("search")]), B("div", { class: "markweave-codeblock-language-list" }, ee.value.map((e) => {
 					let t = S.value?.language === e.language;
-					return V("button", {
+					return B("button", {
 						key: e.language,
 						type: "button",
 						role: "option",
@@ -3077,20 +3110,20 @@ var yr = J({
 						"data-active": t ? "true" : "false",
 						onMousedown: $,
 						onClick: () => z(e.language)
-					}, [V("span", null, e.label), t ? Q("check") : null]);
+					}, [B("span", null, e.label), t ? Q("check") : null]);
 				}))]) : null,
-				f.value ? V("div", {
+				f.value ? B("div", {
 					class: "markweave-mermaid-fullscreen-layer",
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": "Mermaid preview",
 					"data-testid": "markweave-mermaid-fullscreen-layer"
 				}, [
-					V("div", {
+					B("div", {
 						class: "markweave-mermaid-fullscreen-toolbar",
 						"data-testid": "markweave-mermaid-fullscreen-toolbar"
 					}, [
-						V("button", {
+						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom out",
@@ -3107,13 +3140,13 @@ var yr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => B(-He)
+							onClick: () => se(-Ke)
 						}, [Q("zoomOut")]),
-						V("span", {
+						B("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, je(f.value.scale)),
-						V("button", {
+						}, Fe(f.value.scale)),
+						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom in",
@@ -3130,9 +3163,9 @@ var yr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => B(He)
+							onClick: () => se(Ke)
 						}, [Q("zoomIn")]),
-						V("button", {
+						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Reset zoom",
@@ -3149,31 +3182,31 @@ var yr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: se
+							onClick: ce
 						}, [Q("reset")]),
-						p.value ? V("span", {
+						p.value ? B("span", {
 							class: "markweave-mermaid-fullscreen-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-mermaid-fullscreen-tooltip"
 						}, p.value === "zoom-out" ? "Zoom out" : p.value === "zoom-in" ? "Zoom in" : "Reset") : null
 					]),
-					V("button", {
+					B("button", {
 						type: "button",
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
 						onClick: I
 					}, [Q("close")]),
-					V("div", {
+					B("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": m.value ? "true" : "false",
-						onWheel: ce,
-						onMousedown: le,
-						onMousemove: ue,
-						onMouseup: de,
-						onMouseleave: de
-					}, [V("div", {
+						onWheel: le,
+						onMousedown: ue,
+						onMousemove: de,
+						onMouseup: fe,
+						onMouseleave: fe
+					}, [B("div", {
 						class: "markweave-mermaid-fullscreen-content",
 						"data-testid": "markweave-mermaid-fullscreen-content",
 						"data-scale-percent": Math.round(f.value.scale * 100),
@@ -3189,7 +3222,7 @@ var yr = J({
 			]);
 		};
 	}
-}), Tr = J({
+}), kr = J({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3207,21 +3240,29 @@ var yr = J({
 		editable: {
 			type: Boolean,
 			required: !0
+		},
+		placement: {
+			type: String,
+			required: !0
 		}
 	},
 	setup(e) {
-		return () => e.state.items.length ? V("nav", {
+		let t = V(null), n, r = () => {
+			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,
 			class: "markweave-inner-toc",
 			"data-testid": "markweave-inner-toc",
 			"aria-label": e.messages.toc.ariaLabel
-		}, [V("div", {
+		}, [B("div", {
 			class: "markweave-inner-toc-rail",
 			"aria-hidden": "true"
-		}, e.state.items.map((e) => V("span", {
+		}, e.state.items.map((e) => B("span", {
 			key: e.id,
 			"data-level": e.level,
 			"data-active": e.active ? "true" : "false"
-		}))), V("div", { class: "markweave-inner-toc-panel" }, [V("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => V("button", {
+		}))), B("div", { class: "markweave-inner-toc-panel" }, [B("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => B("button", {
 			key: t.id,
 			type: "button",
 			class: "markweave-inner-toc-item",
@@ -3230,20 +3271,20 @@ var yr = J({
 			"aria-current": t.active ? "location" : void 0,
 			"aria-label": `${e.messages.toc.itemAriaLabel}: ${t.text}`,
 			title: t.text,
-			onClick: () => pe(e.editor, t, {
+			onClick: () => _e(e.editor, t, {
 				behavior: "smooth",
 				focus: e.editable
 			})
 		}, t.text)))])]) : null;
 	}
 });
-function Er(e = {}) {
-	let t = m(e.lang), r = p(t), i = f(t), a = H(l(e.mode)), o = W(() => a.value === "live" && e.editable !== !1), s = H(0), c = U(null), d = H(mt), h = U(null), g = U(null), _ = H("code"), v = U(null), y = U(xt), b = H(null), x = H(!1), S = F(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), C = e.onSlashCommandUpload, w = U(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: sr({
+		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),
@@ -3259,17 +3300,17 @@ function Er(e = {}) {
 				translate: "no"
 			},
 			handleClick: (e, t, n) => {
-				if (!o.value) return ae(n);
-				let r = Ze(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), E(), tt(e, r, !0), nt(e, r), v.value = r, !0) : (v.value = null, !1);
+				if (!o.value) return oe(n);
+				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 = ht(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 ae(t);
-					let n = Ze(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), E(), tt(e, n, !0), nt(e, n), v.value = n, !0) : (v.value = null, !1);
+					if (!o.value) return oe(t);
+					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);
 				}
 			}
 		},
@@ -3278,98 +3319,98 @@ function Er(e = {}) {
 			u(t, {
 				mode: a.value,
 				editable: o.value
-			}), it(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && vt(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 || rt(t)) && (s.value += 1), t.docChanged && v.value) {
-				let t = Xe(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 = W(() => w.value ?? null);
+	let T = U(() => w.value ?? null);
 	function E() {
-		h.value = null, g.value = null, d.value = mt;
+		h.value = null, g.value = null, d.value = vt;
 	}
 	function D(e) {
-		let t = pt(e.state);
+		let t = _t(e.state);
 		if (!t) {
-			d.value = d.value.name === "idle" ? d.value : mt, 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 = ft(n, {
+		h.value = gt(n, {
 			frameRect: i,
 			triggerRect: r
-		}), d.value = dt(d.value, t);
+		}), d.value = ht(d.value, t);
 	}
 	function O(e) {
 		D(e.view);
 	}
 	function k(e) {
-		c.value = B(e);
-		let t = Qe(e);
-		t && (et(e, t, !0), v.value = t);
-		let n = ge(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 = ur(e);
+	function A(e) {
+		y.value = mr(e);
 	}
-	let M = W(() => T.value ? ge(T.value) : lr), I = W(() => T.value ? yt(T.value.state) : cr), L = W(() => c.value?.currentNode === "codeBlock"), R = W(() => L.value && M.value.language === "mermaid"), ne = W(() => T.value ? ot({
+	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
-	}) : ot({
+	}) : ut({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), re = W(() => T.value ? _t(T.value.state) : null), z = W(() => T.value ? de(T.value.state.doc) : le.items), ie = W(() => fe(z.value, b.value)), se = W(() => ce(z.value, ie.value)), pe = W(() => st(d.value.query, i)), me = W(() => oe({
+	})), 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: se.value,
+		toc: ae.value,
 		selection: c.value,
 		slash: d.value,
-		table: I.value,
+		table: N.value,
 		tableInteraction: y.value,
 		codeBlock: M.value,
 		mermaid: ne.value,
 		tableDebugSnapshot: re.value
-	})), he = {
+	})), ge = {
 		closeSlashMenu: E,
-		focusFirstTableBodyCell: () => T.value ? vt(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 && vt(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 || !ct(e))) {
+		if (!(!T.value || !o.value || !ft(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				g.value = e;
 				return;
 			}
-			ut(T.value, d.value, e, t), d.value = ht(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 = lt(d.value, pe.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 = ht(d.value, { type: "escape" }), E();
+				d.value = yt(d.value, { type: "escape" }), E();
 				return;
 			}
 			if (t.type === "move-active") {
-				d.value = ht(d.value, {
+				d.value = yt(d.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
@@ -3379,22 +3420,22 @@ function Er(e = {}) {
 			_e(t.command);
 		}
 	}
-	G(() => [e.mode, e.editable], () => {
+	W(() => [e.mode, e.editable], () => {
 		a.value = l(e.mode), T.value && (T.value.setEditable(o.value), u(T.value, {
 			mode: a.value,
 			editable: o.value
-		}), it(T.value, o.value ? "live" : "view"), o.value || E());
-	}, { immediate: !0 }), G(() => 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)),
+		}), ct(T.value, o.value ? "live" : "view"), o.value || E());
+	}, { immediate: !0 }), W(() => e.content, (t) => {
+		!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);
-	}), G(me, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), G(se, (t) => e.onTocChange?.(t), { immediate: !0 }), G(z, (e) => {
-		let t = fe(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 ye = null;
-	return $t(() => {
+	return G(() => {
 		let e = () => {
 			if (!T.value || !z.value.length) {
 				b.value = null;
@@ -3402,12 +3443,12 @@ function Er(e = {}) {
 			}
 			let e = null;
 			try {
-				e = ue(T.value, z.value);
+				e = fe(T.value, z.value);
 			} catch {
 				return;
 			}
 			b.value !== e && (b.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = dr(T.value?.view.dom ?? null);
+		}, 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);
 		};
@@ -3415,12 +3456,12 @@ function Er(e = {}) {
 		ye?.(), w.value?.destroy(), w.value = null;
 	}), {
 		editor: T,
-		runtimeSnapshot: me,
-		actions: he,
+		runtimeSnapshot: he,
+		actions: ge,
 		__render: {
 			messages: r,
 			effectiveEditable: o,
-			tableFocusState: I,
+			tableFocusState: N,
 			tableInteractionState: y,
 			codeBlockState: M,
 			isCodeBlockActive: L,
@@ -3429,8 +3470,8 @@ function Er(e = {}) {
 			setMermaidMode: (e) => {
 				_.value = e;
 			},
-			tocState: se,
-			filteredSlashCommands: pe,
+			tocState: ae,
+			filteredSlashCommands: le,
 			slashState: d,
 			slashMenuPosition: h,
 			slashInputCommand: g,
@@ -3442,7 +3483,7 @@ function Er(e = {}) {
 		}
 	};
 }
-var Dr = J({
+var jr = J({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3473,6 +3514,10 @@ var Dr = J({
 			type: Boolean,
 			default: !0
 		},
+		innerTocPlacement: {
+			type: String,
+			default: "container"
+		},
 		autofocus: {
 			type: Boolean,
 			default: !1
@@ -3531,26 +3576,27 @@ var Dr = J({
 		}
 	},
 	setup(e) {
-		let t = Er(e);
+		let t = Ar(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
 			let i = t.__render;
-			return V("section", {
+			return B("section", {
 				class: ["markweave-editor-frame", e.className].filter(Boolean).join(" "),
 				"aria-label": e.ariaLabel ?? i.messages.common.editorAriaLabel,
 				"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": 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 ? V(yr, {
+				i.effectiveEditable.value ? B(Cr, {
 					editor: n,
 					messages: i.messages
 				}) : null,
-				i.effectiveEditable.value ? V(xr, {
+				i.effectiveEditable.value ? B(Tr, {
 					commands: i.filteredSlashCommands.value,
 					state: i.slashState.value,
 					position: i.slashMenuPosition.value,
@@ -3560,7 +3606,7 @@ var Dr = J({
 					onInputCommandChange: i.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				i.effectiveEditable.value ? V(Sr, {
+				i.effectiveEditable.value ? B(Er, {
 					editor: n,
 					active: i.tableFocusState.value.active,
 					interactionState: i.tableInteractionState.value,
@@ -3569,11 +3615,11 @@ var Dr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				i.effectiveEditable.value ? V(Cr, {
+				i.effectiveEditable.value ? B(Dr, {
 					editor: n,
 					focusState: i.tableFocusState.value
 				}) : null,
-				V(wr, {
+				B(Or, {
 					editor: n,
 					state: i.codeBlockState.value,
 					active: i.effectiveEditable.value && i.isCodeBlockActive.value,
@@ -3581,22 +3627,23 @@ var Dr = J({
 					onMermaidModeChange: i.setMermaidMode,
 					readOnly: !i.effectiveEditable.value
 				}),
-				e.innerToc && i.tocState.value.items.length ? V(Tr, {
+				e.innerToc && i.tocState.value.items.length ? B(kr, {
 					editor: n,
 					state: i.tocState.value,
 					messages: i.messages,
-					editable: i.effectiveEditable.value
+					editable: i.effectiveEditable.value,
+					placement: he(e.innerTocPlacement)
 				}) : null,
-				i.effectiveEditable.value && i.mathTarget.value ? V(br, {
+				i.effectiveEditable.value && i.mathTarget.value ? B(wr, {
 					editor: n,
 					messages: i.messages,
 					target: i.mathTarget.value,
 					onClose: () => i.mathTarget.value = null
 				}) : null,
-				V(r, { editor: n })
+				B(r, { editor: n })
 			]);
 		};
 	}
 });
 //#endregion
-export { Dr as MarkweaveEditor, sr as createMarkweaveEditorExtensions, sr as createMarkweaveVue2EditorExtensions, Er as useMarkweaveEditorController };
+export { jr as MarkweaveEditor, dr as createMarkweaveEditorExtensions, dr as createMarkweaveVue2EditorExtensions, Ar as useMarkweaveEditorController };