@markweave/vue2 0.1.0 → 0.1.1

package/dist/index.js

@@ -9,44 +9,44 @@ import { detectUploadSource as k, getDirectUploadResult as A, resolveMarkweaveUp
 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 { getCurrentFloatingToolbarBlockType as ne, getFloatingToolbarHighlightColorOptions as I, getFloatingToolbarMoreActions as L, getFloatingToolbarTextColorOptions as re, getFloatingToolbarTurnIntoOptions as ie, runFloatingToolbarMoreAction as R, setFloatingToolbarTurnInto as ae } from "markweave/internal/editor-core/floating-toolbar-model";
+import { openMarkweaveReadonlyLinkFromEvent as oe } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as se } from "markweave/internal/editor-core/runtime-snapshot";
+import { createSelectionSnapshot as z, shouldShowFloatingToolbar as ce } from "markweave/internal/editor-core/selection-state";
+import { createMarkweaveTocState as le, emptyMarkweaveTocState as ue, getActiveMarkweaveTocId as de, getMarkweaveTocItems as fe, getValidMarkweaveTocActiveId as pe, normalizeMarkweaveInnerTocPlacement as me, observeMarkweaveInnerTocContainerPosition as he, scrollToMarkweaveTocItem as ge } from "markweave/internal/core/toc-state";
+import { codeBlockCollapsePluginKey as _e, copyActiveCodeBlock as ve, getActiveCodeBlockState as ye, getCodeBlockCopyFeedbackSnapshot as be, markweaveCodeBlockBehavior as xe, setCodeBlockCollapsedAtPosition as Se, setCodeBlockLanguageAtPosition as Ce, setCodeBlockMermaidPreviewModeAtPosition as we } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { calculateCodeBlockLanguageMenuPosition as Te, clampFullscreenScale as Ee, codeBlockCopyFeedbackTimeoutMs as De, copyCodeBlockText as Oe, createCodeBlockOverlayPosition as ke, createMermaidFullscreenViewerState as Ae, createMermaidTabPosition as je, focusCodeBlockTarget as Me, formatCodeBlockLanguageLabel as Ne, formatFullscreenZoom as Pe, getActiveCodeBlockElement as Fe, getAnchoredRect as Ie, getCodeBlockLanguageItems as Le, getCodeBlockPositionFromEventTarget as Re, getCodeBlockStateAtPosition as ze, getFrameElement as Be, getMermaidCodeBlockTargets as Ve, getMermaidSvgMarkup as He, isCodeBlockTargetCollapsed as Ue, mergeStableMermaidTabPositions as We, mermaidFullscreenZoomStep as Ge, moveMermaidFullscreenViewer as Ke } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { normalizeMarkdownLinkHref as qe } from "markweave/internal/plugins/markdown/markdown-input";
+import { applyMarkweaveMathLatex as Je, calculateMarkweaveMathPopoverPosition as Ye, getMarkweaveMathAnchorRect as Xe, getMarkweaveMathBlockIndex as Ze, getMarkweaveMathRenderedHtml as Qe, getMarkweaveMathTargetAtPos as $e, getMarkweaveMathTargetFromDomEvent as et, getMarkweaveMathTargetFromSelection as tt, renderMarkweaveMathPreview as nt, setMarkweaveMathEditingDomState as rt, setMarkweaveMathEditingDomStateInView as it, setMarkweaveMathSelectionInView as at } from "markweave/internal/plugins/math/math-ui-model";
+import { isMermaidInlinePreviewTransaction as ot, setMermaidInlinePreviewEditorMode as st, setReadonlyMermaidPreviewMode as ct } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as lt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { filterSlashCommands as ut, isExecutableSlashCommand as dt } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as ft } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as pt, getNextSlashCommandState as mt, getSlashCommandAnchoredMenuPosition as ht, getSlashCommandContext as gt } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as _t, reduceSlashCommandState as vt } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as yt } from "markweave/internal/plugins/table/table-clipboard";
+import { getFirstTableDebugSnapshot as bt } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as xt } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as St } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Ct, initialTableInteractionState as wt, tableInteractionPluginKey as Tt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateAnchoredTableMenuPosition as Et, calculateTableEdgeHandlePosition as Dt, canRunTableCommand as Ot, executeTableMenuCommand as kt, formatTableCopyFeedback as At, getActiveTableElement as jt, getAvailableCellMenuCommandSpecs as Mt, getTableAxisTargetRect as Nt, getTableControlAxisSelectionModel as Pt, getTableEditWithAiRequest as Ft, getTableMenuItemGroup as It, getTableMenuItemLabel as Lt, getTableMenuItems as Rt, getTableSelectionTargetRect as zt, measureTableSelectionOverlay as Bt, selectTableAxisFromCell as Vt, tableCopyFeedbackTimeoutMs as Ht, tableMenuLabel as Ut } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var Vt = o.default ?? o, Ht = null, Ut = null, Wt = null;
-function Gt(e) {
+var Wt = o.default ?? o, Gt = null, Kt = null, qt = null;
+function Jt(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function Kt(e) {
+function Yt(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 Xt(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" && Jt(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -55,7 +55,7 @@ function qt(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[Kt(o)] = s;
+			i[Yt(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -66,14 +66,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 Zt(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" && Jt(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -89,47 +89,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 Qt(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function Xt(e) {
+function $t(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 en(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 tn(e) {
+	return typeof e == "function" ? en(e()) : Qt(e) ? en(e.default()) : $t(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 (!qt) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Xt(r) : Zt(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : tn(n);
+	return qt(e, i, a);
 }
-function H(e) {
-	return Vt.observable({ value: e });
+function V(e) {
+	return Wt.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 Gt?.$watch ? Gt.$watch(r, t, n) : () => void 0;
 }
-function $t(e) {
-	Ut?.mounted.push(e);
+function G(e) {
+	Kt?.mounted.push(e);
 }
 function K(e) {
-	Ut?.beforeUnmount.push(e);
+	Kt?.beforeUnmount.push(e);
 }
 function q(e) {
-	return Vt.nextTick(e);
+	return Wt.nextTick(e);
 }
 function J(e) {
-	return Vt.extend({
+	return Wt.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -137,12 +137,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			Ht = this, Ut = t;
+			Gt = this, Kt = 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;
+				Gt = null, Kt = null;
 			}
 		},
 		mounted() {
@@ -152,19 +152,19 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			Wt = t;
+			qt = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				Wt = null;
+				qt = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var en = {
+var nn = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1029,8 +1029,8 @@ var en = {
 		}]]
 	}
 };
-function tn(e) {
-	return e.map(([e, t]) => V(e, t));
+function rn(e) {
+	return e.map(([e, t]) => B(e, t));
 }
 function Y(e) {
 	return J({
@@ -1050,8 +1050,8 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = en[e];
-			return () => V("svg", {
+			let n = nn[e];
+			return () => B("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
 				width: t.size,
@@ -1063,16 +1063,16 @@ 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));
+			}, rn(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");
+var an = Y("AlignCenter"), on = Y("AlignJustify"), sn = Y("AlignLeft"), cn = Y("AlignRight"), ln = Y("AlertTriangle"), un = Y("Bold"), dn = Y("Braces"), fn = Y("Captions"), pn = Y("CheckCircle2"), mn = Y("ChevronDown"), hn = Y("ChevronUp"), gn = Y("CircleX"), _n = Y("Code2"), vn = Y("CornerDownLeft"), yn = Y("Download");
 Y("Eye");
-var 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 bn = Y("ExternalLink"), xn = Y("Heading1"), Sn = Y("Heading2"), Cn = Y("Heading3"), wn = Y("Image"), Tn = Y("ImageUp"), En = Y("IndentDecrease"), Dn = Y("IndentIncrease"), On = Y("Info"), kn = Y("Italic"), An = Y("Lightbulb"), jn = Y("Link2"), Mn = Y("List"), Nn = Y("ListChecks"), Pn = Y("ListOrdered"), Fn = Y("Minus"), In = Y("MoreVertical"), Ln = Y("Paperclip");
 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 Rn = Y("Quote"), zn = Y("Replace"), Bn = Y("Sigma"), Vn = Y("SmilePlus"), Hn = Y("Strikethrough"), Un = Y("Subscript"), Wn = Y("Superscript"), Gn = Y("Table2"), Kn = Y("Text"), qn = Y("Trash2"), Jn = Y("Type"), Yn = Y("Underline"), Xn = Y("Upload"), Zn = Y("Video"), Qn = T;
+function $n(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1082,7 +1082,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 +1094,21 @@ function Zn(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function Qn(e) {
+function er(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function $n(e) {
+function tr(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 nr(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 +1116,14 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [er(e.icon, e.label), V("span", {
+	}, [nr(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 rr(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 +1141,7 @@ function tr(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		V("input", {
+		B("input", {
 			ref: t,
 			"data-testid": "markweave-image-file-input",
 			type: "file",
@@ -1152,20 +1152,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(Tn, {
 			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 +1175,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(Tn, {
 				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 ir(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 +1216,7 @@ function nr(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		V("input", {
+		B("input", {
 			ref: t,
 			"data-testid": "markweave-video-file-input",
 			type: "file",
@@ -1227,20 +1227,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(Zn, {
 			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 +1250,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(Xn, {
 				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 ar = J({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1304,8 +1304,8 @@ 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(!!O(u.value.caption)), f = V(O(u.value.caption) ?? ""), m = $n(e.editor), h = U(() => c(m.value)), g = U(() => e.extension.options?.messages ?? p("zh")), v = U(() => g.value.image), y = U(() => O(u.value.src)), S = U(() => Qn(u.value.align)), w = U(() => D(u.value.width)), T = U(() => O(u.value.caption)), E = U(() => h.value && (!y.value || r.value));
+		W(T, (e) => {
 			d.value || (f.value = e ?? "");
 		});
 		let A = () => {
@@ -1357,7 +1357,7 @@ var rr = J({
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => E.value ? V(i, {
+		return () => E.value ? B(i, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
@@ -1365,7 +1365,7 @@ var rr = J({
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => tr({
+		}, () => rr({
 			messages: g.value,
 			inputValue: o.value,
 			error: s.value,
@@ -1380,7 +1380,7 @@ var rr = J({
 			onDragActive: (e) => {
 				a.value = e;
 			}
-		})) : V(i, {
+		})) : B(i, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
@@ -1395,10 +1395,10 @@ var rr = J({
 				n.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !Qn(e.target) && A();
+				h.value && !er(e.target) && A();
 			}
 		}, () => [
-			h.value ? V("div", {
+			h.value ? B("div", {
 				class: "markweave-image-toolbar",
 				"data-testid": "markweave-image-toolbar",
 				"data-markweave-image-ui": "true",
@@ -1407,39 +1407,39 @@ var rr = J({
 				X({
 					testId: "markweave-image-align-left",
 					label: v.value.alignLeft,
-					icon: an,
+					icon: sn,
 					active: S.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
 				X({
 					testId: "markweave-image-align-center",
 					label: v.value.alignCenter,
-					icon: nn,
+					icon: an,
 					active: S.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
 				X({
 					testId: "markweave-image-align-right",
 					label: v.value.alignRight,
-					icon: on,
+					icon: cn,
 					active: S.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,
+					icon: fn,
 					active: d.value || !!T.value,
 					onClick: te
 				}),
 				X({
 					testId: "markweave-image-download",
 					label: v.value.download,
-					icon: _n,
+					icon: yn,
 					onClick: () => {
 						y.value && C(y.value);
 					}
@@ -1447,39 +1447,39 @@ var rr = J({
 				X({
 					testId: "markweave-image-replace",
 					label: v.value.replace,
-					icon: Ln,
+					icon: zn,
 					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,
+					icon: qn,
 					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
 			}, [
-				y.value ? V("img", {
+				y.value ? B("img", {
 					class: "markweave-image",
 					src: y.value,
 					alt: O(u.value.alt) ?? "",
 					title: O(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", {
+				h.value ? B("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-left",
@@ -1488,7 +1488,7 @@ var rr = J({
 					"data-markweave-image-ui": "true",
 					onPointerdown: (e) => F("left", e)
 				}) : null,
-				h.value ? V("button", {
+				h.value ? B("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-right",
@@ -1498,7 +1498,7 @@ var rr = J({
 					onPointerdown: (e) => F("right", e)
 				}) : null
 			]),
-			h.value && (d.value || T.value) ? V("input", {
+			h.value && (d.value || T.value) ? B("input", {
 				class: "markweave-image-caption-input",
 				"data-testid": "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
@@ -1511,13 +1511,13 @@ var rr = J({
 				onKeydown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), d.value = !1);
 				}
-			}) : T.value ? V("figcaption", {
+			}) : T.value ? B("figcaption", {
 				class: "markweave-image-caption",
 				"data-testid": "markweave-image-caption"
 			}, T.value) : null
 		]);
 	}
-}), ir = J({
+}), or = J({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1550,7 +1550,7 @@ 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 = $n(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => O(d.value.src)), m = U(() => O(d.value.embedUrl)), h = U(() => O(d.value.provider)), g = U(() => m.value ? E(m.value, h.value) : null), _ = U(() => O(d.value.mimeType)), b = U(() => O(d.value.title)), x = () => {
 			f.value || e.deleteNode(), n.value = "", r.value = null, t.value = !1;
 		}, C = async (i) => {
 			if (!s.value) return;
@@ -1585,13 +1585,13 @@ var rr = J({
 		}, 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({
+		}, () => ir({
 			messages: l.value,
 			inputValue: n.value,
 			error: r.value,
@@ -1606,7 +1606,7 @@ var rr = J({
 			onDragActive: (e) => {
 				t.value = e;
 			}
-		})) : V(i, {
+		})) : B(i, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
@@ -1618,9 +1618,9 @@ var rr = J({
 			onFocus: k,
 			onKeydown: A,
 			onMousedown: (e) => {
-				s.value && !$n(e.target) && (e.preventDefault(), k());
+				s.value && !tr(e.target) && (e.preventDefault(), k());
 			}
-		}, () => [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`,
@@ -1629,32 +1629,32 @@ var rr = J({
 			"data-markweave-video-src": f.value ?? void 0,
 			allow: w,
 			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,
 			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({
+}), sr = h.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1663,9 +1663,9 @@ var rr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(rr, { stopEvent: ({ event: e }) => Qn(e.target) });
+		return typeof document > "u" ? null : a(ar, { stopEvent: ({ event: e }) => er(e.target) });
 	}
-}), or = g.extend({
+}), cr = g.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1674,17 +1674,17 @@ var rr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(ir, { stopEvent: ({ event: e }) => $n(e.target) });
+		return typeof document > "u" ? null : a(or, { stopEvent: ({ event: e }) => tr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function sr(n = {}) {
+function lr(n = {}) {
 	return e({
 		lang: n.lang,
 		mediaExtensions: t({
-			image: ar,
-			video: or,
+			image: sr,
+			video: cr,
 			lang: n.lang,
 			onImageUpload: n.onImageUpload,
 			onVideoUpload: n.onVideoUpload
@@ -1693,7 +1693,7 @@ function sr(n = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var cr = {
+var ur = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1701,17 +1701,17 @@ var cr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, lr = {
+}, dr = {
 	active: !1,
-	language: ve.defaultLanguage,
+	language: xe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function ur(e) {
-	return St.getState(e.state) ?? xt;
+function fr(e) {
+	return Tt.getState(e.state) ?? wt;
 }
-function dr(e) {
+function pr(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1722,133 +1722,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 mr(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)));
+	}, mr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function pr(e) {
-	let t = We(e);
+function hr(e) {
+	let t = qe(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 gr = {
+	bold: un,
+	italic: kn,
+	underline: Yn,
+	strike: Hn,
+	"inline-code": _n,
+	link: jn,
+	more: In,
+	superscript: Wn,
+	subscript: Un,
+	"inline-math": Bn,
+	"align-left": sn,
+	"align-center": an,
+	"align-right": cn,
+	"align-justify": on,
+	"decrease-indent": En,
+	"increase-indent": Dn
+}, _r = {
+	type: Kn,
+	"heading-1": xn,
+	"heading-2": Sn,
+	"heading-3": Cn,
+	"bullet-list": Mn,
+	"ordered-list": Pn,
+	"task-list": Nn,
+	blockquote: Rn,
+	"code-block": dn,
+	info: On,
+	tip: An,
+	warning: ln,
+	error: gn,
+	success: pn,
+	emoji: Vn,
+	math: Bn,
+	table: Gn,
+	separator: Fn,
+	image: wn,
+	video: Zn,
+	attachment: Ln
 };
-function gr(e) {
-	let t = hr[e];
-	return V(t, {
+function vr(e) {
+	let t = _r[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 yr = {
+	paragraph: Jn,
+	"heading-1": xn,
+	"heading-2": Sn,
+	"heading-3": Cn,
+	"bullet-list": Mn,
+	"numbered-list": Pn,
+	"todo-list": Nn,
+	quote: Rn,
+	"code-block": dn
 };
-function vr(e, t) {
-	return I(e, t).label;
+function br(e, t) {
+	return ne(e, t).label;
 }
-var yr = J({
+var xr = J({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -1865,19 +1865,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(() => qe(n.value.trim())), s = U(() => e.messages.floatingToolbar), c = U(() => ie(e.messages).map((e) => [
 			e.id,
 			e.label,
-			_r[e.id]
-		])), l = W(() => ne(e.messages).map((e) => [
+			yr[e.id]
+		])), l = U(() => re(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), u = W(() => L(e.messages).map((e) => [
+		])), u = U(() => I(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), d = W(() => R(e.messages).map((e) => e.id)), f = () => {
+		])), d = U(() => L(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 +1894,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 +1902,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 +1921,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" }, br(e.editor, e.messages)), Z(t.value === "block-type" ? hn : mn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? hn : mn, i)])] : [Z(a, i)]), y = () => B("span", {
 			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 +1936,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 +1968,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(vn, 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: () => hr(n.value)
+			}, [Z(bn, 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(qn, 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 +2017,41 @@ var yr = J({
 				r.value = null;
 			},
 			onClick: () => {
-				z(e.editor, n), t.value = null;
+				R(e.editor, n), t.value = null;
 			}
-		}, [Z(mr[n], s.value.moreActions[n])]), r.value === n ? V("div", {
+		}, [Z(gr[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(M, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && se(B(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && ce(z(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"], Jn, () => 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, un, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			v("italic", s.value.buttons.italic, kn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			v("underline", s.value.buttons.underline, Yn, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			v("strike", s.value.buttons.strike, Hn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			v("inline-code", s.value.buttons["inline-code"], _n, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			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, jn, () => m("link"), e.editor.isActive("link")),
+			v("color", s.value.buttons.color, Jn, () => m("color"), t.value === "color"),
 			y(),
-			v("more", s.value.buttons.more, Pn, () => m("more"), t.value === "more"),
+			v("more", s.value.buttons.more, In, () => m("more"), t.value === "more"),
 			x(),
 			_()
 		])]) });
 	}
-}), br = J({
+}), Sr = J({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2072,17 +2072,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(Qe(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 = () => {
+		} : nt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => Ze(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
-			let r = qe(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+			let r = Xe(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 = Ye({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2091,7 +2091,7 @@ var yr = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && Ge(e.editor, e.target, t.value) && e.onClose();
+			s.value && Je(e.editor, e.target, t.value) && e.onClose();
 		}, f = (t) => {
 			if (t.key === "Escape") {
 				t.preventDefault(), e.onClose(), e.editor.commands.focus();
@@ -2102,14 +2102,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 = Qe(e.editor, e.target), q(u);
+		}), G(() => {
+			rt(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);
+			rt(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 +2122,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 +2137,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 +2168,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(_n, 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(pn, 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({
+}), Cr = J({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2237,7 +2237,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,
@@ -2292,32 +2292,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 +2328,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 +2341,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 +2362,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 = dt(t);
+				return B("button", {
 					key: t.id,
 					type: "button",
 					role: "option",
@@ -2409,18 +2409,18 @@ var yr = J({
 						}
 					}
 				}, [
-					gr(t.icon),
-					V("span", null, t.label),
-					t.disabledReason ? V("small", null, t.disabledReason) : null
+					vr(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({
+}), wr = J({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2453,12 +2453,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 ? St(e.editor.state) : ur), h = U(() => Pt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Pt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Mt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Rt(e.editor, t.value) : []), b = () => {
 			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));
+			}, Ht));
 		}, S = () => {
 			if (!e.active) {
 				r.value = null, i.value = null, a.value = null, x(null);
@@ -2469,16 +2469,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 ? Nt(e.editor, h.value) : null, l = g.value ? Nt(e.editor, g.value) : null, u = v.value ? zt(e.editor) : null;
+			c ? r.value = Dt({
 				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 = Dt({
 				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 = Dt({
 				targetRect: u,
 				frameRect: s,
 				kind: "selection"
@@ -2493,13 +2493,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" ? jt(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 = Et({
 				anchorRect: c,
 				frameRect: p,
 				menuSize: {
@@ -2516,16 +2516,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(yt(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 && Vt(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 kt({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
@@ -2533,18 +2533,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 = Ft(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 +2555,11 @@ var yr = J({
 			t.value,
 			n.value
 		], T, { flush: "post" });
-		let P = () => t.value ? V("div", {
+		let P = () => t.value ? B("div", {
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
-			"aria-label": Bt(t.value, e.messages),
+			"aria-label": Ut(t.value, e.messages),
 			"data-testid": "markweave-table-menu",
 			"data-positioned": o.value ? "true" : "false",
 			style: o.value ? {
@@ -2567,8 +2567,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 = It(n), a = r === 0 ? i : It(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Ot(e.editor, n.commandId), c = Lt(n, e.messages);
+			return B("button", {
 				key: `${n.id}-${r}`,
 				type: "button",
 				role: "menuitem",
@@ -2591,7 +2591,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 +2599,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 +2607,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", {
+			}, At(s.value)) : null,
+			r.value ? B("button", {
 				ref: l,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--row",
@@ -2627,8 +2627,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 +2647,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 +2663,11 @@ var yr = J({
 				},
 				onMousedown: $,
 				onClick: k
-			}, [V("span", { "aria-hidden": "true" }, "...")]) : null,
+			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
 			P()
 		]) : null;
 	}
-}), Cr = J({
+}), Tr = J({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2680,18 +2680,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 = Bt(e.editor, Ct(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 +2702,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 +2723,7 @@ var yr = J({
 			}) : null;
 		};
 	}
-}), wr = J({
+}), Er = J({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -2752,116 +2752,116 @@ 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, ze(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(() => Ue(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), D = U(() => !e.readOnly), O = U(() => S.value ? Ne(S.value.language) : Ne("text")), k = U(() => u.value?.status ?? "idle"), A = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = U(() => w.value && A.value === "preview"), M = U(() => (v.value, g.value, _.value, Ve(e.editor))), N = U(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = U(() => Le(l.value)), P = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), te = () => {
 			y !== null && (window.clearTimeout(y), y = null);
 		}, F = (e) => {
 			te(), u.value = e, e && (y = window.setTimeout(() => {
 				u.value = null, y = null;
-			}, we));
-		}, I = () => {
+			}, De));
+		}, ne = () => {
 			f.value = null, p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, L = () => {
+		}, I = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!Le(n) || M.value.length === 0) {
+			if (!Be(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 = Ie(Fe(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [je(t, n, r)] : [];
 			});
-			o.value = Ve(o.value, i, M.value.map((e) => e.pos));
-		}, R = () => {
+			o.value = We(o.value, i, M.value.map((e) => e.pos));
+		}, L = () => {
 			if (!E.value || !S.value) {
 				a.value = null, s.value = null;
 				return;
 			}
 			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 = Fe(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = Ie(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 = ke(S.value.pos, l, o), c.value && n.value) {
 				let e = n.value.getBoundingClientRect();
-				s.value = Se({
+				s.value = Te({
 					overlayRect: o,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				});
 			}
-		}, ne = async () => {
+		}, re = 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 Oe(S.value.text);
+				F(be(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();
-		}, re = (t, n) => {
+			if (!Me(e.editor, S.value)) return;
+			let t = await ve(e.editor);
+			F(be(ye(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, ie = (t, n) => {
 			if (e.readOnly) {
-				at(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
+				ct(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());
-		}, z = (t) => {
+			we(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
+		}, R = (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());
-		}, ie = () => {
-			e.readOnly || !S.value || ye(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+			Ce(e.editor, S.value.pos, t) && (t === "mermaid" && we(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
 		}, ae = () => {
+			e.readOnly || !S.value || Se(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+		}, oe = () => {
 			if (!S.value) return;
-			let t = ze(e.editor, S.value.pos);
+			let t = He(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 = () => {
+		}, se = () => {
 			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 = He(e.editor, S.value.pos);
+			t && (f.value = Ae(t), p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, B = (e) => {
+		}, z = (e) => {
 			f.value = f.value ? {
 				...f.value,
-				scale: Ce(f.value.scale + e)
+				scale: Ee(f.value.scale + e)
 			} : null;
-		}, se = () => {
-			f.value = f.value ? De(f.value.svg) : null, h.value = {
+		}, ce = () => {
+			f.value = f.value ? Ae(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(), z(e.deltaY < 0 ? Ge : -Ge);
+		}, 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,50 +2869,50 @@ var yr = J({
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = Ue(f.value, n, r);
-		}, de = () => {
+			}, f.value = Ke(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(P, () => {
 			F(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
-		}), G(c, async (e) => {
-			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
-		}), G(() => [
+		}), W(c, async (e) => {
+			e && (await q(), L(), r.value?.focus({ preventScroll: !0 }));
+		}), W(() => [
 			E.value,
 			g.value,
 			S.value?.pos ?? null,
 			c.value,
 			A.value
 		], async () => {
-			await q(), R();
+			await q(), L();
 		}, {
 			flush: "post",
 			immediate: !0
-		}), G(N, async () => {
-			await q(), L(), window.requestAnimationFrame(L);
+		}), W(N, async () => {
+			await q(), I(), window.requestAnimationFrame(I);
 		}, {
 			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 = Re(e.editor, n.target), a = ze(e.editor, r), o = a && !Ue(e.editor, a) ? a.pos : null;
 					i.value = i.value === o ? i.value : o;
 				}, a = () => {
 					c.value || (i.value = null);
 				}, o = (t) => {
 					if (t.key === "Escape") {
 						if (f.value) {
-							I();
+							ne();
 							return;
 						}
 						c.value && (c.value = !1, e.editor.view.focus());
@@ -2920,14 +2920,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(_e) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(_e) || ot(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", L), window.addEventListener("scroll", L, !0), window.addEventListener("resize", I), window.addEventListener("scroll", I, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), pe = () => {
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), te();
 				};
 			});
 		}), K(() => {
-			fe?.(), fe = null, te();
+			pe?.(), pe = null, te();
 		}), () => {
 			if (!E.value && M.value.length === 0 && !f.value) return null;
 			let i = a.value ? {
@@ -2937,7 +2937,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 +2945,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,16 +2955,16 @@ 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}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => re(e, t)
+						onClick: () => ie(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 +2973,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 +2989,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",
@@ -2998,9 +2998,9 @@ var yr = J({
 						"data-testid": "markweave-codeblock-collapse",
 						"data-collapsed": T.value ? "true" : "false",
 						onMousedown: $,
-						onClick: ie
+						onClick: ae
 					}, [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",
@@ -3020,42 +3020,42 @@ var yr = J({
 							d.value = !1;
 						},
 						onClick: () => {
-							ne();
+							re();
 						}
-					}, [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",
 						"data-testid": "markweave-mermaid-fullscreen",
 						disabled: !j.value,
 						onMousedown: $,
-						onClick: oe
-					}, [Q("expand")]), V("button", {
+						onClick: se
+					}, [Q("expand")]), B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
 						"data-testid": "markweave-mermaid-download",
 						disabled: !j.value,
 						onMousedown: $,
-						onClick: ae
+						onClick: oe
 					}, [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 +3066,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",
@@ -3076,21 +3076,21 @@ var yr = J({
 						"data-testid": `markweave-codeblock-language-option-${e.language}`,
 						"data-active": t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => z(e.language)
-					}, [V("span", null, e.label), t ? Q("check") : null]);
+						onClick: () => R(e.language)
+					}, [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 +3107,13 @@ var yr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => B(-He)
+							onClick: () => z(-Ge)
 						}, [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", {
+						}, Pe(f.value.scale)),
+						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom in",
@@ -3130,9 +3130,9 @@ var yr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => B(He)
+							onClick: () => z(Ge)
 						}, [Q("zoomIn")]),
-						V("button", {
+						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Reset zoom",
@@ -3149,31 +3149,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
+						onClick: ne
 					}, [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 +3189,7 @@ var yr = J({
 			]);
 		};
 	}
-}), Tr = J({
+}), Dr = J({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3207,21 +3207,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 ? he(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,17 +3238,17 @@ 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: () => ge(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 Or(e = {}) {
+	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => a.value === "live" && e.editable !== !1), s = V(0), c = H(null), d = V(_t), h = H(null), g = H(null), _ = V("code"), v = H(null), y = H(wt), b = V(null), x = V(!1), S = F(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), C = e.onSlashCommandUpload, w = H(null);
 	w.value = new n({
-		extensions: sr({
+		extensions: lr({
 			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."))
@@ -3259,17 +3267,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 = et(e, n);
+				return r ? (n.preventDefault(), n.stopPropagation(), E(), it(e, r, !0), at(e, r), v.value = r, !0) : (v.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => o.value ? (d.value = ht(d.value, { type: "composition-start" }), h.value = null, !1) : !1,
+				compositionstart: () => o.value ? (d.value = vt(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 = et(e, t);
+					return n ? (t.preventDefault(), t.stopPropagation(), E(), it(e, n, !0), at(e, n), v.value = n, !0) : (v.value = null, !1);
 				}
 			}
 		},
@@ -3278,11 +3286,11 @@ 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;
+			}), st(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && xt(t), j(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 (j(e), (t.docChanged || ot(t)) && (s.value += 1), t.docChanged && v.value) {
+				let t = $e(e, v.value.pos);
 				v.value = t?.kind === v.value.kind ? t : null;
 			}
 		},
@@ -3290,86 +3298,86 @@ function Er(e = {}) {
 			k(t), o.value && O(t), x.value || e.onUpdate?.(ee(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 = _t;
 	}
 	function D(e) {
-		let t = pt(e.state);
+		let t = gt(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 : _t, 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 = ht(n, {
 			frameRect: i,
 			triggerRect: r
-		}), d.value = dt(d.value, t);
+		}), d.value = mt(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 = z(e);
+		let t = tt(e);
+		t && (rt(e, t, !0), v.value = t);
+		let n = ye(e);
 		n.active && n.language === "mermaid" && (_.value = n.mermaidPreviewMode);
 	}
 	function j(e) {
-		y.value = ur(e);
+		y.value = fr(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({
-		active: R.value,
+	let M = U(() => T.value ? ye(T.value) : dr), ne = U(() => T.value ? St(T.value.state) : ur), I = U(() => c.value?.currentNode === "codeBlock"), L = U(() => I.value && M.value.language === "mermaid"), re = U(() => T.value ? lt({
+		active: L.value,
 		mode: _.value,
 		source: M.value.text
-	}) : ot({
+	}) : lt({
 		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({
+	})), ie = U(() => T.value ? bt(T.value.state) : null), R = U(() => T.value ? fe(T.value.state.doc) : ue.items), ae = U(() => pe(R.value, b.value)), ce = U(() => le(R.value, ae.value)), me = U(() => ut(d.value.query, i)), he = U(() => se({
 		revision: s.value,
 		mode: a.value,
 		editable: o.value,
-		toc: se.value,
+		toc: ce.value,
 		selection: c.value,
 		slash: d.value,
-		table: I.value,
+		table: ne.value,
 		tableInteraction: y.value,
 		codeBlock: M.value,
-		mermaid: ne.value,
-		tableDebugSnapshot: re.value
-	})), he = {
+		mermaid: re.value,
+		tableDebugSnapshot: ie.value
+	})), ge = {
 		closeSlashMenu: E,
-		focusFirstTableBodyCell: () => T.value ? vt(T.value) : !1,
+		focusFirstTableBodyCell: () => T.value ? xt(T.value) : !1,
 		setContent: (e, t = {}) => {
 			if (!T.value) return !1;
 			let n = F(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 && xt(T.value), k(T.value), o.value && O(T.value), j(T.value), s.value += 1, !0;
 		}
 	};
 	function _e(e, t) {
-		if (!(!T.value || !o.value || !ct(e))) {
+		if (!(!T.value || !o.value || !dt(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();
+			pt(T.value, d.value, e, t), d.value = vt(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 = ft(d.value, me.value, e.key, { isComposing: e.isComposing || N(T.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				d.value = ht(d.value, { type: "escape" }), E();
+				d.value = vt(d.value, { type: "escape" }), E();
 				return;
 			}
 			if (t.type === "move-active") {
-				d.value = ht(d.value, {
+				d.value = vt(d.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
@@ -3379,58 +3387,58 @@ 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) => {
+		}), st(T.value, o.value ? "live" : "view"), o.value || E());
+	}, { immediate: !0 }), W(() => e.content, (t) => {
 		!T.value || t === void 0 || te(T.value, t, F(e.contentFormat)) || (x.value = !0, T.value.commands.setContent(t, {
 			contentType: P(F(e.contentFormat)),
 			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);
+	}), W(he, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(ce, (t) => e.onTocChange?.(t), { immediate: !0 }), W(R, (e) => {
+		let t = pe(e, b.value);
 		b.value !== t && (b.value = t);
 	});
-	let ye = null;
-	return $t(() => {
+	let be = null;
+	return G(() => {
 		let e = () => {
-			if (!T.value || !z.value.length) {
+			if (!T.value || !R.value.length) {
 				b.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = ue(T.value, z.value);
+				e = de(T.value, R.value);
 			} catch {
 				return;
 			}
 			b.value !== e && (b.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = dr(T.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), ye = () => {
+		}, t = () => window.requestAnimationFrame(e), n = pr(T.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), be = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
 	}), K(() => {
-		ye?.(), w.value?.destroy(), w.value = null;
+		be?.(), w.value?.destroy(), w.value = null;
 	}), {
 		editor: T,
-		runtimeSnapshot: me,
-		actions: he,
+		runtimeSnapshot: he,
+		actions: ge,
 		__render: {
 			messages: r,
 			effectiveEditable: o,
-			tableFocusState: I,
+			tableFocusState: ne,
 			tableInteractionState: y,
 			codeBlockState: M,
-			isCodeBlockActive: L,
+			isCodeBlockActive: I,
 			mermaidMode: _,
 			mathTarget: v,
 			setMermaidMode: (e) => {
 				_.value = e;
 			},
-			tocState: se,
-			filteredSlashCommands: pe,
+			tocState: ce,
+			filteredSlashCommands: me,
 			slashState: d,
 			slashMenuPosition: h,
 			slashInputCommand: g,
@@ -3442,7 +3450,7 @@ function Er(e = {}) {
 		}
 	};
 }
-var Dr = J({
+var kr = J({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3473,6 +3481,10 @@ var Dr = J({
 			type: Boolean,
 			default: !0
 		},
+		innerTocPlacement: {
+			type: String,
+			default: "container"
+		},
 		autofocus: {
 			type: Boolean,
 			default: !1
@@ -3531,26 +3543,27 @@ var Dr = J({
 		}
 	},
 	setup(e) {
-		let t = Er(e);
+		let t = Or(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": me(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(xr, {
 					editor: n,
 					messages: i.messages
 				}) : null,
-				i.effectiveEditable.value ? V(xr, {
+				i.effectiveEditable.value ? B(Cr, {
 					commands: i.filteredSlashCommands.value,
 					state: i.slashState.value,
 					position: i.slashMenuPosition.value,
@@ -3560,7 +3573,7 @@ var Dr = J({
 					onInputCommandChange: i.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				i.effectiveEditable.value ? V(Sr, {
+				i.effectiveEditable.value ? B(wr, {
 					editor: n,
 					active: i.tableFocusState.value.active,
 					interactionState: i.tableInteractionState.value,
@@ -3569,11 +3582,11 @@ var Dr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				i.effectiveEditable.value ? V(Cr, {
+				i.effectiveEditable.value ? B(Tr, {
 					editor: n,
 					focusState: i.tableFocusState.value
 				}) : null,
-				V(wr, {
+				B(Er, {
 					editor: n,
 					state: i.codeBlockState.value,
 					active: i.effectiveEditable.value && i.isCodeBlockActive.value,
@@ -3581,22 +3594,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(Dr, {
 					editor: n,
 					state: i.tocState.value,
 					messages: i.messages,
-					editable: i.effectiveEditable.value
+					editable: i.effectiveEditable.value,
+					placement: me(e.innerTocPlacement)
 				}) : null,
-				i.effectiveEditable.value && i.mathTarget.value ? V(br, {
+				i.effectiveEditable.value && i.mathTarget.value ? B(Sr, {
 					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 { kr as MarkweaveEditor, lr as createMarkweaveEditorExtensions, lr as createMarkweaveVue2EditorExtensions, Or as useMarkweaveEditorController };