@markweave/vue2 0.3.2 → 0.3.4

package/dist/index.js

@@ -8,51 +8,54 @@ import { MarkweaveLinkCard as h } from "markweave/internal/plugins/link-card/lin
 import { openMarkweaveLinkCardComposer as g } from "markweave/internal/plugins/link-card/link-card-composer";
 import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as v, replaceMarkweaveLinkCardWithLink as y } from "markweave/internal/plugins/link-card/link-card";
 import { openMarkweaveImagePreview as b } from "markweave/internal/plugins/media/image-preview";
-import { MarkweaveCoreImage as x, MarkweaveCoreVideo as S, attrsFromMarkweaveImageUploadResult as C, attrsFromMarkweaveVideoUploadResult as w, attrsFromMarkweaveVideoUrl as T, clampMarkweaveImageWidth as E, createMarkweaveImageUploadRequest as ee, createMarkweaveVideoUploadRequest as D, downloadMarkweaveImage as O, markweaveVideoIframeAllow as k, normalizeMarkweaveCoreImageAlign as A, normalizeMarkweaveVideoEmbedUrl as j, numberAttribute as M, stringAttribute as N } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as P, getDirectUploadResult as F, resolveMarkweaveUploadResult as I } from "markweave/internal/plugins/slash-command/upload";
-import { BubbleMenu as te } from "@tiptap/vue-2/menus";
-import { isEditorComposing as L } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveFrameScheduler as R } from "markweave/internal/editor-core/frame-scheduler";
-import { createMarkweaveEditorUpdatePayload as ne, getMarkweaveContentType as re, isEditorContentCurrent as ie, isMarkweaveControlledContentEchoCurrent as ae, normalizeMarkweaveContentFormat as oe } from "markweave/internal/editor-core/editor-content";
-import { getCurrentFloatingToolbarBlockType as se, getFloatingToolbarHighlightColorOptions as ce, getFloatingToolbarMoreActions as le, getFloatingToolbarTextColorOptions as z, getFloatingToolbarTurnIntoOptions as ue, runFloatingToolbarMoreAction as de, setFloatingToolbarTurnInto as fe } from "markweave/internal/editor-core/floating-toolbar-model";
-import { openMarkweaveReadonlyLinkFromEvent as pe } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as me } from "markweave/internal/editor-core/runtime-snapshot";
-import { areEditorSelectionSnapshotsEquivalent as he, calculateFloatingToolbarPopoverPlacement as ge, createSelectionSnapshot as _e, markweaveRuntimeProjectionDelayMs as ve, shouldShowFloatingToolbar as ye } from "markweave/internal/editor-core/selection-state";
-import { normalizeMarkweaveCanvasColor as be, normalizeMarkweaveTheme as xe } from "markweave/internal/core/theme";
-import { createMarkweaveTocState as Se, emptyMarkweaveTocState as Ce, getActiveMarkweaveTocId as we, getMarkweaveTocItems as Te, getValidMarkweaveTocActiveId as Ee, normalizeMarkweaveInnerTocPlacement as De, observeMarkweaveInnerTocContainerPosition as Oe, scrollToMarkweaveTocItem as ke } from "markweave/internal/core/toc-state";
-import { codeBlockCollapsePluginKey as Ae, copyActiveCodeBlock as je, getActiveCodeBlockState as Me, getCodeBlockCopyFeedbackSnapshot as Ne, markweaveCodeBlockBehavior as Pe, setCodeBlockCollapsedAtPosition as Fe, setCodeBlockLanguageAtPosition as Ie, setCodeBlockMermaidPreviewModeAtPosition as Le } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { calculateCodeBlockLanguageMenuPosition as Re, clampFullscreenScale as ze, codeBlockCopyFeedbackTimeoutMs as Be, copyCodeBlockText as Ve, createCodeBlockOverlayPosition as He, createMermaidFullscreenViewerState as Ue, createMermaidTabPosition as We, focusCodeBlockTarget as Ge, formatCodeBlockLanguageLabel as Ke, formatFullscreenZoom as qe, getActiveCodeBlockElement as Je, getAnchoredRect as Ye, getCodeBlockLanguageItems as Xe, getCodeBlockPositionFromEventTarget as Ze, getCodeBlockStateAtPosition as Qe, getFrameElement as $e, getMermaidCodeBlockTargets as et, getMermaidSvgMarkup as tt, isCodeBlockTargetCollapsed as nt, mergeStableMermaidTabPositions as rt, mermaidFullscreenZoomStep as it, moveMermaidFullscreenViewer as at } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { normalizeMarkdownLinkHref as ot } from "markweave/internal/plugins/markdown/markdown-input";
-import { applyMarkweaveMathLatex as st, calculateMarkweaveMathPopoverPosition as ct, getMarkweaveMathAnchorRect as lt, getMarkweaveMathBlockIndex as ut, getMarkweaveMathRenderedHtml as dt, getMarkweaveMathTargetAtPos as ft, getMarkweaveMathTargetFromDomEvent as pt, getMarkweaveMathTargetFromSelection as mt, renderMarkweaveMathPreview as ht, setMarkweaveMathEditingDomState as gt, setMarkweaveMathEditingDomStateInView as _t, setMarkweaveMathSelectionInView as vt } from "markweave/internal/plugins/math/math-ui-model";
-import { isMermaidInlinePreviewTransaction as yt, setMarkweaveMermaidTheme as bt, setMermaidInlinePreviewEditorMode as xt, setReadonlyMermaidPreviewMode as St } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as Ct } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as wt, isExecutableSlashCommand as Tt } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as Et } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as Dt, getNextSlashCommandState as Ot, getSlashCommandAnchoredMenuPosition as kt, getSlashCommandContext as At } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as jt, reduceSlashCommandState as Mt } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as Nt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as Pt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as Ft } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as It } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as Lt, initialTableInteractionState as Rt, tableInteractionPluginKey as zt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as Bt, calculateTableEdgeHandlePosition as Vt, canRunTableCommand as Ht, executeTableMenuCommand as Ut, formatTableCopyFeedback as Wt, getActiveTableElement as Gt, getAvailableCellMenuCommandSpecs as Kt, getTableAxisTargetRect as qt, getTableControlAxisSelectionModel as Jt, getTableEditWithAiRequest as Yt, getTableMenuItemGroup as Xt, getTableMenuItemLabel as Zt, getTableMenuItems as Qt, getTableSelectionTargetRect as $t, measureTableSelectionOverlay as en, selectTableAxisFromCell as tn, tableCopyFeedbackTimeoutMs as nn, tableMenuLabel as rn } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveLightweightImageNodeViewRenderer as x } from "markweave/internal/plugins/media/lightweight-image-node-view";
+import { resolveMarkweaveMediaSource as S } from "markweave/internal/plugins/media/media-source";
+import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as ee, markweaveVideoIframeAllow as j, normalizeMarkweaveCoreImageAlign as M, normalizeMarkweaveVideoEmbedUrl as N, numberAttribute as P, stringAttribute as F } from "markweave/internal/plugins/media/core-media-nodes";
+import { detectUploadSource as I, getDirectUploadResult as te, resolveMarkweaveUploadResult as L } from "markweave/internal/plugins/slash-command/upload";
+import { BubbleMenu as R } from "@tiptap/vue-2/menus";
+import { isEditorComposing as ne } from "markweave/internal/editor-core/composition-guard";
+import { saveMarkweaveBrowserFile as re } from "markweave/internal/core/browser-file-save";
+import { createMarkweaveFrameScheduler as z } from "markweave/internal/editor-core/frame-scheduler";
+import { createMarkweaveEditorUpdatePayload as B, getMarkweaveContentType as ie, isEditorContentCurrent as ae, isMarkweaveControlledContentEchoCurrent as oe, normalizeMarkweaveContentFormat as V } from "markweave/internal/editor-core/editor-content";
+import { getCurrentFloatingToolbarBlockType as se, getFloatingToolbarHighlightColorOptions as ce, getFloatingToolbarMoreActions as le, getFloatingToolbarTextColorOptions as ue, getFloatingToolbarTurnIntoOptions as de, runFloatingToolbarMoreAction as fe, setFloatingToolbarTurnInto as pe } from "markweave/internal/editor-core/floating-toolbar-model";
+import { openMarkweaveReadonlyLinkFromEvent as me } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as he } from "markweave/internal/editor-core/runtime-snapshot";
+import { areEditorSelectionSnapshotsEquivalent as ge, calculateFloatingToolbarPopoverPlacement as _e, createSelectionSnapshot as ve, markweaveRuntimeProjectionDelayMs as ye, shouldShowFloatingToolbar as be } from "markweave/internal/editor-core/selection-state";
+import { normalizeMarkweaveCanvasColor as xe, normalizeMarkweaveTheme as Se } from "markweave/internal/core/theme";
+import { createMarkweaveTocState as Ce, emptyMarkweaveTocState as we, getActiveMarkweaveTocId as Te, getMarkweaveTocItemsFromState as Ee, getValidMarkweaveTocActiveId as De, normalizeMarkweaveInnerTocPlacement as Oe, observeMarkweaveInnerTocContainerPosition as ke, scrollToMarkweaveTocItem as Ae } from "markweave/internal/core/toc-state";
+import { codeBlockCollapsePluginKey as je, copyActiveCodeBlock as Me, getActiveCodeBlockState as Ne, getCodeBlockCopyFeedbackSnapshot as Pe, markweaveCodeBlockBehavior as Fe, setCodeBlockCollapsedAtPosition as Ie, setCodeBlockLanguageAtPosition as Le, setCodeBlockMermaidPreviewModeAtPosition as Re } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { calculateCodeBlockLanguageMenuPosition as ze, clampFullscreenScale as Be, codeBlockCopyFeedbackTimeoutMs as Ve, copyCodeBlockText as He, createCodeBlockLanguageMenuDomId as Ue, createCodeBlockOverlayPosition as We, createMermaidFullscreenViewerState as Ge, createMermaidTabPosition as Ke, focusCodeBlockTarget as qe, formatCodeBlockLanguageLabel as Je, formatFullscreenZoom as Ye, getActiveCodeBlockElement as Xe, getAnchoredRect as Ze, getCodeBlockLanguageItems as Qe, getCodeBlockLanguageOptionDomId as $e, getCodeBlockPositionFromEventTarget as et, getCodeBlockStateAtPosition as tt, getFrameElement as nt, getInitialCodeBlockLanguageItemIndex as rt, getMermaidCodeBlockTargets as it, getMermaidSvgMarkup as at, isCodeBlockTargetCollapsed as ot, mergeStableMermaidTabPositions as st, mermaidFullscreenZoomStep as ct, moveCodeBlockLanguageItemIndex as lt, moveMermaidFullscreenViewer as ut, scrollCodeBlockLanguageItemIntoView as dt } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { normalizeMarkdownLinkHref as ft } from "markweave/internal/plugins/markdown/markdown-input";
+import { applyMarkweaveMathLatex as pt, calculateMarkweaveMathPopoverPosition as mt, getMarkweaveMathAnchorRect as ht, getMarkweaveMathBlockIndex as gt, getMarkweaveMathRenderedHtml as _t, getMarkweaveMathTargetAtPos as vt, getMarkweaveMathTargetFromDomEvent as yt, getMarkweaveMathTargetFromSelection as bt, renderMarkweaveMathPreview as xt, setMarkweaveMathEditingDomState as St, setMarkweaveMathEditingDomStateInView as Ct, setMarkweaveMathSelectionInView as wt } from "markweave/internal/plugins/math/math-ui-model";
+import { isMermaidInlinePreviewTransaction as Tt, setMarkweaveMermaidTheme as Et, setMermaidInlinePreviewEditorMode as Dt, setReadonlyMermaidPreviewMode as Ot } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as kt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { filterSlashCommands as At, isExecutableSlashCommand as jt } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as Mt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { areSlashCommandMenuPositionsEquivalent as Nt, executeSlashCommand as Pt, getNextSlashCommandState as Ft, getSlashCommandAnchoredMenuPosition as It, getSlashCommandContext as Lt, isSlashCommandAnchorVisible as Rt } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as zt, reduceSlashCommandState as Bt } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as Vt } from "markweave/internal/plugins/table/table-clipboard";
+import { getFirstTableDebugSnapshot as Ht } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Ut } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as Wt } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Gt, initialTableInteractionState as Kt, tableInteractionPluginKey as qt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { applyTableAxisAlignment as Jt, applyTableAxisBackgroundColor as Yt, applyTableAxisTextColor as Xt, calculateAnchoredTableMenuPosition as Zt, calculateAnchoredTableSubmenuPosition as Qt, calculateTableAxisHandleLayout as $t, calculateTableExtendButtonLayout as en, canRunTableCommand as tn, executeTableMenuCommand as nn, formatTableCopyFeedback as rn, getActiveTableElement as an, getAvailableCellMenuCommandSpecs as on, getTableAxisDropIndexAtPoint as sn, getTableAxisFormattingState as cn, getTableAxisTargetRect as ln, getTableControlAxisSelectionModel as un, getTableEditWithAiRequest as dn, getTableMenuBoundaryRect as fn, getTableMenuItemGroup as pn, getTableMenuItemLabel as mn, getTableMenuItems as hn, getTableSelectionTargetRect as gn, measureTableSelectionOverlay as _n, moveTargetedTableAxis as vn, selectTableAxisFromCell as yn, tableColorOptions as bn, tableCopyFeedbackTimeoutMs as xn, tableHorizontalAlignmentOptions as Sn, tableMenuLabel as Cn, tableVerticalAlignmentOptions as wn, targetTableAxisFromCell as Tn } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var an = l.default ?? l, on = null, sn = null, cn = null;
-function ln(e) {
+var En = l.default ?? l, Dn = null, On = null, kn = null;
+function An(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function un(e) {
+function jn(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 dn(e) {
+function Mn(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" && ln(s)) {
+		if (o === "ref" && An(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -61,7 +64,7 @@ function dn(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[un(o)] = s;
+			i[jn(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -72,14 +75,14 @@ function dn(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 fn(e) {
+function Nn(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" && ln(o)) {
+		if (a === "ref" && An(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -95,47 +98,47 @@ function fn(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 pn(e) {
+function Pn(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function mn(e) {
+function Fn(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function hn(e) {
+function In(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function gn(e) {
-	return typeof e == "function" ? hn(e()) : pn(e) ? hn(e.default()) : mn(e) ? [e] : e;
+function Ln(e) {
+	return typeof e == "function" ? In(e()) : Pn(e) ? In(e.default()) : Fn(e) ? [e] : e;
 }
-function B(e, t, n) {
-	if (!cn) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? dn(r) : fn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : gn(n);
-	return cn(e, i, a);
+function H(e, t, n) {
+	if (!kn) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Mn(r) : Nn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Ln(n);
+	return kn(e, i, a);
 }
-function V(e) {
-	return an.observable({ value: e });
-}
-var H = V;
 function U(e) {
+	return En.observable({ value: e });
+}
+var W = U;
+function G(e) {
 	return { get value() {
 		return e();
 	} };
 }
-function W(e, t, n) {
+function K(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return on?.$watch ? on.$watch(r, t, n) : () => void 0;
+	return Dn?.$watch ? Dn.$watch(r, t, n) : () => void 0;
 }
-function G(e) {
-	sn?.mounted.push(e);
-}
-function K(e) {
-	sn?.beforeUnmount.push(e);
+function Rn(e) {
+	On?.mounted.push(e);
 }
 function q(e) {
-	return an.nextTick(e);
+	On?.beforeUnmount.push(e);
 }
 function J(e) {
-	return an.extend({
+	return En.nextTick(e);
+}
+function Y(e) {
+	return En.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -143,12 +146,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			on = this, sn = t;
+			Dn = this, On = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				on = null, sn = null;
+				Dn = null, On = null;
 			}
 		},
 		mounted() {
@@ -158,19 +161,413 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			cn = t;
+			kn = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				cn = null;
+				kn = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var _n = {
+var zn = {
+	AlignVerticalJustifyCenter: {
+		iconName: "align-vertical-justify-center",
+		node: [
+			["rect", {
+				width: "14",
+				height: "6",
+				x: "5",
+				y: "16",
+				rx: "2",
+				key: "1i8z2d"
+			}],
+			["rect", {
+				width: "10",
+				height: "6",
+				x: "7",
+				y: "2",
+				rx: "2",
+				key: "ypihtt"
+			}],
+			["path", {
+				d: "M2 12h20",
+				key: "9i4pu4"
+			}]
+		]
+	},
+	AlignVerticalJustifyEnd: {
+		iconName: "align-vertical-justify-end",
+		node: [
+			["rect", {
+				width: "14",
+				height: "6",
+				x: "5",
+				y: "12",
+				rx: "2",
+				key: "4l4tp2"
+			}],
+			["rect", {
+				width: "10",
+				height: "6",
+				x: "7",
+				y: "2",
+				rx: "2",
+				key: "ypihtt"
+			}],
+			["path", {
+				d: "M2 22h20",
+				key: "272qi7"
+			}]
+		]
+	},
+	AlignVerticalJustifyStart: {
+		iconName: "align-vertical-justify-start",
+		node: [
+			["rect", {
+				width: "14",
+				height: "6",
+				x: "5",
+				y: "16",
+				rx: "2",
+				key: "1i8z2d"
+			}],
+			["rect", {
+				width: "10",
+				height: "6",
+				x: "7",
+				y: "6",
+				rx: "2",
+				key: "13squh"
+			}],
+			["path", {
+				d: "M2 2h20",
+				key: "1ennik"
+			}]
+		]
+	},
+	ArrowDown: {
+		iconName: "arrow-down",
+		node: [["path", {
+			d: "M12 5v14",
+			key: "s699le"
+		}], ["path", {
+			d: "m19 12-7 7-7-7",
+			key: "1idqje"
+		}]]
+	},
+	ArrowDownAZ: {
+		iconName: "arrow-down-a-z",
+		node: [
+			["path", {
+				d: "m3 16 4 4 4-4",
+				key: "1co6wj"
+			}],
+			["path", {
+				d: "M7 20V4",
+				key: "1yoxec"
+			}],
+			["path", {
+				d: "M20 8h-5",
+				key: "1vsyxs"
+			}],
+			["path", {
+				d: "M15 10V6.5a2.5 2.5 0 0 1 5 0V10",
+				key: "ag13bf"
+			}],
+			["path", {
+				d: "M15 14h5l-5 6h5",
+				key: "ur5jdg"
+			}]
+		]
+	},
+	ArrowLeft: {
+		iconName: "arrow-left",
+		node: [["path", {
+			d: "m12 19-7-7 7-7",
+			key: "1l729n"
+		}], ["path", {
+			d: "M19 12H5",
+			key: "x3x0zl"
+		}]]
+	},
+	ArrowRight: {
+		iconName: "arrow-right",
+		node: [["path", {
+			d: "M5 12h14",
+			key: "1ays0h"
+		}], ["path", {
+			d: "m12 5 7 7-7 7",
+			key: "xquz4c"
+		}]]
+	},
+	ArrowUp: {
+		iconName: "arrow-up",
+		node: [["path", {
+			d: "m5 12 7-7 7 7",
+			key: "hav0vg"
+		}], ["path", {
+			d: "M12 19V5",
+			key: "x0mq9r"
+		}]]
+	},
+	ArrowUpZA: {
+		iconName: "arrow-up-z-a",
+		node: [
+			["path", {
+				d: "m3 8 4-4 4 4",
+				key: "11wl7u"
+			}],
+			["path", {
+				d: "M7 4v16",
+				key: "1glfcx"
+			}],
+			["path", {
+				d: "M15 4h5l-5 6h5",
+				key: "8asdl1"
+			}],
+			["path", {
+				d: "M15 20v-3.5a2.5 2.5 0 0 1 5 0V20",
+				key: "r6l5cz"
+			}],
+			["path", {
+				d: "M20 18h-5",
+				key: "18j1r2"
+			}]
+		]
+	},
+	BetweenHorizontalEnd: {
+		iconName: "between-horizontal-end",
+		node: [
+			["rect", {
+				width: "13",
+				height: "7",
+				x: "3",
+				y: "3",
+				rx: "1",
+				key: "11xb64"
+			}],
+			["path", {
+				d: "m22 15-3-3 3-3",
+				key: "26chmm"
+			}],
+			["rect", {
+				width: "13",
+				height: "7",
+				x: "3",
+				y: "14",
+				rx: "1",
+				key: "k6ky7n"
+			}]
+		]
+	},
+	BetweenHorizontalStart: {
+		iconName: "between-horizontal-start",
+		node: [
+			["rect", {
+				width: "13",
+				height: "7",
+				x: "8",
+				y: "3",
+				rx: "1",
+				key: "pkso9a"
+			}],
+			["path", {
+				d: "m2 9 3 3-3 3",
+				key: "1agib5"
+			}],
+			["rect", {
+				width: "13",
+				height: "7",
+				x: "8",
+				y: "14",
+				rx: "1",
+				key: "1q5fc1"
+			}]
+		]
+	},
+	BetweenVerticalEnd: {
+		iconName: "between-vertical-end",
+		node: [
+			["rect", {
+				width: "7",
+				height: "13",
+				x: "3",
+				y: "3",
+				rx: "1",
+				key: "1fdu0f"
+			}],
+			["path", {
+				d: "m9 22 3-3 3 3",
+				key: "17z65a"
+			}],
+			["rect", {
+				width: "7",
+				height: "13",
+				x: "14",
+				y: "3",
+				rx: "1",
+				key: "1squn4"
+			}]
+		]
+	},
+	BetweenVerticalStart: {
+		iconName: "between-vertical-start",
+		node: [
+			["rect", {
+				width: "7",
+				height: "13",
+				x: "3",
+				y: "8",
+				rx: "1",
+				key: "1fjrkv"
+			}],
+			["path", {
+				d: "m15 2-3 3-3-3",
+				key: "1uh6eb"
+			}],
+			["rect", {
+				width: "7",
+				height: "13",
+				x: "14",
+				y: "8",
+				rx: "1",
+				key: "w3fjg8"
+			}]
+		]
+	},
+	ChevronRight: {
+		iconName: "chevron-right",
+		node: [["path", {
+			d: "m9 18 6-6-6-6",
+			key: "mthhwq"
+		}]]
+	},
+	Copy: {
+		iconName: "copy",
+		node: [["rect", {
+			width: "14",
+			height: "14",
+			x: "8",
+			y: "8",
+			rx: "2",
+			ry: "2",
+			key: "17jyea"
+		}], ["path", {
+			d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+			key: "zix9uf"
+		}]]
+	},
+	PaintBucket: {
+		iconName: "paint-bucket",
+		node: [
+			["path", {
+				d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z",
+				key: "irua1i"
+			}],
+			["path", {
+				d: "m5 2 5 5",
+				key: "1lls2c"
+			}],
+			["path", {
+				d: "M2 13h15",
+				key: "1hkzvu"
+			}],
+			["path", {
+				d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z",
+				key: "xk76lq"
+			}]
+		]
+	},
+	Plus: {
+		iconName: "plus",
+		node: [["path", {
+			d: "M5 12h14",
+			key: "1ays0h"
+		}], ["path", {
+			d: "M12 5v14",
+			key: "s699le"
+		}]]
+	},
+	SquareX: {
+		iconName: "square-x",
+		node: [
+			["rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2",
+				ry: "2",
+				key: "1m3agn"
+			}],
+			["path", {
+				d: "m15 9-6 6",
+				key: "1uzhvr"
+			}],
+			["path", {
+				d: "m9 9 6 6",
+				key: "z0biqf"
+			}]
+		]
+	},
+	TableCellsMerge: {
+		iconName: "table-cells-merge",
+		node: [
+			["path", {
+				d: "M12 21v-6",
+				key: "lihzve"
+			}],
+			["path", {
+				d: "M12 9V3",
+				key: "da5inc"
+			}],
+			["path", {
+				d: "M3 15h18",
+				key: "5xshup"
+			}],
+			["path", {
+				d: "M3 9h18",
+				key: "1pudct"
+			}],
+			["rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2",
+				key: "afitv7"
+			}]
+		]
+	},
+	TableCellsSplit: {
+		iconName: "table-cells-split",
+		node: [
+			["path", {
+				d: "M12 15V9",
+				key: "8c7uyn"
+			}],
+			["path", {
+				d: "M3 15h18",
+				key: "5xshup"
+			}],
+			["path", {
+				d: "M3 9h18",
+				key: "1pudct"
+			}],
+			["rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2",
+				key: "afitv7"
+			}]
+		]
+	},
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1035,11 +1432,11 @@ var _n = {
 		}]]
 	}
 };
-function vn(e) {
-	return e.map(([e, t]) => B(e, t));
+function Bn(e) {
+	return e.map(([e, t]) => H(e, t));
 }
-function Y(e) {
-	return J({
+function X(e) {
+	return Y({
 		name: `MarkweaveVue2Icon${e}`,
 		props: {
 			size: {
@@ -1056,8 +1453,8 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = _n[e];
-			return () => B("svg", {
+			let n = zn[e];
+			return () => H("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
 				width: t.size,
@@ -1069,12 +1466,12 @@ function Y(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, vn(n.node));
+			}, Bn(n.node));
 		}
 	});
 }
-var yn = Y("AlignCenter"), bn = Y("AlignJustify"), xn = Y("AlignLeft"), Sn = Y("AlignRight"), Cn = Y("AlertTriangle"), wn = Y("Bold"), Tn = Y("Braces"), En = Y("Captions"), Dn = Y("CheckCircle2"), On = Y("ChevronDown"), kn = Y("ChevronUp"), An = Y("CircleX"), jn = Y("Code2"), Mn = Y("CornerDownLeft"), Nn = Y("Download"), Pn = Y("Eye"), Fn = Y("ExternalLink"), In = Y("Heading1"), Ln = Y("Heading2"), Rn = Y("Heading3"), zn = Y("Image"), Bn = Y("ImageUp"), Vn = Y("IndentDecrease"), Hn = Y("IndentIncrease"), Un = Y("Info"), Wn = Y("Italic"), Gn = Y("Lightbulb"), Kn = Y("Link2"), qn = Y("List"), Jn = Y("ListChecks"), Yn = Y("ListOrdered"), Xn = Y("Minus"), Zn = Y("MoreVertical"), Qn = Y("Paperclip"), $n = Y("PencilLine"), er = Y("Quote"), tr = Y("Replace"), nr = Y("Sigma"), rr = Y("SmilePlus"), ir = Y("Strikethrough"), ar = Y("Subscript"), or = Y("Superscript"), sr = Y("Table2"), cr = Y("Text"), lr = Y("Trash2"), ur = Y("Type"), dr = Y("Underline"), fr = Y("Upload"), pr = Y("Video"), mr = A;
-function hr(e) {
+var Vn = X("AlignCenter"), Hn = X("AlignJustify"), Un = X("AlignLeft"), Wn = X("AlignRight"), Gn = X("AlignVerticalJustifyCenter"), Kn = X("AlignVerticalJustifyEnd"), qn = X("AlignVerticalJustifyStart"), Jn = X("AlertTriangle"), Yn = X("ArrowDown"), Xn = X("ArrowDownAZ"), Zn = X("ArrowLeft"), Qn = X("ArrowRight"), $n = X("ArrowUp"), er = X("ArrowUpZA"), tr = X("BetweenHorizontalEnd"), nr = X("BetweenHorizontalStart"), rr = X("BetweenVerticalEnd"), ir = X("BetweenVerticalStart"), ar = X("Bold"), or = X("Braces"), sr = X("Captions"), cr = X("CheckCircle2"), lr = X("ChevronDown"), ur = X("ChevronRight"), dr = X("ChevronUp"), fr = X("CircleX"), pr = X("Code2"), mr = X("CornerDownLeft"), hr = X("Copy"), gr = X("Download"), _r = X("Eye"), vr = X("ExternalLink"), yr = X("Heading1"), br = X("Heading2"), xr = X("Heading3"), Sr = X("Image"), Cr = X("ImageUp"), wr = X("IndentDecrease"), Tr = X("IndentIncrease"), Er = X("Info"), Dr = X("Italic"), Or = X("Lightbulb"), kr = X("Link2"), Ar = X("List"), jr = X("ListChecks"), Mr = X("ListOrdered"), Nr = X("Minus"), Pr = X("MoreVertical"), Fr = X("PaintBucket"), Ir = X("Paperclip"), Lr = X("PencilLine"), Rr = X("Plus"), zr = X("Quote"), Br = X("Replace"), Vr = X("Sigma"), Hr = X("SmilePlus"), Ur = X("SquareX"), Wr = X("Strikethrough"), Gr = X("Subscript"), Kr = X("Superscript"), qr = X("Table2"), Jr = X("TableCellsMerge"), Yr = X("TableCellsSplit"), Xr = X("Text"), Zr = X("Trash2"), Qr = X("Type"), $r = X("Underline"), ei = X("Upload"), ti = X("Video"), ni = M;
+function ri(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1084,7 +1481,7 @@ function hr(e) {
 			mode: "live",
 			editable: e.isEditable
 		} : u(e);
-	}, r = V(n()), i = m(e, () => {
+	}, r = U(n()), i = m(e, () => {
 		r.value = n();
 	}), a = typeof MutationObserver > "u" || !t ? null : new MutationObserver(() => {
 		r.value = n();
@@ -1092,28 +1489,28 @@ function hr(e) {
 	return a && t && a.observe(t, {
 		attributes: !0,
 		attributeFilter: ["data-markweave-mode"]
-	}), K(() => {
+	}), q(() => {
 		i(), a?.disconnect();
 	}), r;
 }
-function gr(e) {
+function ii(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function _r(e) {
+function ai(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function vr(e) {
+function oi(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function yr(e, t) {
-	return B(e, {
+function si(e, t) {
+	return H(e, {
 		size: 18,
 		strokeWidth: 1.8,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function X(e) {
-	return B("button", {
+function ci(e) {
+	return H("button", {
 		type: "button",
 		"aria-label": e.label,
 		title: e.label,
@@ -1121,14 +1518,14 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [yr(e.icon, e.label), B("span", {
+	}, [si(e.icon, e.label), H("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function br(e) {
-	let t = V(null), n = e.messages.image;
-	return B("section", {
+function li(e) {
+	let t = U(null), n = e.messages.image;
+	return H("section", {
 		class: "markweave-image-upload-placeholder",
 		"data-testid": "markweave-image-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1146,7 +1543,7 @@ function br(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		B("input", {
+		H("input", {
 			ref: t,
 			"data-testid": "markweave-image-file-input",
 			type: "file",
@@ -1157,20 +1554,20 @@ function br(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		B("div", {
+		H("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [B(Bn, {
+		}, [H(Cr, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
-		B("div", { class: "markweave-image-upload-copy" }, [B("button", {
+		H("div", { class: "markweave-image-upload-copy" }, [H("button", {
 			type: "button",
 			onClick: () => t.value?.click()
-		}, 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", {
+		}, n.clickToUpload), H("span", null, n.dragAndDrop)]),
+		H("div", { class: "markweave-image-upload-note" }, n.uploadNote),
+		H("div", { class: "markweave-image-upload-row" }, [
+			H("input", {
 				"data-testid": "markweave-image-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1180,30 +1577,30 @@ function br(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Bn, {
+			}, [H(Cr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? B("div", {
+		e.error ? H("div", {
 			class: "markweave-image-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-function xr(e) {
-	let t = V(null), n = e.messages.video;
-	return B("section", {
+function ui(e) {
+	let t = U(null), n = e.messages.video;
+	return H("section", {
 		class: "markweave-video-upload-placeholder",
 		"data-testid": "markweave-video-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1221,7 +1618,7 @@ function xr(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		B("input", {
+		H("input", {
 			ref: t,
 			"data-testid": "markweave-video-file-input",
 			type: "file",
@@ -1232,20 +1629,20 @@ function xr(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		B("div", {
+		H("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [B(pr, {
+		}, [H(ti, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
-		B("div", { class: "markweave-video-upload-copy" }, [B("button", {
+		H("div", { class: "markweave-video-upload-copy" }, [H("button", {
 			type: "button",
 			onClick: () => t.value?.click()
-		}, 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", {
+		}, n.clickToUpload), H("span", null, n.dragAndDrop)]),
+		H("div", { class: "markweave-video-upload-note" }, n.uploadNote),
+		H("div", { class: "markweave-video-upload-row" }, [
+			H("input", {
 				"data-testid": "markweave-video-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1255,28 +1652,28 @@ function xr(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(fr, {
+			}, [H(ei, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? B("div", {
+		e.error ? H("div", {
 			class: "markweave-video-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-var Sr = J({
+var di = Y({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1309,10 +1706,31 @@ var Sr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), r = V(!1), i = V(!1), a = V(!1), o = V(""), c = V(null), l = V(!1), u = U(() => e.node.attrs), f = V(!!N(u.value.caption)), p = V(N(u.value.caption) ?? ""), m = hr(e.editor), h = U(() => d(m.value)), g = U(() => e.extension.options?.messages ?? n("zh")), _ = U(() => g.value.image), v = U(() => N(u.value.src)), y = U(() => mr(u.value.align)), x = U(() => M(u.value.width)), S = U(() => N(u.value.caption)), w = U(() => h.value && (!v.value || i.value)), T = () => {
-			v.value && b({
-				src: v.value,
-				alt: N(u.value.alt) ?? "",
+		let t = U(null), r = U(!1), i = U(!1), a = U(!1), o = U(""), c = U(null), l = U(!1), u = G(() => e.node.attrs), f = U(!!F(u.value.caption)), p = U(F(u.value.caption) ?? ""), m = ri(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => F(u.value.src)), y = G(() => e.extension.options?.resolveMediaSource), x = U(null), C = null;
+		K(v, (t) => {
+			if (C?.abort(), C = null, !t) {
+				x.value = null;
+				return;
+			}
+			let n = y.value;
+			if (!n) {
+				x.value = { src: t };
+				return;
+			}
+			let r = new AbortController();
+			C = r, S(n, {
+				kind: "image",
+				priority: e.selected ? "visible" : "nearby",
+				signal: r.signal,
+				src: t
+			}).then((e) => {
+				r.signal.aborted || (x.value = e);
+			});
+		}, { immediate: !0 }), q(() => C?.abort());
+		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => ni(u.value.align)), D = G(() => P(u.value.width)), A = G(() => F(u.value.caption)), j = G(() => h.value && (!v.value || i.value)), M = () => {
+			w.value && b({
+				src: w.value,
+				alt: F(u.value.alt) ?? "",
 				messages: {
 					dialogAriaLabel: _.value.previewDialogAriaLabel,
 					zoomOut: _.value.previewZoomOut,
@@ -1322,67 +1740,67 @@ var Sr = J({
 				}
 			});
 		};
-		W(S, (e) => {
+		K(A, (e) => {
 			f.value || (p.value = e ?? "");
 		});
-		let D = () => {
+		let N = () => {
 			if (!h.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, k = () => {
+		}, te = () => {
 			if (o.value = "", c.value = null, a.value = !1, v.value) {
 				i.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, A = async (t) => {
+		}, R = async (t) => {
 			if (!h.value) return;
 			let n = e.extension.options;
 			l.value = !0, c.value = null;
 			try {
-				let r = await I(ee(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
-				e.updateAttributes(C(u.value, r)), o.value = "", i.value = !1;
+				let r = await L(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
+				e.updateAttributes(T(u.value, r)), o.value = "", i.value = !1;
 			} catch (e) {
 				c.value = e instanceof Error ? e.message : _.value.uploadFailedError;
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, j = () => {
+		}, ne = () => {
 			if (!o.value.trim()) {
 				c.value = _.value.uploadRequiredError;
 				return;
 			}
-			A(P(o.value));
-		}, F = (e) => {
-			A({
+			R(I(o.value));
+		}, re = (e) => {
+			R({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, te = () => {
-			f.value = !f.value, f.value && (p.value = S.value ?? "");
-		}, L = (n, r) => {
+		}, z = () => {
+			f.value = !f.value, f.value && (p.value = A.value ?? "");
+		}, B = (n, r) => {
 			if (!h.value || !v.value) return;
-			r.preventDefault(), r.stopPropagation(), D();
+			r.preventDefault(), r.stopPropagation(), N();
 			let i = t.value;
 			if (!i) return;
-			let a = r.clientX, o = i.getBoundingClientRect().width || x.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
+			let a = r.clientX, o = i.getBoundingClientRect().width || D.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
 				let r = n === "right" ? t.clientX - a : a - t.clientX;
-				e.updateAttributes({ width: E(o + r, s) });
+				e.updateAttributes({ width: O(o + r, s) });
 			}, l = () => {
 				window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l);
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => w.value ? B(s, {
+		return () => j.value ? H(s, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": y.value,
+			"data-align": E.value,
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => br({
+		}, () => li({
 			messages: g.value,
 			inputValue: o.value,
 			error: c.value,
@@ -1391,17 +1809,17 @@ var Sr = J({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: F,
-			onSubmit: j,
-			onCancel: k,
+			onFile: re,
+			onSubmit: ne,
+			onCancel: te,
 			onDragActive: (e) => {
 				a.value = e;
 			}
-		})) : B(s, {
+		})) : H(s, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": y.value,
+			"data-align": E.value,
 			"data-selected": h.value && e.selected ? "true" : "false",
 			"data-hovered": r.value ? "true" : "false",
 			"data-empty": "false",
@@ -1412,97 +1830,104 @@ var Sr = J({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !gr(e.target) && D();
+				h.value && !ii(e.target) && N();
 			}
 		}, () => [
-			h.value ? B("div", {
+			h.value ? H("div", {
 				class: "markweave-image-toolbar",
 				"data-testid": "markweave-image-toolbar",
 				"data-markweave-image-ui": "true",
 				"aria-label": _.value.toolsAriaLabel
 			}, [
-				X({
+				ci({
 					testId: "markweave-image-align-left",
 					label: _.value.alignLeft,
-					icon: xn,
-					active: y.value === "left",
+					icon: Un,
+					active: E.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
-				X({
+				ci({
 					testId: "markweave-image-align-center",
 					label: _.value.alignCenter,
-					icon: yn,
-					active: y.value === "center",
+					icon: Vn,
+					active: E.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
-				X({
+				ci({
 					testId: "markweave-image-align-right",
 					label: _.value.alignRight,
-					icon: Sn,
-					active: y.value === "right",
+					icon: Wn,
+					active: E.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
-				B("span", {
+				H("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				X({
+				ci({
 					testId: "markweave-image-caption",
 					label: _.value.caption,
-					icon: En,
-					active: f.value || !!S.value,
-					onClick: te
+					icon: sr,
+					active: f.value || !!A.value,
+					onClick: z
 				}),
-				X({
+				ci({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
-					icon: Pn,
-					onClick: T
+					icon: _r,
+					onClick: M
 				}),
-				X({
+				ci({
 					testId: "markweave-image-download",
 					label: _.value.download,
-					icon: Nn,
+					icon: gr,
 					onClick: () => {
-						v.value && O(v.value);
+						w.value && ee(w.value);
 					}
 				}),
-				X({
+				ci({
 					testId: "markweave-image-replace",
 					label: _.value.replace,
-					icon: tr,
+					icon: Br,
 					onClick: () => {
 						o.value = "", c.value = null, i.value = !0;
 					}
 				}),
-				B("span", {
+				H("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				X({
+				ci({
 					testId: "markweave-image-delete",
 					label: _.value.delete,
-					icon: lr,
+					icon: Zr,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
-			B("div", {
+			H("div", {
 				ref: t,
 				class: "markweave-image-box",
-				style: x.value ? { width: `${Math.round(x.value)}px` } : void 0
+				style: {
+					...D.value ? { width: `${Math.round(D.value)}px` } : {},
+					...x.value?.width && x.value.height ? { aspectRatio: `${x.value.width} / ${x.value.height}` } : {}
+				}
 			}, [
-				v.value ? B("img", {
+				w.value ? H("img", {
 					class: "markweave-image",
-					src: v.value,
-					alt: N(u.value.alt) ?? "",
-					title: N(u.value.title) ?? void 0,
-					draggable: !1
-				}) : B("div", {
+					src: w.value,
+					alt: F(u.value.alt) ?? "",
+					title: F(u.value.title) ?? void 0,
+					draggable: !1,
+					loading: "lazy",
+					decoding: "async",
+					width: x.value?.width,
+					height: x.value?.height
+				}) : H("div", {
 					class: "markweave-image-readonly-empty",
 					"data-testid": "markweave-image-readonly-empty",
 					"aria-hidden": "true"
 				}),
-				!h.value && v.value ? B("button", {
+				!h.value && w.value ? H("button", {
 					type: "button",
 					class: "markweave-image-preview-trigger",
 					"data-testid": "markweave-image-preview",
@@ -1510,34 +1935,34 @@ var Sr = J({
 					"aria-label": _.value.preview,
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
-					onClick: T
-				}, [B(Pn, {
+					onClick: M
+				}, [H(_r, {
 					size: 16,
 					strokeWidth: 1.8
-				}), B("span", {
+				}), H("span", {
 					class: "markweave-image-tooltip",
 					role: "tooltip"
 				}, _.value.preview)]) : null,
-				h.value ? B("button", {
+				h.value ? H("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-left",
 					"data-side": "left",
 					"aria-label": _.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => L("left", e)
+					onPointerdown: (e) => B("left", e)
 				}) : null,
-				h.value ? B("button", {
+				h.value ? H("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-right",
 					"data-side": "right",
 					"aria-label": _.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => L("right", e)
+					onPointerdown: (e) => B("right", e)
 				}) : null
 			]),
-			h.value && (f.value || S.value) ? B("input", {
+			h.value && (f.value || A.value) ? H("input", {
 				class: "markweave-image-caption-input",
 				"data-testid": "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
@@ -1550,13 +1975,13 @@ var Sr = J({
 				onKeydown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), f.value = !1);
 				}
-			}) : S.value ? B("figcaption", {
+			}) : A.value ? H("figcaption", {
 				class: "markweave-image-caption",
 				"data-testid": "markweave-image-caption"
-			}, S.value) : null
+			}, A.value) : null
 		]);
 	}
-}), Cr = J({
+}), fi = Y({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1589,15 +2014,15 @@ var Sr = J({
 		}
 	},
 	setup(e) {
-		let t = V(!1), r = V(""), i = V(null), a = V(!1), o = hr(e.editor), c = U(() => d(o.value)), l = U(() => e.extension.options?.messages ?? n("zh")), u = U(() => l.value.video), f = U(() => e.node.attrs), p = U(() => N(f.value.src)), m = U(() => N(f.value.embedUrl)), h = U(() => N(f.value.provider)), g = U(() => m.value ? j(m.value, h.value) : null), _ = U(() => N(f.value.mimeType)), v = U(() => N(f.value.title)), y = () => {
+		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = ri(e.editor), c = G(() => d(o.value)), l = G(() => e.extension.options?.messages ?? n("zh")), u = G(() => l.value.video), f = G(() => e.node.attrs), p = G(() => F(f.value.src)), m = G(() => F(f.value.embedUrl)), h = G(() => F(f.value.provider)), g = G(() => m.value ? N(m.value, h.value) : null), _ = G(() => F(f.value.mimeType)), v = G(() => F(f.value.title)), y = () => {
 			p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
 		}, b = async (n) => {
 			if (!c.value) return;
 			let o = e.extension.options;
 			a.value = !0, i.value = null;
 			try {
-				let t = await I(D(n), o?.onUpload);
-				e.updateAttributes(w(t)), r.value = "";
+				let t = await L(A(n), o?.onUpload);
+				e.updateAttributes(E(t)), r.value = "";
 			} catch (e) {
 				i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
 			} finally {
@@ -1605,7 +2030,7 @@ var Sr = J({
 			}
 		}, x = () => {
 			if (!c.value) return;
-			let t = T(r.value);
+			let t = D(r.value);
 			if (!t) {
 				i.value = u.value.unsupportedUrlError;
 				return;
@@ -1621,16 +2046,16 @@ var Sr = J({
 			if (!c.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, E = (t) => {
+		}, w = (t) => {
 			c.value && e.selected && (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.deleteNode());
 		};
-		return () => c.value && !p.value ? B(s, {
+		return () => c.value && !p.value ? H(s, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => xr({
+		}, () => ui({
 			messages: l.value,
 			inputValue: r.value,
 			error: i.value,
@@ -1645,7 +2070,7 @@ var Sr = J({
 			onDragActive: (e) => {
 				t.value = e;
 			}
-		})) : B(s, {
+		})) : H(s, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
@@ -1655,27 +2080,27 @@ var Sr = J({
 			"aria-label": u.value.nodeAriaLabel,
 			tabindex: c.value ? 0 : void 0,
 			onFocus: C,
-			onKeydown: E,
+			onKeydown: w,
 			onMousedown: (e) => {
-				c.value && !_r(e.target) && (e.preventDefault(), C());
+				c.value && !ai(e.target) && (e.preventDefault(), C());
 			}
-		}, () => [g.value ? B("div", { class: "markweave-video-embed" }, [B("iframe", {
+		}, () => [g.value ? H("div", { class: "markweave-video-embed" }, [H("iframe", {
 			class: "markweave-video-iframe",
 			src: g.value,
 			title: v.value ?? `${h.value ?? "Video"} embed`,
 			"data-markweave-video-embed": "true",
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": p.value ?? void 0,
-			allow: k,
+			allow: j,
 			loading: "lazy",
 			allowfullscreen: "true"
-		}), c.value ? B("button", {
+		}), c.value ? H("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
 			"aria-label": u.value.selectAriaLabel
-		}) : null]) : p.value ? B("div", { class: "markweave-video-box" }, [B("video", {
+		}) : null]) : p.value ? H("div", { class: "markweave-video-box" }, [H("video", {
 			class: "markweave-video",
 			src: p.value,
 			title: v.value ?? void 0,
@@ -1683,41 +2108,51 @@ var Sr = J({
 			controls: !0,
 			"data-markweave-video": "true",
 			"data-markweave-mime-type": _.value ?? void 0
-		}), c.value ? B("button", {
+		}), c.value ? H("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
 			"aria-label": u.value.selectAriaLabel
-		}) : null]) : B("div", {
+		}) : null]) : H("div", {
 			class: "markweave-video-readonly-empty",
 			"data-testid": "markweave-video-readonly-empty",
 			"aria-hidden": "true"
 		})]);
 	}
-}), wr = x.extend({
+}), pi = C.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Sr, { stopEvent: ({ event: e }) => gr(e.target) });
+		if (typeof document > "u") return null;
+		let e = c(di, { stopEvent: ({ event: e }) => ii(e.target) }), t = this.options.resolveMediaSource;
+		if (!t) return e;
+		let r = x({
+			messages: this.options.messages ?? n("zh"),
+			onUpload: this.options.onUpload,
+			resolveMediaSource: t
+		});
+		return (t) => F(t.node.attrs.src) ? r(t) : e(t);
 	}
-}), Tr = S.extend({
+}), mi = w.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Cr, { stopEvent: ({ event: e }) => _r(e.target) });
+		return typeof document > "u" ? null : c(fi, { stopEvent: ({ event: e }) => ai(e.target) });
 	}
-}), Er = J({
+}), hi = Y({
 	name: "MarkweaveVueLinkCardNodeView",
 	props: {
 		editor: {
@@ -1750,11 +2185,11 @@ var Sr = J({
 		}
 	},
 	setup(e) {
-		let t = e.extension.options, r = t.messages ?? n("zh"), i = hr(e.editor), a = V(!1), o = V(!1), c = V(!1), l = U(() => _(e.node.attrs ?? {})), u = V(l.value?.title ?? ""), f = V(l.value?.href ?? "");
-		W(l, (e) => {
+		let t = e.extension.options, r = t.messages ?? n("zh"), i = ri(e.editor), a = U(!1), o = U(!1), c = U(!1), l = G(() => _(e.node.attrs ?? {})), u = U(l.value?.title ?? ""), f = U(l.value?.href ?? "");
+		K(l, (e) => {
 			u.value = e?.title ?? "", f.value = e?.href ?? "", c.value = !1;
 		});
-		let p = U(() => d(i.value)), m = U(() => {
+		let p = G(() => d(i.value)), m = G(() => {
 			try {
 				return new URL(l.value?.href ?? "").host;
 			} catch {
@@ -1778,18 +2213,18 @@ var Sr = J({
 				...r,
 				...i
 			}) ?? r);
-		}, C = (e, t, n, r) => B("button", {
+		}, C = (e, t, n, r) => H("button", {
 			type: "button",
 			title: e,
 			"aria-label": e,
 			"data-testid": n,
 			onMousedown: h,
 			onClick: r
-		}, [yr(t, e), B("span", { role: "tooltip" }, e)]);
+		}, [si(t, e), H("span", { role: "tooltip" }, e)]);
 		return () => {
 			let n = l.value;
 			if (!n) return null;
-			let i = !c.value && n.imageUrl ? B("img", {
+			let i = !c.value && n.imageUrl ? H("img", {
 				src: n.imageUrl,
 				alt: "",
 				loading: "lazy",
@@ -1797,7 +2232,7 @@ var Sr = J({
 				onError: () => {
 					c.value = !0;
 				}
-			}) : !c.value && n.faviconUrl ? B("img", {
+			}) : !c.value && n.faviconUrl ? H("img", {
 				class: "markweave-link-card-favicon",
 				src: n.faviconUrl,
 				alt: "",
@@ -1806,8 +2241,8 @@ var Sr = J({
 				onError: () => {
 					c.value = !0;
 				}
-			}) : B("b", null, m.value.slice(0, 1).toUpperCase());
-			return B(s, {
+			}) : H("b", null, m.value.slice(0, 1).toUpperCase());
+			return H(s, {
 				as: "article",
 				class: "markweave-link-card",
 				"data-testid": "markweave-link-card",
@@ -1821,32 +2256,32 @@ var Sr = J({
 					a.value = !1;
 				},
 				onMousedown: (e) => {
-					vr(e.target) || e.preventDefault();
+					oi(e.target) || e.preventDefault();
 				},
 				onClick: (e) => {
-					vr(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
+					oi(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
 				}
 			}, () => [
-				B("a", {
+				H("a", {
 					class: "markweave-link-card-main",
 					href: n.href,
 					"aria-label": r.linkCard.open
-				}, [B("span", { class: "markweave-link-card-copy" }, [
-					B("strong", null, n.title),
-					n.description ? B("span", null, n.description) : null,
-					B("small", null, n.siteName ?? m.value)
-				]), B("span", {
+				}, [H("span", { class: "markweave-link-card-copy" }, [
+					H("strong", null, n.title),
+					n.description ? H("span", null, n.description) : null,
+					H("small", null, n.siteName ?? m.value)
+				]), H("span", {
 					class: "markweave-link-card-media",
 					"aria-hidden": "true"
 				}, [i])]),
-				p.value && a.value ? B("div", {
+				p.value && a.value ? H("div", {
 					class: "markweave-link-card-tools",
 					"data-markweave-link-card-ui": "true",
 					"aria-label": r.linkCard.toolsAriaLabel
 				}, [
-					C(r.linkCard.convertToLink, Kn, "markweave-link-card-convert", x),
-					C(r.linkCard.copyAddress, Nn, "markweave-link-card-copy", () => b(n.href)),
-					C(r.linkCard.edit, $n, "markweave-link-card-edit", (i) => g({
+					C(r.linkCard.convertToLink, kr, "markweave-link-card-convert", x),
+					C(r.linkCard.copyAddress, gr, "markweave-link-card-copy", () => b(n.href)),
+					C(r.linkCard.edit, Lr, "markweave-link-card-edit", (i) => g({
 						anchor: i.currentTarget,
 						editor: e.editor,
 						messages: r,
@@ -1856,15 +2291,15 @@ var Sr = J({
 							attrs: n
 						}
 					})),
-					C(r.linkCard.delete, lr, "markweave-link-card-delete", () => e.deleteNode())
+					C(r.linkCard.delete, Zr, "markweave-link-card-delete", () => e.deleteNode())
 				]) : null,
-				p.value && o.value ? B("form", {
+				p.value && o.value ? H("form", {
 					class: "markweave-link-card-editor",
 					"data-markweave-link-card-ui": "true",
 					"data-testid": "markweave-link-card-editor",
 					onSubmit: S
 				}, [
-					B("label", null, [B("span", null, r.linkCard.titleLabel), B("input", {
+					H("label", null, [H("span", null, r.linkCard.titleLabel), H("input", {
 						value: u.value,
 						placeholder: r.linkCard.titlePlaceholder,
 						"aria-label": r.linkCard.titleLabel,
@@ -1872,7 +2307,7 @@ var Sr = J({
 							u.value = e.target.value;
 						}
 					})]),
-					B("label", null, [B("span", null, r.linkCard.addressLabel), B("input", {
+					H("label", null, [H("span", null, r.linkCard.addressLabel), H("input", {
 						value: f.value,
 						placeholder: r.linkCard.addressPlaceholder,
 						"aria-label": r.linkCard.addressLabel,
@@ -1880,16 +2315,16 @@ var Sr = J({
 							f.value = e.target.value;
 						}
 					})]),
-					B("button", {
+					H("button", {
 						type: "submit",
 						disabled: !v(f.value),
 						"aria-label": r.linkCard.edit
-					}, [yr(Kn, r.linkCard.edit)])
+					}, [si(kr, r.linkCard.edit)])
 				]) : null
 			]);
 		};
 	}
-}), Dr = h.extend({
+}), gi = h.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1898,32 +2333,33 @@ var Sr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Er, { stopEvent: ({ event: e }) => vr(e.target) });
+		return typeof document > "u" ? null : c(hi, { stopEvent: ({ event: e }) => oi(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Or(t = {}) {
+function _i(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: Dr.configure({
+		linkCardExtension: gi.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: i({
-			image: wr,
-			video: Tr,
+			image: pi,
+			video: mi,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
-			onVideoUpload: t.onVideoUpload
+			onVideoUpload: t.onVideoUpload,
+			resolveMediaSource: t.resolveMediaSource
 		})
 	});
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var kr = {
+var vi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1931,17 +2367,17 @@ var kr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Ar = {
+}, yi = {
 	active: !1,
-	language: Pe.defaultLanguage,
+	language: Fe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function jr(e) {
-	return zt.getState(e.state) ?? Rt;
+function bi(e) {
+	return qt.getState(e.state) ?? Kt;
 }
-function Mr(e) {
+function xi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1952,133 +2388,133 @@ function Mr(e) {
 	return null;
 }
 function Z(e, t, n = 18, r = 1.8) {
-	return B(e, {
+	return H(e, {
 		size: n,
 		strokeWidth: r,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function Nr(e) {
-	return e === "clipboard" ? [B("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), B("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] : e === "search" ? [B("circle", {
+function Si(e) {
+	return e === "clipboard" ? [H("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" }), H("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" ? [H("circle", {
 		cx: "10",
 		cy: "10",
 		r: "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" })
+	}), H("path", { d: "m14 14 4 4" })] : e === "check" ? [H("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
+		H("path", { d: "M8 4H4v4" }),
+		H("path", { d: "M4 4l5 5" }),
+		H("path", { d: "M16 4h4v4" }),
+		H("path", { d: "m20 4-5 5" }),
+		H("path", { d: "M8 20H4v-4" }),
+		H("path", { d: "m4 20 5-5" }),
+		H("path", { d: "M16 20h4v-4" }),
+		H("path", { d: "m20 20-5-5" })
 	] : e === "download" ? [
-		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", {
+		H("path", { d: "M12 4v10" }),
+		H("path", { d: "m8 10 4 4 4-4" }),
+		H("path", { d: "M5 19h14" })
+	] : e === "close" ? [H("path", { d: "M6 6l12 12" }), H("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
+		H("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		B("path", { d: "M7.5 10h5" }),
-		B("path", { d: "m14 14 4 4" })
+		H("path", { d: "M7.5 10h5" }),
+		H("path", { d: "m14 14 4 4" })
 	] : e === "zoomIn" ? [
-		B("circle", {
+		H("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		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" })];
+		H("path", { d: "M7.5 10h5" }),
+		H("path", { d: "M10 7.5v5" }),
+		H("path", { d: "m14 14 4 4" })
+	] : e === "reset" ? [H("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), H("path", { d: "M6.5 8.5H3.5v-3" })] : [H("path", { d: "m6 9 6 6 6-6" })];
 }
 function Q(e) {
-	return B("svg", {
+	return H("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
 		focusable: "false"
-	}, B("g", {
+	}, H("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, Nr(e)));
+	}, Si(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function Pr(e) {
-	let t = ot(e);
+function Ci(e) {
+	let t = ft(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var Fr = {
-	bold: wn,
-	italic: Wn,
-	underline: dr,
-	strike: ir,
-	"inline-code": jn,
-	link: Kn,
-	more: Zn,
-	superscript: or,
-	subscript: ar,
-	"inline-math": nr,
-	"align-left": xn,
-	"align-center": yn,
-	"align-right": Sn,
-	"align-justify": bn,
-	"decrease-indent": Vn,
-	"increase-indent": Hn
-}, Ir = {
-	type: cr,
-	"heading-1": In,
-	"heading-2": Ln,
-	"heading-3": Rn,
-	"bullet-list": qn,
-	"ordered-list": Yn,
-	"task-list": Jn,
-	blockquote: er,
-	"code-block": Tn,
-	info: Un,
-	tip: Gn,
-	warning: Cn,
-	error: An,
-	success: Dn,
-	emoji: rr,
-	math: nr,
-	table: sr,
-	separator: Xn,
-	image: zn,
-	video: pr,
-	attachment: Qn
+var wi = {
+	bold: ar,
+	italic: Dr,
+	underline: $r,
+	strike: Wr,
+	"inline-code": pr,
+	link: kr,
+	more: Pr,
+	superscript: Kr,
+	subscript: Gr,
+	"inline-math": Vr,
+	"align-left": Un,
+	"align-center": Vn,
+	"align-right": Wn,
+	"align-justify": Hn,
+	"decrease-indent": wr,
+	"increase-indent": Tr
+}, Ti = {
+	type: Xr,
+	"heading-1": yr,
+	"heading-2": br,
+	"heading-3": xr,
+	"bullet-list": Ar,
+	"ordered-list": Mr,
+	"task-list": jr,
+	blockquote: zr,
+	"code-block": or,
+	info: Er,
+	tip: Or,
+	warning: Jn,
+	error: fr,
+	success: cr,
+	emoji: Hr,
+	math: Vr,
+	table: qr,
+	separator: Nr,
+	image: Sr,
+	video: ti,
+	attachment: Ir
 };
-function Lr(e) {
-	let t = Ir[e];
-	return B(t, {
+function Ei(e) {
+	let t = Ti[e];
+	return H(t, {
 		size: 18,
 		strokeWidth: 1.6,
 		absoluteStrokeWidth: !0,
 		"aria-hidden": "true"
 	});
 }
-var Rr = {
-	paragraph: ur,
-	"heading-1": In,
-	"heading-2": Ln,
-	"heading-3": Rn,
-	"bullet-list": qn,
-	"numbered-list": Yn,
-	"todo-list": Jn,
-	quote: er,
-	"code-block": Tn
+var Di = {
+	paragraph: Qr,
+	"heading-1": yr,
+	"heading-2": br,
+	"heading-3": xr,
+	"bullet-list": Ar,
+	"numbered-list": Mr,
+	"todo-list": jr,
+	quote: zr,
+	"code-block": or
 };
-function zr(e, t) {
+function Oi(e, t) {
 	return se(e, t).label;
 }
-var Br = J({
+var ki = Y({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -2095,28 +2531,28 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(""), r = V(null), i = V(null), a = V("bottom"), o = V(null), s = V(null), c = V(null), l = U(() => ot(n.value.trim())), u = U(() => e.messages.floatingToolbar), d = U(() => ue(e.messages).map((e) => [
+		let t = U(null), n = U(""), r = U(null), i = U(null), a = U("bottom"), o = U(null), s = U(null), c = U(null), l = G(() => ft(n.value.trim())), u = G(() => e.messages.floatingToolbar), d = G(() => de(e.messages).map((e) => [
 			e.id,
 			e.label,
-			Rr[e.id]
-		])), f = U(() => z(e.messages).map((e) => [
+			Di[e.id]
+		])), f = G(() => ue(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), p = U(() => ce(e.messages).map((e) => [
+		])), p = G(() => ce(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), m = U(() => le(e.messages).map((e) => e.id)), h = () => {
+		])), m = G(() => le(e.messages).map((e) => e.id)), h = () => {
 			l.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: l.value }).run(), t.value = null);
 		}, g = () => {
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", t.value = null;
 		}, _ = (r) => {
 			t.value = t.value === r ? null : r, r === "link" && (n.value = e.editor.getAttributes("link").href ?? "");
-		}, v = R(() => {
+		}, v = z(() => {
 			let n = o.value, r = c.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
 			if (!t.value || !n || !r) return;
-			let s = ge({
+			let s = _e({
 				toolbarRect: n.getBoundingClientRect(),
 				popoverSize: r.getBoundingClientRect(),
 				viewport: {
@@ -2128,11 +2564,11 @@ var Br = J({
 			});
 			a.value = s.placement;
 		});
-		W(t, (e) => {
-			e && q(v.schedule);
-		}), G(() => {
+		K(t, (e) => {
+			e && J(v.schedule);
+		}), Rn(() => {
 			window.addEventListener("resize", v.schedule), window.addEventListener("scroll", v.schedule, !0);
-		}), K(() => {
+		}), q(() => {
 			v.cancel(), window.removeEventListener("resize", v.schedule), window.removeEventListener("scroll", v.schedule, !0);
 		});
 		let y = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, b = (e, t) => {
@@ -2146,7 +2582,7 @@ var Br = J({
 			let e = r.value;
 			if (!e || t.value !== null) return null;
 			let n = u.value.buttons[e];
-			return n ? B("div", {
+			return n ? H("div", {
 				class: "markweave-floating-toolbar-tooltip",
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
@@ -2154,7 +2590,7 @@ var Br = J({
 				"data-active": y(e),
 				style: i.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${i.value}px` }
 			}, n) : null;
-		}, S = (n, i, a, o, s = !1, c) => B("button", {
+		}, S = (n, i, a, o, s = !1, c) => H("button", {
 			type: "button",
 			class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
 			"aria-label": i,
@@ -2173,13 +2609,13 @@ var Br = J({
 			onMouseenter: (e) => b(n, e.currentTarget),
 			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, zr(e.editor, e.messages)), Z(t.value === "block-type" ? kn : On, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? kn : On, i)])] : [Z(a, i)]), C = () => B("span", {
+		}, n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, Oi(e.editor, e.messages)), Z(t.value === "block-type" ? dr : lr, i)])] : n === "color" ? [H("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [H("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? dr : lr, i)])] : [Z(a, i)]), C = () => H("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
-		}), w = (n, r, i) => B("section", {
+		}), w = (n, r, i) => H("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
-		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, n), B("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => B("button", {
+		}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, n), H("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => H("button", {
 			key: `${r}-${n}`,
 			type: "button",
 			"aria-label": a,
@@ -2188,33 +2624,33 @@ var Br = 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" ? [B("span", {
+		}, r === "text" ? [H("span", {
 			class: "markweave-floating-toolbar-text-swatch",
 			style: { color: i ?? "#646970" }
-		}, "A")] : [B("span", {
+		}, "A")] : [H("span", {
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), T = () => t.value === "block-type" ? B("div", {
+		})])))]), T = () => t.value === "block-type" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 			"data-testid": "markweave-floating-toolbar-turn-menu"
-		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, u.value.turnIntoTitle), ...d.value.map(([n, r, i]) => B("button", {
+		}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, u.value.turnIntoTitle), ...d.value.map(([n, r, i]) => H("button", {
 			key: n,
 			type: "button",
 			"data-testid": `markweave-floating-toolbar-turn-${n}`,
 			onMousedown: $,
 			onClick: () => {
-				fe(e.editor, n), t.value = null;
+				pe(e.editor, n), t.value = null;
 			}
-		}, [B("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), B("span", null, r)]))]) : t.value === "link" ? B("form", {
+		}, [H("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), H("span", null, r)]))]) : t.value === "link" ? H("form", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
 			ref: c,
 			"data-testid": "markweave-floating-toolbar-link-popover",
 			onSubmit: (e) => {
 				e.preventDefault(), h();
 			}
-		}, [B("input", {
+		}, [H("input", {
 			value: n.value,
 			placeholder: u.value.linkPlaceholder,
 			"aria-label": u.value.linkUrlLabel,
@@ -2222,45 +2658,45 @@ var Br = J({
 			onInput: (e) => {
 				n.value = e.target.value;
 			}
-		}), B("span", { class: "markweave-floating-toolbar-link-actions" }, [
-			B("button", {
+		}), H("span", { class: "markweave-floating-toolbar-link-actions" }, [
+			H("button", {
 				type: "submit",
 				disabled: !l.value,
 				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(Mn, u.value.applyLink)]),
-			B("span", {
+			}, [Z(mr, u.value.applyLink)]),
+			H("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
 			}),
-			B("button", {
+			H("button", {
 				type: "button",
 				disabled: !l.value,
 				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => Pr(n.value)
-			}, [Z(Fn, u.value.openLink)]),
-			B("button", {
+				onClick: () => Ci(n.value)
+			}, [Z(vr, u.value.openLink)]),
+			H("button", {
 				type: "button",
 				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
 				onClick: g
-			}, [Z(lr, u.value.removeLink)])
-		])]) : t.value === "color" ? B("div", {
+			}, [Z(Zr, u.value.removeLink)])
+		])]) : t.value === "color" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 			"data-testid": "markweave-floating-toolbar-color-menu"
-		}, [w(u.value.textColorTitle, "text", f.value), w(u.value.highlightColorTitle, "highlight", p.value)]) : t.value === "more" ? B("div", {
+		}, [w(u.value.textColorTitle, "text", f.value), w(u.value.highlightColorTitle, "highlight", p.value)]) : t.value === "more" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 			"data-testid": "markweave-floating-toolbar-more-menu"
-		}, m.value.map((n) => B("span", {
+		}, m.value.map((n) => H("span", {
 			key: n,
 			class: "markweave-floating-toolbar-more-item"
-		}, [B("button", {
+		}, [H("button", {
 			type: "button",
 			"aria-label": u.value.moreActions[n],
 			"data-testid": `markweave-floating-toolbar-more-${n}`,
@@ -2273,43 +2709,43 @@ var Br = J({
 				r.value = null;
 			},
 			onClick: () => {
-				de(e.editor, n), t.value = null;
+				fe(e.editor, n), t.value = null;
 			}
-		}, [Z(Fr[n], u.value.moreActions[n])]), r.value === n ? B("div", {
+		}, [Z(wi[n], u.value.moreActions[n])]), r.value === n ? H("div", {
 			class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip"
 		}, u.value.moreActions[n]) : null]))) : null;
-		return () => B(te, {
+		return () => H(R, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && ye(_e(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && be(ve(e)),
 			options: { placement: "top" }
-		}, { default: () => B("div", {
+		}, { default: () => H("div", {
 			ref: o,
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
 			"data-popover-placement": t.value ? a.value : void 0,
 			"data-testid": "markweave-floating-toolbar"
-		}, [B("div", {
+		}, [H("div", {
 			ref: s,
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			S("block-type", u.value.buttons["block-type"], ur, () => _("block-type"), t.value === "block-type"),
+			S("block-type", u.value.buttons["block-type"], Qr, () => _("block-type"), t.value === "block-type"),
 			C(),
-			S("bold", u.value.buttons.bold, wn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			S("italic", u.value.buttons.italic, Wn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			S("underline", u.value.buttons.underline, dr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			S("strike", u.value.buttons.strike, ir, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			S("inline-code", u.value.buttons["inline-code"], jn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			S("bold", u.value.buttons.bold, ar, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, Dr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, $r, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, Wr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], pr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			C(),
-			S("link", u.value.buttons.link, Kn, () => _("link"), e.editor.isActive("link")),
-			S("color", u.value.buttons.color, ur, () => _("color"), t.value === "color"),
+			S("link", u.value.buttons.link, kr, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, Qr, () => _("color"), t.value === "color"),
 			C(),
-			S("more", u.value.buttons.more, Zn, () => _("more"), t.value === "more"),
+			S("more", u.value.buttons.more, Pr, () => _("more"), t.value === "more"),
 			T(),
 			x()
 		])]) });
 	}
-}), Vr = J({
+}), Ai = Y({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2330,17 +2766,17 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(dt(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
+		let t = U(e.target.latex), n = W(null), r = U(null), i = U(null), a = W(_t(e.editor, e.target)), o = G(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : ht(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => ut(e.editor, e.target) ?? 1), u = () => {
+		} : xt(t.value, e.target.kind, e.editor)), s = G(() => t.value.trim().length > 0), c = G(() => e.messages.math), l = G(() => gt(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
-			let r = lt(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+			let r = ht(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
 				e.onClose();
 				return;
 			}
-			n.value = ct({
+			n.value = mt({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2349,7 +2785,7 @@ var Br = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && st(e.editor, e.target, t.value) && e.onClose();
+			s.value && pt(e.editor, e.target, t.value) && e.onClose();
 		}, f = (t) => {
 			if (t.key === "Escape") {
 				t.preventDefault(), e.onClose(), e.editor.commands.focus();
@@ -2360,14 +2796,14 @@ var Br = J({
 			let n = t.target;
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
-		return W(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = dt(e.editor, e.target), q(u);
-		}), G(() => {
-			gt(e.editor, e.target, !0), u(), q(() => {
+		return K(() => [e.target.pos, e.target.latex], () => {
+			t.value = e.target.latex, a.value = _t(e.editor, e.target), J(u);
+		}), Rn(() => {
+			St(e.editor, e.target, !0), u(), J(() => {
 				i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
 			}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
-		}), K(() => {
-			gt(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
+		}), q(() => {
+			St(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,
@@ -2380,7 +2816,7 @@ var Br = J({
 				},
 				onKeydown: f
 			};
-			return e.target.kind === "inline" ? B("form", {
+			return e.target.kind === "inline" ? H("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--inline",
 				"aria-label": a,
@@ -2395,22 +2831,22 @@ var Br = J({
 				onSubmit: (e) => {
 					e.preventDefault(), d();
 				}
-			}, [B("label", {
+			}, [H("label", {
 				class: "markweave-math-inline-source",
 				"data-testid": "markweave-math-inline-source"
 			}, [
-				B("span", { attrs: { "aria-hidden": "true" } }, "$"),
-				B("input", {
+				H("span", { attrs: { "aria-hidden": "true" } }, "$"),
+				H("input", {
 					...u,
 					"aria-label": c.value.latexLabel,
 					size: Math.max(t.value.length, 1)
 				}),
-				B("span", { attrs: { "aria-hidden": "true" } }, "$")
-			]), B("div", {
+				H("span", { attrs: { "aria-hidden": "true" } }, "$")
+			]), H("div", {
 				class: "markweave-math-inline-preview",
 				"data-error": o.value.error ? "true" : "false",
 				"data-testid": "markweave-math-editor-preview"
-			}, [B("div", { innerHTML: o.value.html || " " }), o.value.error ? B("small", null, c.value.invalidPreview) : null])]) : B("form", {
+			}, [H("div", { innerHTML: o.value.html || " " }), o.value.error ? H("small", null, c.value.invalidPreview) : null])]) : H("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--block",
 				"aria-label": a,
@@ -2426,39 +2862,39 @@ var Br = J({
 					e.preventDefault(), d();
 				}
 			}, [
-				B("div", { class: "markweave-math-block-toolbar" }, [
-					B("span", null, c.value.label),
-					Z(jn, c.value.label, 15, 1.75),
-					B("button", {
+				H("div", { class: "markweave-math-block-toolbar" }, [
+					H("span", null, c.value.label),
+					Z(pr, c.value.label, 15, 1.75),
+					H("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(cr, c.value.apply, 16, 2)])
 				]),
-				B("label", {
+				H("label", {
 					class: "markweave-math-block-source",
 					"data-testid": "markweave-math-block-source"
 				}, [
-					B("span", { attrs: { "aria-hidden": "true" } }, "$$"),
-					B("textarea", {
+					H("span", { attrs: { "aria-hidden": "true" } }, "$$"),
+					H("textarea", {
 						...u,
 						"aria-label": c.value.latexLabel,
 						rows: 3
 					}),
-					B("span", { attrs: { "aria-hidden": "true" } }, "$$")
+					H("span", { attrs: { "aria-hidden": "true" } }, "$$")
 				]),
-				B("div", {
+				H("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"
-				}, [B("div", { innerHTML: o.value.html || " " }), o.value.error ? B("small", null, c.value.invalidPreview) : null])
+				}, [H("div", { innerHTML: o.value.html || " " }), o.value.error ? H("small", null, c.value.invalidPreview) : null])
 			]);
 		};
 	}
-}), Hr = J({
+}), ji = Y({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2495,7 +2931,7 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		let t = V(""), n = V(null), r = V(null), i = V(!1), a = V(""), o = V(0), s = U(() => {
+		let t = U(""), n = U(null), r = U(null), i = U(!1), a = U(""), o = U(0), s = G(() => {
 			let t = a.value.trim().toLowerCase();
 			return (t ? e.messages.slash.emojiItems.filter((e) => [
 				e.emoji,
@@ -2517,13 +2953,13 @@ var Br = J({
 					} : {
 						kind: e.inputCommand.uploadKind ?? "attachment",
 						trigger: "slash-command",
-						source: P(t.value)
+						source: I(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await I(i, e.onUpload);
+					let a = await L(i, e.onUpload);
 					e.onSelect(e.inputCommand, { uploadResult: a }), e.onInputCommandChange(null), t.value = "", n.value = null;
 				} catch (t) {
 					r.value = t instanceof Error ? t.message : e.messages.slash.uploadFailedError;
@@ -2550,32 +2986,32 @@ var Br = J({
 				group: t,
 				commands: e.commands.filter((e) => e.group === t)
 			})).filter((e) => e.commands.length);
-			return B("div", {
+			return H("div", {
 				class: "markweave-slash-layer",
 				style: { display: "contents" },
 				"data-testid": "markweave-slash-layer"
-			}, [B("div", {
+			}, [H("div", {
 				class: "markweave-slash-trigger",
 				style: d,
 				"aria-hidden": "true",
 				"data-testid": "markweave-slash-trigger"
-			}, [B("span", null, "/"), B("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), B("div", {
+			}, [H("span", null, "/"), H("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), H("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" ? B("div", {
+			}, [e.inputCommand?.inputKind === "emoji" ? H("div", {
 				class: "markweave-slash-subpanel",
 				"data-testid": "markweave-slash-emoji-picker"
 			}, [
-				B("div", { class: "markweave-slash-subpanel-header" }, [B("button", {
+				H("div", { class: "markweave-slash-subpanel-header" }, [H("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), B("span", null, e.messages.slash.emojiTitle)]),
-				B("label", { class: "markweave-slash-input" }, [B("span", null, "/"), B("input", {
+				}, e.messages.common.back), H("span", null, e.messages.slash.emojiTitle)]),
+				H("label", { class: "markweave-slash-input" }, [H("span", null, "/"), H("input", {
 					autofocus: !0,
 					value: a.value,
 					placeholder: e.messages.slash.emojiSearchPlaceholder,
@@ -2586,11 +3022,11 @@ var Br = 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));
 					}
 				})]),
-				B("div", {
+				H("div", {
 					class: "markweave-slash-emoji-grid",
 					role: "listbox",
 					"aria-label": e.messages.slash.emojiTitle
-				}, s.value.map((e, t) => B("button", {
+				}, s.value.map((e, t) => H("button", {
 					key: `${e.emoji}-${e.label}`,
 					type: "button",
 					role: "option",
@@ -2599,17 +3035,17 @@ var Br = J({
 					onMouseenter: () => o.value = t,
 					onMousedown: $,
 					onClick: () => l(t)
-				}, [B("span", null, e.emoji), B("small", null, e.label)])))
-			]) : e.inputCommand?.inputKind === "upload" ? B("div", {
+				}, [H("span", null, e.emoji), H("small", null, e.label)])))
+			]) : e.inputCommand?.inputKind === "upload" ? H("div", {
 				class: "markweave-slash-subpanel",
 				"data-testid": "markweave-slash-upload-panel"
 			}, [
-				B("div", { class: "markweave-slash-upload-header" }, [B("button", {
+				H("div", { class: "markweave-slash-upload-header" }, [H("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, 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", {
+				}, e.messages.common.back), H("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
+				H("label", { class: "markweave-slash-upload-field" }, [H("span", null, e.messages.slash.uploadValueLabel), H("input", {
 					autofocus: !0,
 					value: t.value,
 					placeholder: e.messages.slash.uploadValuePlaceholder,
@@ -2620,32 +3056,32 @@ var Br = J({
 						e.key === "Enter" && (e.preventDefault(), c());
 					}
 				})]),
-				B("label", { class: "markweave-slash-upload-field" }, [B("span", null, e.messages.common.file), B("input", {
+				H("label", { class: "markweave-slash-upload-field" }, [H("span", null, e.messages.common.file), H("input", {
 					type: "file",
 					onChange: (e) => n.value = e.target.files?.[0] ?? null
 				})]),
-				r.value ? B("div", {
+				r.value ? H("div", {
 					class: "markweave-slash-upload-error",
 					role: "alert"
 				}, r.value) : null,
-				B("div", { class: "markweave-slash-upload-actions" }, [B("button", {
+				H("div", { class: "markweave-slash-upload-actions" }, [H("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.cancel), B("button", {
+				}, e.messages.common.cancel), H("button", {
 					type: "button",
 					"data-primary": "true",
 					disabled: i.value,
 					onMousedown: $,
 					onClick: c
 				}, e.messages.common.insert)])
-			]) : e.commands.length ? B("div", { class: "markweave-slash-command-list" }, f.map((t) => B("section", {
+			]) : e.commands.length ? H("div", { class: "markweave-slash-command-list" }, f.map((t) => H("section", {
 				key: t.group,
 				class: "markweave-slash-group",
 				"aria-label": t.group
-			}, [B("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
-				let n = e.commands.indexOf(t) === e.state.activeIndex, r = Tt(t);
-				return B("button", {
+			}, [H("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
+				let n = e.commands.indexOf(t) === e.state.activeIndex, r = jt(t);
+				return H("button", {
 					key: t.id,
 					type: "button",
 					role: "option",
@@ -2667,18 +3103,44 @@ var Br = J({
 						}
 					}
 				}, [
-					Lr(t.icon),
-					B("span", null, t.label),
-					t.disabledReason ? B("small", null, t.disabledReason) : null
+					Ei(t.icon),
+					H("span", null, t.label),
+					t.disabledReason ? H("small", null, t.disabledReason) : null
 				]);
-			})]))) : B("div", {
+			})]))) : H("div", {
 				class: "markweave-slash-menu__empty",
 				role: "option",
 				"aria-disabled": "true"
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Ur = J({
+}), Mi = {
+	"move-left": Zn,
+	"move-right": Qn,
+	"move-up": $n,
+	"move-down": Yn,
+	"insert-left": ir,
+	"insert-right": rr,
+	"insert-above": nr,
+	"insert-below": tr,
+	"sort-asc": Xn,
+	"sort-desc": er,
+	color: Fr,
+	alignment: Un,
+	clear: Ur,
+	duplicate: hr,
+	copy: hr,
+	merge: Jr,
+	split: Yr,
+	delete: Zr
+}, Ni = {
+	left: Un,
+	center: Vn,
+	right: Wn,
+	top: qn,
+	middle: Gn,
+	bottom: Kn
+}, Pi = Y({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2711,221 +3173,465 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? It(e.editor.state) : kr), h = U(() => Jt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Jt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Kt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Qt(e.editor, t.value) : []), b = () => {
-			p === null || typeof window > "u" || (window.clearTimeout(p), p = null);
-		}, x = (e) => {
-			b(), s.value = e, !(!e || typeof window > "u") && (p = window.setTimeout(() => {
-				s.value = null, p = null;
-			}, nn));
-		}, S = () => {
+		let t = U(null), n = U(null), r = U("row-edge"), i = U(null), a = U(null), o = U(null), s = U(null), c = U(null), l = U(null), u = U(null), d = U(null), f = U(0), p = U(null), m = U(null), h = U(null), g = U(null), _ = U(null), v = U(null), y = U(null), b = null, x = null, S = null, C = G(() => e.active ? Wt(e.editor.state) : vi), w = G(() => un(e.editor, e.interactionState, "row", C.value.activeCellPos)), T = G(() => un(e.editor, e.interactionState, "column", C.value.activeCellPos)), E = G(() => on(e.editor)), D = G(() => (E.value, C.value.active)), O = G(() => t.value ? hn(e.editor, t.value) : []), k = () => {
+			b === null || typeof window > "u" || (window.clearTimeout(b), b = null);
+		}, A = (e) => {
+			k(), d.value = e, !(!e || typeof window > "u") && (b = window.setTimeout(() => {
+				d.value = null, b = null;
+			}, xn));
+		}, ee = () => {
 			if (!e.active) {
-				r.value = null, i.value = null, a.value = null, x(null);
+				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null, A(null);
 				return;
 			}
-			let o = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement;
-			if (!o) {
-				r.value = null, i.value = null, a.value = null;
+			let n = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement;
+			if (!n) {
+				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null;
 				return;
 			}
-			let s = o.getBoundingClientRect(), c = h.value ? qt(e.editor, h.value) : null, l = g.value ? qt(e.editor, g.value) : null, u = v.value ? $t(e.editor) : null;
-			c ? r.value = Vt({
-				targetRect: c,
-				frameRect: s,
+			let l = n.getBoundingClientRect(), u = w.value ? ln(e.editor, w.value) : null, d = T.value ? ln(e.editor, T.value) : null, f = D.value ? gn(e.editor) : null, p = an(e.editor)?.getBoundingClientRect() ?? null;
+			u ? i.value = $t({
+				targetRect: u,
+				frameRect: l,
 				kind: "row"
-			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Vt({
-				targetRect: l,
-				frameRect: s,
+			}) : t.value === "row" && r.value === "row-edge" || (i.value = null), d ? a.value = $t({
+				targetRect: d,
+				frameRect: l,
 				kind: "column"
-			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Vt({
-				targetRect: u,
-				frameRect: s,
+			}) : t.value === "column" && r.value === "column-edge" || (a.value = null), f ? o.value = $t({
+				targetRect: f,
+				frameRect: l,
 				kind: "selection"
-			}) : t.value === "selection" && n.value === "selection-edge" || (a.value = null);
-		}, C = () => {
+			}) : t.value === "selection" && r.value === "selection-edge" || (o.value = null);
+			let m = e.interactionState.hoverCellPos !== null && !!(w.value && w.value.index === w.value.visualHeight - 1), h = e.interactionState.hoverCellPos !== null && !!(T.value && T.value.index === T.value.visualWidth - 1);
+			s.value = p && m ? en({
+				tableRect: p,
+				frameRect: l,
+				kind: "row"
+			}) : null, c.value = p && h ? en({
+				tableRect: p,
+				frameRect: l,
+				kind: "column"
+			}) : null;
+		}, j = () => {
 			if (!e.active || !t.value) {
-				o.value = null;
+				l.value = null;
 				return;
 			}
-			let r = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement, i = n.value === "row-edge" ? l.value : n.value === "column-edge" ? u.value : d.value;
-			if (!r || !i || !f.value) {
-				o.value = null;
+			let n = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement, i = r.value === "row-edge" ? m.value : r.value === "column-edge" ? h.value : g.value;
+			if (!n || !i || !_.value) {
+				l.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? Gt(e.editor)?.getBoundingClientRect() : null, c = s ? {
+			let a = i.getBoundingClientRect(), o = t.value === "row" ? an(e.editor)?.getBoundingClientRect() : null, s = o ? {
 				left: a.left,
-				top: s.top,
+				top: o.top,
 				width: a.width,
 				height: a.height
-			} : a, p = r.getBoundingClientRect(), m = f.value.getBoundingClientRect();
-			o.value = Bt({
-				anchorRect: c,
-				frameRect: p,
+			} : a, c = n.getBoundingClientRect(), u = _.value.getBoundingClientRect(), d = v.value?.scrollHeight ?? 0, f = d > 0 ? d + 12 : 0;
+			l.value = Zt({
+				anchorRect: s,
+				frameRect: c,
+				boundaryRect: fn(n),
 				menuSize: {
-					width: m.width || 204,
-					height: m.height || 220
+					width: u.width || 254,
+					height: f || u.height || 410
 				},
 				kind: t.value
 			});
-		}, w = () => {
-			S(), C();
-		}, T = () => {
-			q(w);
-		}, E = (e, r) => {
-			let i = t.value === e && n.value === r;
-			n.value = r, t.value = i ? null : e, T();
-		}, ee = () => {
-			e.editor.view.dispatch(Nt(e.editor.state.tr, null));
-		}, D = (t, n) => {
-			let r = e.interactionState.hoverCellPos ?? m.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && tn(e.editor, r, t, { visualIndex: i }), E(t, n);
-		}, O = () => {
-			ee(), E("selection", "selection-edge");
-		}, k = (n = !1) => {
-			t.value = null, o.value = null, n && e.editor.view.focus();
-		}, A = async (n, r) => {
-			let i = await Ut({
+		}, M = () => {
+			if (!e.active || !t.value || !n.value || !l.value) {
+				u.value = null;
+				return;
+			}
+			let r = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement, i = _.value?.querySelector(`[data-submenu-trigger="${n.value}"]`);
+			if (!r || !_.value || !y.value || !i) {
+				u.value = null;
+				return;
+			}
+			let a = y.value.getBoundingClientRect(), o = Math.max(y.value.scrollHeight + 2, a.height);
+			u.value = Qt({
+				triggerRect: i.getBoundingClientRect(),
+				parentMenuRect: _.value.getBoundingClientRect(),
+				boundaryRect: fn(r),
+				submenuSize: {
+					width: a.width || 238,
+					height: o || 410
+				}
+			});
+		}, N = () => {
+			ee(), j(), M();
+		}, P = () => {
+			J(N);
+		}, F = (e, i) => {
+			let a = t.value === e && r.value === i;
+			r.value = i, t.value = a ? null : e, n.value = null, u.value = null, P();
+		}, I = () => {
+			e.editor.view.dispatch(Vt(e.editor.state.tr, null));
+		}, te = (t, n) => {
+			let r = e.interactionState.hoverCellPos ?? C.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
+			r !== null && yn(e.editor, r, t, { visualIndex: i }), F(t, n);
+		}, L = () => {
+			I(), F("selection", "selection-edge");
+		}, R = (r = !1) => {
+			t.value = null, n.value = null, l.value = null, u.value = null, r && e.editor.view.focus();
+		}, ne = async (n, r) => {
+			let i = await nn({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
 				messages: e.messages
 			});
-			return i.copyFeedback ? (x(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : x(null), e.onCommandResult?.(i.commandResult), i.success;
-		}, j = (t) => {
-			let n = Yt(e.editor, t);
-			n && e.onEditWithAi?.(n), k(!0);
-		}, M = (e) => {
-			!t.value || e.key !== "Escape" || k(!0);
-		}, N = (e) => {
-			t.value && (e.target instanceof Node && c.value?.contains(e.target) || k());
+			return i.copyFeedback ? (A(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : A(null), e.onCommandResult?.(i.commandResult), i.success;
+		}, re = (t) => {
+			let n = dn(e.editor, t);
+			n && e.onEditWithAi?.(n), R(!0);
+		}, z = (e) => {
+			t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, P());
+		}, B = (t) => {
+			let n = t === "row" ? w.value : T.value, r = e.interactionState.hoverCellPos ?? C.value.activeCellPos;
+			!n || r === null || Tn(e.editor, r, t, { visualIndex: n.index }) && ne(t === "row" ? "add-row-after" : "add-column-after", t);
+		}, ie = (e, t, n) => {
+			x = {
+				axis: e,
+				index: t
+			}, S = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
+		}, ae = (t) => {
+			if (!x) return;
+			let n = sn(e.editor, x.axis, t.clientX, t.clientY);
+			n !== null && (t.preventDefault(), S = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
+		}, oe = (t) => {
+			let n = x;
+			if (!n) return;
+			let r = sn(e.editor, n.axis, t.clientX, t.clientY) ?? S;
+			t.preventDefault(), x = null, S = null, r !== null && vn(e.editor, n.axis, n.index, r);
+		}, V = G(() => (f.value, t.value === "row" || t.value === "column" ? cn(e.editor, t.value) : null)), se = (e) => {
+			if (!(!t.value || e.key !== "Escape")) {
+				if (n.value) {
+					n.value = null;
+					return;
+				}
+				R(!0);
+			}
+		}, ce = (e) => {
+			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			let t = e.currentTarget;
+			if (!(t instanceof HTMLElement)) return;
+			let n = t.classList.contains("markweave-table-menu") ? t.querySelector(":scope > .markweave-table-menu-scroll") ?? t : t, r = Array.from(n.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), i = r.indexOf(document.activeElement), a = e.key === "ArrowDown" ? 1 : -1, o = i < 0 ? 0 : Math.min(r.length - 1, Math.max(0, i + a));
+			e.preventDefault(), e.stopPropagation(), r[o]?.focus();
+		}, le = (e) => {
+			t.value && (e.target instanceof Node && p.value?.contains(e.target) || R());
 		};
-		G(() => {
-			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", M), document.addEventListener("mousedown", N);
-		}), K(() => {
-			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", M), document.removeEventListener("mousedown", N);
-		}), W(() => [
+		Rn(() => {
+			N(), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0), document.addEventListener("keydown", se), document.addEventListener("mousedown", le), document.addEventListener("dragover", ae), document.addEventListener("drop", oe);
+		}), q(() => {
+			k(), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0), document.removeEventListener("keydown", se), document.removeEventListener("mousedown", le), document.removeEventListener("dragover", ae), document.removeEventListener("drop", oe);
+		}), K(() => [
 			e.active,
-			m.value.activeCellPos,
-			m.value.selectionFrom,
-			m.value.selectionTo,
+			C.value.activeCellPos,
+			C.value.selectionFrom,
+			C.value.selectionTo,
 			e.interactionState.hoverCellPos,
 			e.interactionState.hoverVisualColumnIndex,
 			e.interactionState.hoverVisualRowIndex,
 			t.value,
-			n.value
-		], T, { flush: "post" });
-		let P = () => t.value ? B("div", {
-			ref: f,
-			class: "markweave-table-menu",
-			role: "menu",
-			"aria-label": rn(t.value, e.messages),
-			"data-testid": "markweave-table-menu",
-			"data-positioned": o.value ? "true" : "false",
-			style: o.value ? {
-				left: `${o.value.left}px`,
-				top: `${o.value.top}px`
-			} : void 0
-		}, y.value.map((n, r) => {
-			let i = Xt(n), a = r === 0 ? i : Xt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Ht(e.editor, n.commandId), c = Zt(n, e.messages);
-			return B("button", {
-				key: `${n.id}-${r}`,
-				type: "button",
-				role: "menuitem",
-				"aria-label": c,
-				"aria-disabled": !s,
-				disabled: !s,
-				"data-menu-group": i,
-				"data-starts-group": o ? "true" : "false",
-				"data-command-enabled": s ? "true" : "false",
-				"data-testid": n.commandId ? `markweave-table-menu-command-${n.commandId}` : "markweave-table-menu-command-edit-with-ai",
-				onMousedown: $,
-				onClick: () => {
-					if (s) {
-						if (n.commandId === null) {
-							j(t.value === "row" || t.value === "column" ? t.value : "selection");
-							return;
+			n.value,
+			r.value
+		], P, { flush: "post" });
+		let ue = () => {
+			if (!t.value) return null;
+			let r = O.value.map((r, i) => {
+				let a = pn(r), o = i === 0 ? a : pn(O.value[i - 1]), s = i > 0 && o !== a, c = r.submenuId ? !0 : r.commandId === null ? !!e.onEditWithAi : tn(e.editor, r.commandId), l = mn(r, e.messages), u = Mi[r.icon];
+				return H("button", {
+					key: `${r.id}-${i}`,
+					type: "button",
+					role: "menuitem",
+					"aria-label": l,
+					"aria-disabled": !c,
+					"aria-haspopup": r.submenuId ? "menu" : void 0,
+					"aria-expanded": r.submenuId ? n.value === r.submenuId : void 0,
+					disabled: !c,
+					"data-menu-group": a,
+					"data-starts-group": s ? "true" : "false",
+					"data-command-enabled": c ? "true" : "false",
+					"data-submenu-trigger": r.submenuId ?? void 0,
+					"data-testid": r.commandId ? `markweave-table-menu-command-${r.commandId}` : r.submenuId ? `markweave-table-menu-submenu-${r.submenuId}` : "markweave-table-menu-command-edit-with-ai",
+					onMousedown: $,
+					onMouseenter: () => {
+						n.value = r.submenuId;
+					},
+					onClick: () => {
+						if (c) {
+							if (r.submenuId) {
+								n.value = r.submenuId;
+								return;
+							}
+							if (r.commandId === null) {
+								re(t.value === "row" || t.value === "column" ? t.value : "selection");
+								return;
+							}
+							ne(r.commandId).finally(() => R());
 						}
-						A(n.commandId).finally(() => k());
 					}
-				}
-			}, c);
-		})) : null;
-		return () => e.active ? B("div", {
-			ref: c,
+				}, [
+					H("span", {
+						class: "markweave-table-menu-item-icon",
+						"aria-hidden": "true"
+					}, [H(u, {
+						size: 18,
+						strokeWidth: 1.8
+					})]),
+					H("span", { class: "markweave-table-menu-item-label" }, l),
+					r.submenuId ? H(ur, {
+						class: "markweave-table-menu-chevron",
+						size: 16,
+						"aria-hidden": "true"
+					}) : null
+				]);
+			}), i = [H("div", {
+				ref: v,
+				class: "markweave-table-menu-scroll",
+				style: l.value ? { maxHeight: `${Math.max(1, l.value.maxHeight - 12)}px` } : void 0
+			}, r)];
+			if (n.value === "color" && (t.value === "row" || t.value === "column") && i.push(H("div", {
+				ref: y,
+				class: "markweave-table-submenu markweave-table-color-menu",
+				role: "menu",
+				"aria-label": e.messages.table.submenus.color,
+				"data-testid": "markweave-table-color-menu",
+				"data-positioned": u.value ? "true" : "false",
+				"data-placement": u.value?.placement,
+				style: u.value ? {
+					left: `${u.value.left}px`,
+					top: `${u.value.top}px`,
+					maxHeight: `${u.value.maxHeight}px`
+				} : void 0,
+				onKeydown: ce
+			}, [
+				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.textColor),
+				...bn.map((t) => H("button", {
+					key: `text-${t.id}`,
+					type: "button",
+					role: "menuitemradio",
+					"aria-checked": V.value?.textColorId === t.id,
+					"data-active": V.value?.textColorId === t.id ? "true" : "false",
+					"data-testid": `markweave-table-text-color-${t.id}`,
+					onMousedown: $,
+					onClick: () => z((n) => Xt(e.editor, n, t.id))
+				}, [H("span", {
+					class: "markweave-table-color-swatch markweave-table-text-color-swatch",
+					"aria-hidden": "true",
+					style: { backgroundColor: t.textColor ?? "var(--markweave-text)" }
+				}), H("span", null, e.messages.table.colors[t.id].text)])),
+				H("div", { class: "markweave-table-submenu-separator" }),
+				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.backgroundColor),
+				...bn.map((t) => H("button", {
+					key: `background-${t.id}`,
+					type: "button",
+					role: "menuitemradio",
+					"aria-checked": V.value?.backgroundColorId === t.id,
+					"data-active": V.value?.backgroundColorId === t.id ? "true" : "false",
+					"data-testid": `markweave-table-background-color-${t.id}`,
+					onMousedown: $,
+					onClick: () => z((n) => Yt(e.editor, n, t.id))
+				}, [H("span", {
+					class: "markweave-table-color-swatch",
+					"aria-hidden": "true",
+					style: { backgroundColor: t.backgroundColor }
+				}), H("span", null, e.messages.table.colors[t.id].background)]))
+			])), n.value === "alignment" && (t.value === "row" || t.value === "column")) {
+				let t = (t, n) => {
+					let r = Ni[t];
+					return H("button", {
+						key: t,
+						type: "button",
+						role: "menuitemradio",
+						"aria-checked": n,
+						"data-active": n ? "true" : "false",
+						"data-testid": `markweave-table-alignment-${t}`,
+						onMousedown: $,
+						onClick: () => z((n) => Jt(e.editor, n, t))
+					}, [H(r, {
+						size: 18,
+						strokeWidth: 1.8,
+						"aria-hidden": "true"
+					}), H("span", null, e.messages.table.alignments[t])]);
+				};
+				i.push(H("div", {
+					ref: y,
+					class: "markweave-table-submenu markweave-table-alignment-menu",
+					role: "menu",
+					"aria-label": e.messages.table.submenus.alignment,
+					"data-testid": "markweave-table-alignment-menu",
+					"data-positioned": u.value ? "true" : "false",
+					"data-placement": u.value?.placement,
+					style: u.value ? {
+						left: `${u.value.left}px`,
+						top: `${u.value.top}px`,
+						maxHeight: `${u.value.maxHeight}px`
+					} : void 0,
+					onKeydown: ce
+				}, [
+					...Sn.map((e) => t(e, V.value?.textAlign === e)),
+					H("div", { class: "markweave-table-submenu-separator" }),
+					...wn.map((e) => t(e, V.value?.verticalAlign === e))
+				]));
+			}
+			return H("div", {
+				ref: _,
+				class: "markweave-table-menu",
+				role: "menu",
+				"aria-label": Cn(t.value, e.messages),
+				"data-testid": "markweave-table-menu",
+				"data-positioned": l.value ? "true" : "false",
+				"data-placement": l.value?.placement,
+				"data-submenu": n.value ?? "none",
+				style: l.value ? {
+					left: `${l.value.left}px`,
+					top: `${l.value.top}px`
+				} : void 0,
+				onKeydown: ce
+			}, i);
+		};
+		return () => e.active ? H("div", {
+			ref: p,
 			class: "markweave-table-controls",
 			"data-testid": "markweave-table-controls",
 			"aria-label": e.messages.table.controlsAriaLabel,
 			"data-open-menu": t.value ?? "none",
-			"data-positioned": r.value || i.value || a.value ? "true" : "false"
+			"data-positioned": i.value || a.value || o.value ? "true" : "false",
+			onMouseleave: () => e.editor.view.dispatch(e.editor.state.tr.setMeta(qt, { type: "clear-hover" }))
 		}, [
-			s.value ? B("div", {
+			d.value ? H("div", {
 				class: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
 				"data-testid": "markweave-table-copy-feedback",
-				"data-copy-kind": s.value.kind,
-				"data-text-length": s.value.textLength,
-				"data-html-length": s.value.htmlLength
-			}, Wt(s.value)) : null,
-			r.value ? B("button", {
-				ref: l,
+				"data-copy-kind": d.value.kind,
+				"data-text-length": d.value.textLength,
+				"data-html-length": d.value.htmlLength
+			}, rn(d.value)) : null,
+			i.value ? H("button", {
+				ref: m,
 				type: "button",
+				draggable: !0,
 				class: "markweave-table-edge-handle markweave-table-edge-handle--row",
 				"aria-label": e.messages.table.activeRowActions,
-				"aria-expanded": t.value === "row" && n.value === "row-edge",
+				"aria-expanded": t.value === "row" && r.value === "row-edge",
 				"aria-haspopup": "menu",
 				title: e.messages.table.rowActions,
 				"data-testid": "markweave-table-hover-row-handle",
-				"data-axis-index": h.value?.index ?? "",
-				"data-axis-selected-cells": h.value?.selectedCellCount ?? "",
-				"data-axis-visual-cells": h.value?.visualCellCount ?? "",
-				"data-axis-visual-size": h.value?.visualHeight ?? "",
+				"data-axis-index": w.value?.index ?? "",
+				"data-axis-selected-cells": w.value?.selectedCellCount ?? "",
+				"data-axis-visual-cells": w.value?.visualCellCount ?? "",
+				"data-axis-visual-size": w.value?.visualHeight ?? "",
 				style: {
-					left: `${r.value.left}px`,
-					top: `${r.value.top}px`
+					left: `${i.value.left}px`,
+					top: `${i.value.top}px`,
+					width: `${i.value.width}px`,
+					height: `${i.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => D("row", "row-edge")
-			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			i.value ? B("button", {
-				ref: u,
+				onClick: () => te("row", "row-edge"),
+				onDragstart: (e) => ie("row", w.value?.index ?? 0, e),
+				onDragend: () => {
+					x = null, S = null;
+				}
+			}, [H(Pr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			a.value ? H("button", {
+				ref: h,
 				type: "button",
+				draggable: !0,
 				class: "markweave-table-edge-handle markweave-table-edge-handle--column",
 				"aria-label": e.messages.table.activeColumnActions,
-				"aria-expanded": t.value === "column" && n.value === "column-edge",
+				"aria-expanded": t.value === "column" && r.value === "column-edge",
 				"aria-haspopup": "menu",
 				title: e.messages.table.columnActions,
 				"data-testid": "markweave-table-hover-column-handle",
-				"data-axis-index": g.value?.index ?? "",
-				"data-axis-selected-cells": g.value?.selectedCellCount ?? "",
-				"data-axis-visual-cells": g.value?.visualCellCount ?? "",
-				"data-axis-visual-size": g.value?.visualWidth ?? "",
+				"data-axis-index": T.value?.index ?? "",
+				"data-axis-selected-cells": T.value?.selectedCellCount ?? "",
+				"data-axis-visual-cells": T.value?.visualCellCount ?? "",
+				"data-axis-visual-size": T.value?.visualWidth ?? "",
 				style: {
-					left: `${i.value.left}px`,
-					top: `${i.value.top}px`
+					left: `${a.value.left}px`,
+					top: `${a.value.top}px`,
+					width: `${a.value.width}px`,
+					height: `${a.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => D("column", "column-edge")
-			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			v.value && a.value ? B("button", {
-				ref: d,
+				onClick: () => te("column", "column-edge"),
+				onDragstart: (e) => ie("column", T.value?.index ?? 0, e),
+				onDragend: () => {
+					x = null, S = null;
+				}
+			}, [H(Pr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			D.value && o.value ? H("button", {
+				ref: g,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--selection",
 				"aria-label": e.messages.table.selectionActions,
-				"aria-expanded": t.value === "selection" && n.value === "selection-edge",
+				"aria-expanded": t.value === "selection" && r.value === "selection-edge",
 				"aria-haspopup": "menu",
 				title: e.messages.table.selectionActions,
 				"data-testid": "markweave-table-cell-handle",
 				style: {
-					left: `${a.value.left}px`,
-					top: `${a.value.top}px`
+					left: `${o.value.left}px`,
+					top: `${o.value.top}px`,
+					width: `${o.value.width}px`,
+					height: `${o.value.height}px`
+				},
+				onMousedown: $,
+				onClick: L
+			}, [H(Pr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			s.value ? H("button", {
+				type: "button",
+				class: "markweave-table-extend-button markweave-table-extend-button--row",
+				"aria-label": e.messages.table.addRow,
+				title: e.messages.table.addRow,
+				"data-testid": "markweave-table-add-row",
+				style: {
+					left: `${s.value.left}px`,
+					top: `${s.value.top}px`,
+					width: `${s.value.width}px`,
+					height: `${s.value.height}px`
 				},
 				onMousedown: $,
-				onClick: O
-			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			P()
+				onClick: () => B("row")
+			}, [H(Rr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			c.value ? H("button", {
+				type: "button",
+				class: "markweave-table-extend-button markweave-table-extend-button--column",
+				"aria-label": e.messages.table.addColumn,
+				title: e.messages.table.addColumn,
+				"data-testid": "markweave-table-add-column",
+				style: {
+					left: `${c.value.left}px`,
+					top: `${c.value.top}px`,
+					width: `${c.value.width}px`,
+					height: `${c.value.height}px`
+				},
+				onMousedown: $,
+				onClick: () => B("column")
+			}, [H(Rr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			ue()
 		]) : null;
 	}
-}), Wr = J({
+}), Fi = Y({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2938,18 +3644,18 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = () => {
+		let t = U(null), n = () => {
 			if (e.focusState.mode !== "cell-selection") {
 				t.value = null;
 				return;
 			}
-			t.value = en(e.editor, Lt(e.editor.state));
+			t.value = _n(e.editor, Gt(e.editor.state));
 		};
-		return G(() => {
+		return Rn(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
-		}), K(() => {
+		}), q(() => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-		}), W(() => [
+		}), K(() => [
 			e.focusState.activeCellPos,
 			e.focusState.anchorCellPos,
 			e.focusState.mode,
@@ -2957,12 +3663,13 @@ var Br = J({
 			e.focusState.selectionFrom,
 			e.focusState.selectionTo
 		], () => {
-			q(n);
+			J(n);
 		}, { flush: "post" }), () => {
 			let e = t.value;
-			return e ? B("div", {
+			return e ? H("div", {
 				"aria-hidden": "true",
 				class: "markweave-table-selection-overlay",
+				"data-axis-target": e.axisTarget ?? "none",
 				"data-anchor-cell-pos": e.anchorCellPos ?? "",
 				"data-head-cell-pos": e.headCellPos ?? "",
 				"data-selected-cells": e.selectedCellCount,
@@ -2981,7 +3688,7 @@ var Br = J({
 			}) : null;
 		};
 	}
-}), Gr = J({
+}), Ii = Y({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -3010,200 +3717,234 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		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({
+		let t = U(null), n = U(null), r = U(null), i = U(null), a = U(null), o = U(null), s = U(null), c = U([]), l = U(null), u = U(!1), d = U(""), f = U(-1), p = U(null), m = U(!1), h = U(null), g = U(null), _ = U(!1), v = U({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Qe(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), y = U(0), b = U(0), x = U(0), S = null, C = G(() => (x.value, tt(e.editor, o.value))), w = G(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => nt(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), ee = U(() => !e.readOnly), D = U(() => S.value ? Ke(S.value.language) : Ke("text")), O = U(() => u.value?.status ?? "idle"), k = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), A = U(() => w.value && k.value === "preview"), j = U(() => (v.value, g.value, _.value, et(e.editor))), M = U(() => `${_.value}|${j.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), N = U(() => Xe(l.value)), P = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), F = () => {
-			y !== null && (window.clearTimeout(y), y = null);
-		}, I = (e) => {
-			F(), u.value = e, e && (y = window.setTimeout(() => {
-				u.value = null, y = null;
-			}, Be));
-		}, te = () => {
-			f.value = null, p.value = null, m.value = !1, h.value = {
+		} : null), T = G(() => C.value ?? w.value), E = G(() => T.value !== null), D = G(() => T.value?.language === "mermaid"), O = G(() => ot(e.editor, T.value)), k = G(() => E.value && T.value !== null && !O.value), A = G(() => !e.readOnly), ee = G(() => T.value ? Je(T.value.language) : Je("text")), j = G(() => p.value?.status ?? "idle"), M = G(() => T.value?.mermaidPreviewMode ?? e.mermaidMode), N = G(() => D.value && M.value === "preview"), P = G(() => (x.value, y.value, b.value, it(e.editor))), F = G(() => `${b.value}|${P.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), I = G(() => Qe(d.value)), te = G(() => T.value ? `${T.value.pos}:${T.value.language}:${T.value.text}` : "none"), L = () => {
+			S !== null && (window.clearTimeout(S), S = null);
+		}, R = (e) => {
+			L(), p.value = e, e && (S = window.setTimeout(() => {
+				p.value = null, S = null;
+			}, Ve));
+		}, ne = () => {
+			h.value = null, g.value = null, _.value = !1, v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, L = () => {
+		}, z = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!$e(n) || j.value.length === 0) {
-				o.value = [];
+			if (!nt(n) || P.value.length === 0) {
+				c.value = [];
 				return;
 			}
-			let r = n.getBoundingClientRect(), i = j.value.flatMap((t) => {
-				let n = Ye(Je(e.editor, t.pos, t.mermaidPreviewMode), r);
-				return n ? [We(t, n, r)] : [];
+			let r = n.getBoundingClientRect(), i = P.value.flatMap((t) => {
+				let n = Ze(Xe(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [Ke(t, n, r)] : [];
 			});
-			o.value = rt(o.value, i, j.value.map((e) => e.pos));
-		}, R = () => {
-			if (!E.value || !S.value) {
-				a.value = null, s.value = null;
+			c.value = st(c.value, i, P.value.map((e) => e.pos));
+		}, B = () => {
+			if (!k.value || !T.value) {
+				s.value = null, l.value = null;
 				return;
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = Je(e.editor, S.value.pos, k.value), o = r.getBoundingClientRect(), l = Ye(i, o);
-			if (!l) {
-				a.value = a.value?.pos === S.value.pos ? a.value : null, s.value = c.value ? s.value : null;
+			let i = Xe(e.editor, T.value.pos, M.value), a = r.getBoundingClientRect(), o = Ze(i, a);
+			if (!o) {
+				s.value = s.value?.pos === T.value.pos ? s.value : null, l.value = u.value ? l.value : null;
 				return;
 			}
-			if (a.value = He(S.value.pos, l, o), c.value && n.value) {
+			if (s.value = We(T.value.pos, o, a), u.value && n.value) {
 				let e = n.value.getBoundingClientRect();
-				s.value = Re({
-					overlayRect: o,
+				l.value = ze({
+					overlayRect: a,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				});
 			}
-		}, ne = async () => {
+		}, ie = async () => {
 			if (e.readOnly) {
-				if (!S.value) return;
-				let e = await Ve(S.value.text);
-				I(Ne(S.value, e ? "copied" : "failed"));
+				if (!T.value) return;
+				let e = await He(T.value.text);
+				R(Pe(T.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!Ge(e.editor, S.value)) return;
-			let t = await je(e.editor);
-			I(Ne(Me(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, re = (t, n) => {
+			if (!qe(e.editor, T.value)) return;
+			let t = await Me(e.editor);
+			R(Pe(Ne(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, ae = (t, n) => {
 			if (e.readOnly) {
-				St(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
+				Ot(e.editor, t.pos, n) && (b.value += 1, x.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
-			Le(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
-		}, ie = (t) => {
-			if (e.readOnly || !S.value) return;
-			let n = e.state.active && e.state.pos === S.value.pos;
-			Ie(e.editor, S.value.pos, t) && (t === "mermaid" && Le(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
-		}, ae = () => {
-			e.readOnly || !S.value || Fe(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
-		}, oe = () => {
-			if (!S.value) return;
-			let t = tt(e.editor, S.value.pos);
-			if (!t) return;
-			let n = new Blob([t], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
-			i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), e.editor.view.focus();
-		}, se = () => {
-			if (!S.value) return;
-			let t = tt(e.editor, S.value.pos);
-			t && (f.value = Ue(t), p.value = null, m.value = !1, h.value = {
+			Re(e.editor, t.pos, n) && (e.onMermaidModeChange(n), x.value += 1, r && e.editor.view.focus());
+		}, oe = (t) => {
+			if (e.readOnly || !T.value) return;
+			let n = e.state.active && e.state.pos === T.value.pos;
+			Le(e.editor, T.value.pos, t) && (t === "mermaid" && Re(e.editor, T.value.pos, "preview") && e.onMermaidModeChange("preview"), u.value = !1, d.value = "", f.value = -1, x.value += 1, n && e.editor.view.focus());
+		}, V = () => {
+			u.value = !u.value, u.value && a.value === null && (a.value = Ue()), f.value = u.value ? rt(I.value, T.value?.language ?? null) : -1;
+		}, se = (e) => {
+			let t = Qe(e);
+			d.value = e, f.value = rt(t, e.trim() ? null : T.value?.language ?? null);
+		}, ce = (t) => {
+			if (!t.isComposing) {
+				if (t.key === "ArrowDown" || t.key === "ArrowUp") {
+					t.preventDefault(), f.value = lt(f.value, I.value.length, t.key === "ArrowUp" ? "previous" : "next");
+					return;
+				}
+				if (t.key === "Enter") {
+					let e = I.value[f.value];
+					e && (t.preventDefault(), oe(e.language));
+					return;
+				}
+				t.key === "Escape" && (t.preventDefault(), u.value = !1, f.value = -1, e.editor.view.focus());
+			}
+		}, le = () => {
+			e.readOnly || !T.value || Ie(e.editor, T.value.pos, !O.value) && (y.value += 1, x.value += 1, o.value = null);
+		}, ue = () => {
+			if (!T.value) return;
+			let t = at(e.editor, T.value.pos);
+			t && re({
+				data: new Blob([t], { type: "image/svg+xml" }),
+				fileName: "markweave-mermaid.svg",
+				onSettled: () => e.editor.view.focus(),
+				ownerDocument: document
+			});
+		}, de = () => {
+			if (!T.value) return;
+			let t = at(e.editor, T.value.pos);
+			t && (h.value = Ge(t), g.value = null, _.value = !1, v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, ce = (e) => {
-			f.value = f.value ? {
-				...f.value,
-				scale: ze(f.value.scale + e)
+		}, fe = (e) => {
+			h.value = h.value ? {
+				...h.value,
+				scale: Be(h.value.scale + e)
 			} : null;
-		}, le = () => {
-			f.value = f.value ? Ue(f.value.svg) : null, h.value = {
+		}, pe = () => {
+			h.value = h.value ? Ge(h.value.svg) : null, v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
-			}, m.value = !1;
-		}, z = (e) => {
-			e.preventDefault(), ce(e.deltaY < 0 ? it : -it);
-		}, ue = (e) => {
-			e.button === 0 && (e.preventDefault(), h.value = {
+			}, _.value = !1;
+		}, me = (e) => {
+			e.preventDefault(), fe(e.deltaY < 0 ? ct : -ct);
+		}, he = (e) => {
+			e.button === 0 && (e.preventDefault(), v.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, m.value = !0);
-		}, de = (e) => {
-			let t = h.value;
+			}, _.value = !0);
+		}, ge = (e) => {
+			let t = v.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
-			h.value = {
+			v.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = at(f.value, n, r);
-		}, fe = () => {
-			h.value = {
+			}, h.value = ut(h.value, n, r);
+		}, _e = () => {
+			v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
-			}, m.value = !1;
+			}, _.value = !1;
 		};
-		W(() => e.readOnly, (e) => {
-			e && (c.value = !1, l.value = "");
-		}), W(P, () => {
-			I(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
-		}), W(c, async (e) => {
-			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
-		}), W(() => [
-			E.value,
-			g.value,
-			S.value?.pos ?? null,
-			c.value,
-			k.value
+		K(() => e.readOnly, (e) => {
+			e && (u.value = !1, d.value = "");
+		}), K(te, () => {
+			R(null), u.value = !1, d.value = "", f.value = -1, h.value = null, g.value = null, _.value = !1;
+		}), K(u, async (e) => {
+			if (!e) {
+				f.value = -1;
+				return;
+			}
+			await J(), B(), r.value?.focus({ preventScroll: !0 });
+		}), K(() => [
+			u.value,
+			d.value,
+			f.value
+		], async () => {
+			if (!u.value || f.value < 0) return;
+			await J();
+			let e = i.value, t = e?.querySelector(`[data-language-index="${f.value}"]`);
+			e && t && dt(e, t);
+		}, { flush: "post" }), K(() => [
+			k.value,
+			y.value,
+			T.value?.pos ?? null,
+			u.value,
+			M.value
 		], async () => {
-			await q(), R();
+			await J(), B();
 		}, {
 			flush: "post",
 			immediate: !0
-		}), W(M, async () => {
-			await q(), L(), window.requestAnimationFrame(L);
+		}), K(F, async () => {
+			await J(), z(), window.requestAnimationFrame(z);
 		}, {
 			flush: "post",
 			immediate: !0
 		});
-		let pe = null;
-		return G(() => {
-			q(() => {
+		let ve = null;
+		return Rn(() => {
+			J(() => {
 				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 = Ze(e.editor, n.target), a = Qe(e.editor, r), o = a && !nt(e.editor, a) ? a.pos : null;
-					i.value = i.value === o ? i.value : o;
-				}, a = () => {
-					c.value || (i.value = null);
-				}, o = (t) => {
+					if (n.target instanceof Node && t.value?.contains(n.target) || u.value) return;
+					let r = et(e.editor, n.target), i = tt(e.editor, r), a = i && !ot(e.editor, i) ? i.pos : null;
+					o.value = o.value === a ? o.value : a;
+				}, i = () => {
+					u.value || (o.value = null);
+				}, a = (t) => {
 					if (t.key === "Escape") {
-						if (f.value) {
-							te();
+						if (h.value) {
+							ne();
 							return;
 						}
-						c.value && (c.value = !1, e.editor.view.focus());
+						u.value && (u.value = !1, f.value = -1, e.editor.view.focus());
 					}
 				}, s = (e) => {
-					c.value && (e.target instanceof Node && t.value?.contains(e.target) || (c.value = !1));
-				}, l = ({ transaction: e }) => {
-					e.getMeta(Ae) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(Ae) || yt(e)) && (v.value += 1);
+					u.value && (e.target instanceof Node && t.value?.contains(e.target) || (u.value = !1, f.value = -1));
+				}, c = ({ transaction: e }) => {
+					e.getMeta(je) && (y.value += 1), (e.docChanged || e.selectionSet || e.getMeta(je) || Tt(e)) && (x.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), pe = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), F();
+				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), window.addEventListener("resize", z), window.addEventListener("scroll", z, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", s), e.editor.on("transaction", c), ve = () => {
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", z), window.removeEventListener("scroll", z, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", s), e.editor.off("transaction", c), L();
 				};
 			});
-		}), K(() => {
-			pe?.(), pe = null, F();
+		}), q(() => {
+			ve?.(), ve = null, L();
 		}), () => {
-			if (!E.value && j.value.length === 0 && !f.value) return null;
-			let i = a.value ? {
-				top: `${a.value.top}px`,
-				right: `${a.value.right}px`
-			} : void 0, u = s.value ? {
-				left: `${s.value.left}px`,
-				top: `${s.value.top}px`
+			if (!k.value && P.value.length === 0 && !h.value) return null;
+			let o = s.value ? {
+				top: `${s.value.top}px`,
+				right: `${s.value.right}px`
+			} : void 0, p = l.value ? {
+				left: `${l.value.left}px`,
+				top: `${l.value.top}px`
 			} : void 0;
-			return B("div", {
+			return H("div", {
 				ref: t,
 				class: "markweave-codeblock-overlay",
 				"data-testid": "markweave-codeblock-overlay",
 				"data-read-only": e.readOnly ? "true" : "false"
 			}, [
-				...j.value.map((e) => {
-					let t = o.value.find((t) => t.pos === e.pos);
-					return B("div", {
+				...P.value.map((e) => {
+					let t = c.value.find((t) => t.pos === e.pos);
+					return H("div", {
 						key: e.pos,
 						class: "markweave-mermaid-tabs",
 						"data-testid": "markweave-mermaid-tabs",
@@ -3213,241 +3954,253 @@ var Br = J({
 							top: `${t.top}px`,
 							left: `${t.left}px`
 						} : void 0
-					}, ["code", "preview"].map((t) => B("button", {
+					}, ["code", "preview"].map((t) => H("button", {
 						key: t,
 						type: "button",
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => re(e, t)
+						onClick: () => ae(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
-				E.value && S.value ? B("div", {
+				k.value && T.value ? H("div", {
 					class: "markweave-codeblock-controls",
 					"data-testid": "markweave-codeblock-controls",
-					"data-positioned": a.value ? "true" : "false",
-					"data-collapsed": T.value ? "true" : "false",
+					"data-positioned": s.value ? "true" : "false",
+					"data-collapsed": O.value ? "true" : "false",
 					"data-read-only": e.readOnly ? "true" : "false",
 					"aria-label": "Code block controls",
-					style: i
+					style: o
 				}, [
-					e.readOnly ? B("span", {
+					e.readOnly ? H("span", {
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [B("span", null, D.value)]) : B("button", {
+					}, [H("span", null, ee.value)]) : H("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
 						"aria-label": "Code block language",
-						"aria-expanded": c.value ? "true" : "false",
+						"aria-expanded": u.value ? "true" : "false",
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMousedown: $,
-						onClick: () => {
-							c.value = !c.value;
-						}
-					}, [B("span", null, D.value), Q("chevron")]),
-					ee.value ? B("button", {
+						onClick: V
+					}, [H("span", null, ee.value), Q("chevron")]),
+					A.value ? H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": T.value ? "Expand code block" : "Collapse code block",
-						title: T.value ? "Expand code block" : "Collapse code block",
+						"aria-label": O.value ? "Expand code block" : "Collapse code block",
+						title: O.value ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": T.value ? "true" : "false",
+						"data-collapsed": O.value ? "true" : "false",
 						onMousedown: $,
-						onClick: ae
+						onClick: le
 					}, [Q("chevron")]) : null,
-					B("span", { class: "markweave-codeblock-copy-wrap" }, [B("button", {
+					H("span", { class: "markweave-codeblock-copy-wrap" }, [H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Copy to clipboard",
 						"data-testid": "markweave-codeblock-copy",
-						"data-copy-state": O.value,
+						"data-copy-state": j.value,
 						onMousedown: $,
 						onMouseenter: () => {
-							d.value = !0;
+							m.value = !0;
 						},
 						onMouseleave: () => {
-							d.value = !1;
+							m.value = !1;
 						},
 						onFocus: () => {
-							d.value = !0;
+							m.value = !0;
 						},
 						onBlur: () => {
-							d.value = !1;
+							m.value = !1;
 						},
 						onClick: () => {
-							ne();
+							ie();
 						}
-					}, [Q(O.value === "copied" ? "check" : "clipboard")]), d.value ? B("span", {
+					}, [Q(j.value === "copied" ? "check" : "clipboard")]), m.value ? H("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					w.value && k.value === "preview" ? B("div", {
+					D.value && M.value === "preview" ? H("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
-					}, [B("button", {
+					}, [H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen",
-						disabled: !A.value,
+						disabled: !N.value,
 						onMousedown: $,
-						onClick: se
-					}, [Q("expand")]), B("button", {
+						onClick: de
+					}, [Q("expand")]), H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
 						"data-testid": "markweave-mermaid-download",
-						disabled: !A.value,
+						disabled: !N.value,
 						onMousedown: $,
-						onClick: oe
+						onClick: ue
 					}, [Q("download")])]) : null
 				]) : null,
-				ee.value && E.value && c.value && S.value ? B("div", {
+				A.value && k.value && u.value && T.value ? H("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
-				}, [B("label", { class: "markweave-codeblock-language-search" }, [B("input", {
+					"data-positioned": l.value ? "true" : "false",
+					style: p
+				}, [H("label", { class: "markweave-codeblock-language-search" }, [H("input", {
 					ref: r,
-					value: l.value,
+					role: "combobox",
+					"aria-autocomplete": "list",
+					"aria-controls": a.value ?? void 0,
+					"aria-expanded": "true",
+					"aria-activedescendant": a.value && I.value[f.value] ? $e(a.value, I.value[f.value].language) : void 0,
+					"aria-label": "Search code block languages",
+					value: d.value,
 					placeholder: "Search...",
 					"data-testid": "markweave-codeblock-language-search",
 					onInput: (e) => {
-						l.value = e.target.value;
+						se(e.target.value);
 					},
-					onKeydown: (t) => {
-						t.key === "Escape" && (t.preventDefault(), c.value = !1, e.editor.view.focus());
-					}
-				}), Q("search")]), B("div", { class: "markweave-codeblock-language-list" }, N.value.map((e) => {
-					let t = S.value?.language === e.language;
-					return B("button", {
+					onKeydown: ce
+				}), Q("search")]), H("div", {
+					ref: i,
+					id: a.value ?? void 0,
+					class: "markweave-codeblock-language-list",
+					role: "listbox",
+					"aria-label": "Code block languages"
+				}, I.value.map((e, t) => {
+					let n = T.value?.language === e.language, r = t === f.value;
+					return H("button", {
 						key: e.language,
+						id: a.value ? $e(a.value, e.language) : void 0,
 						type: "button",
 						role: "option",
-						"aria-selected": t ? "true" : "false",
+						"aria-selected": n ? "true" : "false",
 						"data-testid": `markweave-codeblock-language-option-${e.language}`,
-						"data-active": t ? "true" : "false",
+						"data-active": n ? "true" : "false",
+						"data-highlighted": r ? "true" : "false",
+						"data-language-index": t,
 						onMousedown: $,
-						onClick: () => ie(e.language)
-					}, [B("span", null, e.label), t ? Q("check") : null]);
+						onMouseenter: () => {
+							f.value = t;
+						},
+						onClick: () => oe(e.language)
+					}, [H("span", null, e.label), n ? Q("check") : null]);
 				}))]) : null,
-				f.value ? B("div", {
+				h.value ? H("div", {
 					class: "markweave-mermaid-fullscreen-layer",
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": "Mermaid preview",
 					"data-testid": "markweave-mermaid-fullscreen-layer"
 				}, [
-					B("div", {
+					H("div", {
 						class: "markweave-mermaid-fullscreen-toolbar",
 						"data-testid": "markweave-mermaid-fullscreen-toolbar"
 					}, [
-						B("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom out",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-out",
 							onMouseenter: () => {
-								p.value = "zoom-out";
+								g.value = "zoom-out";
 							},
 							onMouseleave: () => {
-								p.value = null;
+								g.value = null;
 							},
 							onFocus: () => {
-								p.value = "zoom-out";
+								g.value = "zoom-out";
 							},
 							onBlur: () => {
-								p.value = null;
+								g.value = null;
 							},
-							onClick: () => ce(-it)
+							onClick: () => fe(-ct)
 						}, [Q("zoomOut")]),
-						B("span", {
+						H("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, qe(f.value.scale)),
-						B("button", {
+						}, Ye(h.value.scale)),
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom in",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-in",
 							onMouseenter: () => {
-								p.value = "zoom-in";
+								g.value = "zoom-in";
 							},
 							onMouseleave: () => {
-								p.value = null;
+								g.value = null;
 							},
 							onFocus: () => {
-								p.value = "zoom-in";
+								g.value = "zoom-in";
 							},
 							onBlur: () => {
-								p.value = null;
+								g.value = null;
 							},
-							onClick: () => ce(it)
+							onClick: () => fe(ct)
 						}, [Q("zoomIn")]),
-						B("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Reset zoom",
 							"data-testid": "markweave-mermaid-fullscreen-reset",
 							onMouseenter: () => {
-								p.value = "reset";
+								g.value = "reset";
 							},
 							onMouseleave: () => {
-								p.value = null;
+								g.value = null;
 							},
 							onFocus: () => {
-								p.value = "reset";
+								g.value = "reset";
 							},
 							onBlur: () => {
-								p.value = null;
+								g.value = null;
 							},
-							onClick: le
+							onClick: pe
 						}, [Q("reset")]),
-						p.value ? B("span", {
+						g.value ? H("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
+						}, g.value === "zoom-out" ? "Zoom out" : g.value === "zoom-in" ? "Zoom in" : "Reset") : null
 					]),
-					B("button", {
+					H("button", {
 						type: "button",
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: te
+						onClick: ne
 					}, [Q("close")]),
-					B("div", {
+					H("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
-						"data-dragging": m.value ? "true" : "false",
-						onWheel: z,
-						onMousedown: ue,
-						onMousemove: de,
-						onMouseup: fe,
-						onMouseleave: fe
-					}, [B("div", {
+						"data-dragging": _.value ? "true" : "false",
+						onWheel: me,
+						onMousedown: he,
+						onMousemove: ge,
+						onMouseup: _e,
+						onMouseleave: _e
+					}, [H("div", {
 						class: "markweave-mermaid-fullscreen-content",
 						"data-testid": "markweave-mermaid-fullscreen-content",
-						"data-scale-percent": Math.round(f.value.scale * 100),
-						"data-translate": `${Math.round(f.value.translateX)},${Math.round(f.value.translateY)}`,
+						"data-scale-percent": Math.round(h.value.scale * 100),
+						"data-translate": `${Math.round(h.value.translateX)},${Math.round(h.value.translateY)}`,
 						style: {
-							width: `${f.value.width}px`,
-							height: `${f.value.height}px`,
-							transform: `translate(${f.value.translateX}px, ${f.value.translateY}px) scale(${f.value.scale})`
+							width: `${h.value.width}px`,
+							height: `${h.value.height}px`,
+							transform: `translate(${h.value.translateX}px, ${h.value.translateY}px) scale(${h.value.scale})`
 						},
-						innerHTML: f.value.svg
+						innerHTML: h.value.svg
 					})])
 				]) : null
 			]);
 		};
 	}
-}), Kr = J({
+}), Li = Y({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3472,22 +4225,22 @@ var Br = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n, r = () => {
-			n?.(), n = e.placement === "container" && t.value ? Oe(t.value) : void 0;
+		let t = U(null), n, r = () => {
+			n?.(), n = e.placement === "container" && t.value ? ke(t.value) : void 0;
 		};
-		return G(r), K(() => n?.()), W(() => e.placement, r), () => e.state.items.length ? B("nav", {
+		return Rn(r), q(() => n?.()), K(() => e.placement, r), () => e.state.items.length ? H("nav", {
 			ref: t,
 			class: "markweave-inner-toc",
 			"data-testid": "markweave-inner-toc",
 			"aria-label": e.messages.toc.ariaLabel
-		}, [B("div", {
+		}, [H("div", {
 			class: "markweave-inner-toc-rail",
 			"aria-hidden": "true"
-		}, e.state.items.map((e) => B("span", {
+		}, e.state.items.map((e) => H("span", {
 			key: e.id,
 			"data-level": e.level,
 			"data-active": e.active ? "true" : "false"
-		}))), B("div", { class: "markweave-inner-toc-panel" }, [B("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => B("button", {
+		}))), H("div", { class: "markweave-inner-toc-panel" }, [H("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => H("button", {
 			key: t.id,
 			type: "button",
 			class: "markweave-inner-toc-item",
@@ -3496,75 +4249,77 @@ var Br = J({
 			"aria-current": t.active ? "location" : void 0,
 			"aria-label": `${e.messages.toc.itemAriaLabel}: ${t.text}`,
 			title: t.text,
-			onClick: () => ke(e.editor, t, {
+			onClick: () => Ae(e.editor, t, {
 				behavior: "smooth",
 				focus: e.editable
 			})
 		}, t.text)))])]) : null;
 	}
 });
-function qr(e = {}) {
-	let i = r(e.lang), o = n(i), s = t(i), c = V(f(e.mode)), l = U(() => xe(e.theme)), u = U(() => c.value === "live" && e.editable !== !1), d = V(0), m = H(null), h = V(jt), g = H(null), _ = H(null), v = V("code"), y = H(null), b = H(Rt), x = V(null), S = V(!1), C = H(null), w = oe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = null;
-	function E() {
-		T !== null && (window.clearTimeout(T), T = null), d.value += 1;
+function Ri(e = {}) {
+	let i = r(e.lang), o = n(i), s = t(i), c = U(f(e.mode)), l = G(() => Se(e.theme)), u = G(() => c.value === "live" && e.editable !== !1), d = U(0), m = W(null), h = U(zt), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(Kt), x = U(null), S = U(!1), C = W(null), w = V(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
+	function O() {
+		D !== null && (window.clearTimeout(D), D = null), d.value += 1;
 	}
-	function ee() {
-		T !== null && window.clearTimeout(T), T = window.setTimeout(() => {
-			T = null, d.value += 1;
-		}, ve);
+	function k() {
+		D !== null && window.clearTimeout(D), D = window.setTimeout(() => {
+			D = null, d.value += 1;
+		}, ye);
 	}
-	let D = e.onSlashCommandUpload, O = H(null);
-	O.value = new a({
-		extensions: Or({
+	let A = e.onSlashCommandUpload, ee = W(null);
+	ee.value = new a({
+		extensions: _i({
 			lang: i,
 			linkCardResolver: e.linkCardResolver,
-			onImageUpload: (e) => D?.(e) ?? F(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => D?.(e) ?? F(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
+			onImageUpload: (e) => A?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => A?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			resolveMediaSource: e.resolveMediaSource
 		}),
-		content: e.content ?? e.defaultContent ?? "",
-		contentType: re(w),
+		content: T,
+		contentType: ie(w),
 		editable: u.value,
 		autofocus: e.autofocus,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
+				"data-markweave-large-document": E ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
 				translate: "no"
 			},
 			handleClick: (e, t, n) => {
-				if (!u.value) return pe(n);
-				let r = pt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), A(), _t(e, r, !0), vt(e, r), y.value = r, !0) : (y.value = null, !1);
+				if (!u.value) return me(n);
+				let r = yt(e, n);
+				return r ? (n.preventDefault(), n.stopPropagation(), M(), Ct(e, r, !0), wt(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => u.value ? (h.value = Mt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
-				compositionend: (e) => (u.value && window.setTimeout(() => j(e), 0), !1),
+				compositionstart: () => u.value ? (h.value = Bt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
+				compositionend: (e) => (u.value && window.setTimeout(() => N(e), 0), !1),
 				click: (e, t) => {
-					if (!u.value) return pe(t);
-					let n = pt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), A(), _t(e, n, !0), vt(e, n), y.value = n, !0) : (y.value = null, !1);
+					if (!u.value) return me(t);
+					let n = yt(e, t);
+					return n ? (t.preventDefault(), t.stopPropagation(), M(), Ct(e, n, !0), wt(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => N(e),
+		onSelectionUpdate: ({ editor: e }) => F(e),
 		onCreate: ({ editor: t }) => {
 			p(t, {
 				mode: c.value,
 				editable: u.value
-			}), bt(t, l.value), xt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Ft(t), P(t), N(t), E();
+			}), Et(t, l.value), Dt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Ut(t), I(t), F(t), O();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (P(e), (t.docChanged || yt(t)) && ee(), t.docChanged && y.value) {
-				let t = ft(e, y.value.pos);
+			if (I(e), (t.docChanged || Tt(t)) && k(), t.docChanged && y.value) {
+				let t = vt(e, y.value.pos);
 				y.value = t?.kind === y.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			N(t), u.value && M(t), S.value || e.onUpdate?.(ne(t, { onContentRead: (n, r) => {
-				let i = oe(e.contentFormat);
+			F(t), u.value && P(t), S.value || e.onUpdate?.(B(t, { onContentRead: (n, r) => {
+				let i = V(e.contentFormat);
 				e.content !== void 0 && n === i && (C.value = {
 					content: r,
 					format: n,
@@ -3573,173 +4328,190 @@ function qr(e = {}) {
 			} }));
 		}
 	});
-	let k = U(() => O.value ?? null);
-	function A() {
-		g.value = null, _.value = null, h.value = jt;
+	let j = G(() => ee.value ?? null);
+	function M() {
+		g.value = null, _.value = null, h.value = zt;
 	}
-	function j(e) {
-		let t = At(e.state);
+	function N(e) {
+		let t = Lt(e.state);
 		if (!t) {
-			h.value = h.value.name === "idle" ? h.value : jt, g.value = null, _.value = null;
+			h.value = h.value.name === "idle" ? h.value : zt, g.value = null, _.value = null;
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		g.value = kt(n, {
+		if (!Rt(r, { frameRect: i })) {
+			M();
+			return;
+		}
+		let a = It(n, {
 			frameRect: i,
 			triggerRect: r
-		}), h.value = Ot(h.value, t);
+		});
+		Nt(g.value, a) || (g.value = a), h.value = Ft(h.value, t);
 	}
-	function M(e) {
-		j(e.view);
+	function P(e) {
+		N(e.view);
 	}
-	function N(e) {
-		let t = _e(e);
-		he(m.value, t) || (m.value = t);
-		let n = mt(e);
-		n && (gt(e, n, !0), y.value = n);
-		let r = Me(e);
+	function F(e) {
+		let t = ve(e);
+		ge(m.value, t) || (m.value = t);
+		let n = bt(e);
+		n && (St(e, n, !0), y.value = n);
+		let r = Ne(e);
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
-	function P(e) {
-		b.value = jr(e);
+	function I(e) {
+		b.value = bi(e);
 	}
-	let I = U(() => k.value ? Me(k.value) : Ar), te = U(() => k.value ? It(k.value.state) : kr), R = U(() => m.value?.currentNode === "codeBlock"), se = U(() => R.value && I.value.language === "mermaid"), ce = U(() => k.value ? Ct({
+	let L = G(() => j.value ? Ne(j.value) : yi), R = G(() => j.value ? Wt(j.value.state) : vi), re = G(() => m.value?.currentNode === "codeBlock"), se = G(() => re.value && L.value.language === "mermaid"), ce = G(() => j.value ? kt({
 		active: se.value,
 		mode: v.value,
-		source: I.value.text
-	}) : Ct({
+		source: L.value.text
+	}) : kt({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), le = U(() => k.value ? Pt(k.value.state) : null), z = U(() => k.value ? Te(k.value.state.doc) : Ce.items), ue = U(() => Ee(z.value, x.value)), de = U(() => Se(z.value, ue.value)), fe = U(() => wt(h.value.query, s)), ge = U(() => me({
+	})), le = G(() => j.value && e.onRuntimeStateChange ? Ht(j.value.state) : null), ue = G(() => j.value ? Ee(j.value.state) : we.items), de = G(() => De(ue.value, x.value)), fe = G(() => Ce(ue.value, de.value)), pe = G(() => At(h.value.query, s)), _e = G(() => he({
 		revision: d.value,
 		mode: c.value,
 		editable: u.value,
-		toc: de.value,
+		toc: fe.value,
 		selection: m.value,
 		slash: h.value,
-		table: te.value,
+		table: R.value,
 		tableInteraction: b.value,
-		codeBlock: I.value,
+		codeBlock: L.value,
 		mermaid: ce.value,
 		tableDebugSnapshot: le.value
-	})), ye = {
-		closeSlashMenu: A,
-		focusFirstTableBodyCell: () => k.value ? Ft(k.value) : !1,
+	})), be = {
+		closeSlashMenu: M,
+		focusFirstTableBodyCell: () => j.value ? Ut(j.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!k.value) return !1;
-			let n = oe(t.format);
-			return k.value.commands.setContent(e, {
-				contentType: re(n),
+			if (!j.value) return !1;
+			let n = V(t.format);
+			return j.value.commands.setContent(e, {
+				contentType: ie(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Ft(k.value), N(k.value), u.value && M(k.value), P(k.value), E(), !0;
+			}), t.focusFirstTableBodyCell && Ut(j.value), F(j.value), u.value && P(j.value), I(j.value), O(), !0;
 		}
 	};
-	function be(e, t) {
-		if (!(!k.value || !u.value || !Tt(e))) {
+	function xe(e, t) {
+		if (!(!j.value || !u.value || !jt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				_.value = e;
 				return;
 			}
-			Dt(k.value, h.value, e, t), h.value = Mt(h.value, { type: "execute" }), A();
+			Pt(j.value, h.value, e, t), h.value = Bt(h.value, { type: "execute" }), M();
 		}
 	}
-	function De(e) {
-		if (!k.value || _.value || !u.value) return;
-		let t = Et(h.value, fe.value, e.key, { isComposing: e.isComposing || L(k.value.state) });
+	function Oe(e) {
+		if (!j.value || _.value || !u.value) return;
+		let t = Mt(h.value, pe.value, e.key, { isComposing: e.isComposing || ne(j.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = Mt(h.value, { type: "escape" }), A();
+				h.value = Bt(h.value, { type: "escape" }), M();
 				return;
 			}
 			if (t.type === "move-active") {
-				h.value = Mt(h.value, {
+				h.value = Bt(h.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				});
 				return;
 			}
-			be(t.command);
+			xe(t.command);
 		}
 	}
-	W(() => [e.mode, e.editable], () => {
-		c.value = f(e.mode), k.value && (k.value.setEditable(u.value), p(k.value, {
+	K(() => [e.mode, e.editable], () => {
+		c.value = f(e.mode), j.value && (j.value.setEditable(u.value), p(j.value, {
 			mode: c.value,
 			editable: u.value
-		}), xt(k.value, u.value ? "live" : "view"), E(), u.value || A());
-	}, { immediate: !0 }), W(() => e.theme, () => {
-		k.value && bt(k.value, l.value);
-	}, { immediate: !0 }), W(() => e.content, (t) => {
-		let n = oe(e.contentFormat);
-		if (!(!k.value || t === void 0)) {
-			if (ae(k.value, C.value, t, n)) {
+		}), Dt(j.value, u.value ? "live" : "view"), O(), u.value || M());
+	}, { immediate: !0 }), K(() => e.theme, () => {
+		j.value && Et(j.value, l.value);
+	}, { immediate: !0 }), K(() => e.content, (t) => {
+		let n = V(e.contentFormat);
+		if (!(!j.value || t === void 0)) {
+			if (oe(j.value, C.value, t, n)) {
 				C.value = null;
 				return;
 			}
-			C.value = null, !ie(k.value, t, n) && (S.value = !0, k.value.commands.setContent(t, {
-				contentType: re(n),
+			C.value = null, !ae(j.value, t, n) && (S.value = !0, j.value.commands.setContent(t, {
+				contentType: ie(n),
 				emitUpdate: !1
-			}), S.value = !1, N(k.value), u.value && M(k.value), P(k.value), E());
+			}), S.value = !1, F(j.value), u.value && P(j.value), I(j.value), O());
 		}
-	}), W(ge, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(de, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
-		let t = Ee(e, x.value);
+	}), K(_e, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(fe, (t) => e.onTocChange?.(t), { immediate: !0 }), K(ue, (e) => {
+		let t = De(e, x.value);
 		x.value !== t && (x.value = t);
 	});
-	let Oe = null;
-	return K(() => {
-		T !== null && window.clearTimeout(T);
-	}), G(() => {
+	let ke = z(() => {
+		j.value && g.value && N(j.value.view);
+	}), Ae = () => {
+		g.value && ke.schedule();
+	};
+	K(g, (e) => {
+		e ? Ae() : ke.cancel();
+	}), Rn(() => {
+		window.addEventListener("resize", Ae), window.addEventListener("scroll", Ae, !0);
+	}), q(() => {
+		ke.cancel(), window.removeEventListener("resize", Ae), window.removeEventListener("scroll", Ae, !0);
+	});
+	let je = null;
+	return q(() => {
+		D !== null && window.clearTimeout(D);
+	}), Rn(() => {
 		let e = () => {
-			if (!k.value || !z.value.length) {
+			if (!j.value || !ue.value.length) {
 				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = we(k.value, z.value);
+				e = Te(j.value, ue.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = Mr(k.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), Oe = () => {
+		}, t = () => window.requestAnimationFrame(e), n = xi(j.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), je = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
-	}), K(() => {
-		Oe?.();
-		let e = O.value;
-		O.value = null, q(() => e?.destroy());
+	}), q(() => {
+		je?.();
+		let e = ee.value;
+		ee.value = null, J(() => e?.destroy());
 	}), {
-		editor: k,
-		runtimeSnapshot: ge,
-		actions: ye,
+		editor: j,
+		runtimeSnapshot: _e,
+		actions: be,
 		__render: {
 			messages: o,
 			effectiveEditable: u,
-			tableFocusState: te,
+			tableFocusState: R,
 			tableInteractionState: b,
-			codeBlockState: I,
-			isCodeBlockActive: R,
+			codeBlockState: L,
+			isCodeBlockActive: re,
 			mermaidMode: v,
 			mathTarget: y,
 			setMermaidMode: (e) => {
 				v.value = e;
 			},
-			tocState: de,
-			filteredSlashCommands: fe,
+			tocState: fe,
+			filteredSlashCommands: pe,
 			slashState: h,
 			slashMenuPosition: g,
 			slashInputCommand: _,
-			runSlashCommand: be,
-			handleEditorKeyDown: De,
+			runSlashCommand: xe,
+			handleEditorKeyDown: Oe,
 			setSlashInputCommand: (e) => {
 				_.value = e;
 			}
 		}
 	};
 }
-var Jr = J({
+var zi = Y({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3802,6 +4574,10 @@ var Jr = J({
 			type: Function,
 			default: void 0
 		},
+		resolveMediaSource: {
+			type: Function,
+			default: void 0
+		},
 		className: {
 			type: String,
 			default: void 0
@@ -3844,29 +4620,29 @@ var Jr = J({
 		}
 	},
 	setup(e) {
-		let t = qr(e);
+		let t = Ri(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
-			let r = t.__render, i = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), a = be(e.canvasColor);
-			return B("section", {
+			let r = t.__render, i = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), a = xe(e.canvasColor);
+			return H("section", {
 				class: i,
 				"aria-label": e.ariaLabel ?? r.messages.common.editorAriaLabel,
 				"data-testid": "markweave-editor-frame",
 				"data-markweave-mode": t.runtimeSnapshot.value.mode,
-				"data-markweave-theme": xe(e.theme),
+				"data-markweave-theme": Se(e.theme),
 				style: a ? { "--markweave-canvas": a } : void 0,
 				"data-markweave-inner-toc": e.innerToc ? "true" : "false",
-				"data-markweave-inner-toc-placement": De(e.innerTocPlacement),
+				"data-markweave-inner-toc-placement": Oe(e.innerTocPlacement),
 				"data-mermaid-mode": t.runtimeSnapshot.value.mermaid.mode,
 				"data-table-focus-mode": r.tableFocusState.value.mode,
 				onKeydownCapture: r.handleEditorKeyDown
 			}, [
-				r.effectiveEditable.value ? B(Br, {
+				r.effectiveEditable.value ? H(ki, {
 					editor: n,
 					messages: r.messages
 				}) : null,
-				r.effectiveEditable.value ? B(Hr, {
+				r.effectiveEditable.value ? H(ji, {
 					commands: r.filteredSlashCommands.value,
 					state: r.slashState.value,
 					position: r.slashMenuPosition.value,
@@ -3876,7 +4652,7 @@ var Jr = J({
 					onInputCommandChange: r.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				r.effectiveEditable.value ? B(Ur, {
+				r.effectiveEditable.value ? H(Pi, {
 					editor: n,
 					active: r.tableFocusState.value.active,
 					interactionState: r.tableInteractionState.value,
@@ -3885,11 +4661,11 @@ var Jr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				r.effectiveEditable.value ? B(Wr, {
+				r.effectiveEditable.value ? H(Fi, {
 					editor: n,
 					focusState: r.tableFocusState.value
 				}) : null,
-				B(Gr, {
+				H(Ii, {
 					editor: n,
 					state: r.codeBlockState.value,
 					active: r.effectiveEditable.value && r.isCodeBlockActive.value,
@@ -3897,23 +4673,23 @@ var Jr = J({
 					onMermaidModeChange: r.setMermaidMode,
 					readOnly: !r.effectiveEditable.value
 				}),
-				e.innerToc && r.tocState.value.items.length ? B(Kr, {
+				e.innerToc && r.tocState.value.items.length ? H(Li, {
 					editor: n,
 					state: r.tocState.value,
 					messages: r.messages,
 					editable: r.effectiveEditable.value,
-					placement: De(e.innerTocPlacement)
+					placement: Oe(e.innerTocPlacement)
 				}) : null,
-				r.effectiveEditable.value && r.mathTarget.value ? B(Vr, {
+				r.effectiveEditable.value && r.mathTarget.value ? H(Ai, {
 					editor: n,
 					messages: r.messages,
 					target: r.mathTarget.value,
 					onClose: () => r.mathTarget.value = null
 				}) : null,
-				B(o, { editor: n })
+				H(o, { editor: n })
 			]);
 		};
 	}
 });
 //#endregion
-export { Jr as MarkweaveEditor, Or as createMarkweaveEditorExtensions, Or as createMarkweaveVue2EditorExtensions, qr as useMarkweaveEditorController };
+export { zi as MarkweaveEditor, _i as createMarkweaveEditorExtensions, _i as createMarkweaveVue2EditorExtensions, Ri as useMarkweaveEditorController };