@markweave/vue2 0.3.1 → 0.3.3

package/dist/index.js

@@ -31,31 +31,31 @@ import { isMermaidInlinePreviewTransaction as Tt, setMarkweaveMermaidTheme as Et
 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 { executeSlashCommand as Nt, getNextSlashCommandState as Pt, getSlashCommandAnchoredMenuPosition as Ft, getSlashCommandContext as It } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as Lt, reduceSlashCommandState as Rt } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as zt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as Bt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as Vt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Ht } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as Ut, initialTableInteractionState as Wt, tableInteractionPluginKey as Gt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as Kt, calculateTableEdgeHandlePosition as qt, canRunTableCommand as Jt, executeTableMenuCommand as Yt, formatTableCopyFeedback as Xt, getActiveTableElement as Zt, getAvailableCellMenuCommandSpecs as Qt, getTableAxisTargetRect as $t, getTableControlAxisSelectionModel as en, getTableEditWithAiRequest as tn, getTableMenuItemGroup as nn, getTableMenuItemLabel as rn, getTableMenuItems as an, getTableSelectionTargetRect as on, measureTableSelectionOverlay as sn, selectTableAxisFromCell as cn, tableCopyFeedbackTimeoutMs as ln, tableMenuLabel as un } from "markweave/internal/plugins/table/table-ui-model";
+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, calculateTableAxisHandleLayout as Qt, calculateTableExtendButtonLayout as $t, canRunTableCommand as en, executeTableMenuCommand as tn, formatTableCopyFeedback as nn, getActiveTableElement as rn, getAvailableCellMenuCommandSpecs as an, getTableAxisDropIndexAtPoint as on, getTableAxisFormattingState as sn, getTableAxisTargetRect as cn, getTableControlAxisSelectionModel as ln, getTableEditWithAiRequest as un, getTableMenuItemGroup as dn, getTableMenuItemLabel as fn, getTableMenuItems as pn, getTableSelectionTargetRect as mn, measureTableSelectionOverlay as hn, moveTargetedTableAxis as gn, selectTableAxisFromCell as _n, tableColorOptions as vn, tableCopyFeedbackTimeoutMs as yn, tableHorizontalAlignmentOptions as bn, tableMenuLabel as xn, tableVerticalAlignmentOptions as Sn, targetTableAxisFromCell as Cn } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var dn = l.default ?? l, fn = null, pn = null, mn = null;
-function hn(e) {
+var wn = l.default ?? l, Tn = null, En = null, Dn = null;
+function On(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function gn(e) {
+function kn(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 _n(e) {
+function An(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" && hn(s)) {
+		if (o === "ref" && On(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -64,7 +64,7 @@ function _n(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[gn(o)] = s;
+			i[kn(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -75,14 +75,14 @@ function _n(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 vn(e) {
+function jn(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" && hn(o)) {
+		if (a === "ref" && On(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -98,25 +98,25 @@ function vn(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 yn(e) {
+function Mn(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function bn(e) {
+function Nn(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function xn(e) {
+function Pn(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function Sn(e) {
-	return typeof e == "function" ? xn(e()) : yn(e) ? xn(e.default()) : bn(e) ? [e] : e;
+function Fn(e) {
+	return typeof e == "function" ? Pn(e()) : Mn(e) ? Pn(e.default()) : Nn(e) ? [e] : e;
 }
 function H(e, t, n) {
-	if (!mn) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? _n(r) : vn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Sn(n);
-	return mn(e, i, a);
+	if (!Dn) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? An(r) : jn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Fn(n);
+	return Dn(e, i, a);
 }
 function U(e) {
-	return dn.observable({ value: e });
+	return wn.observable({ value: e });
 }
 var W = U;
 function G(e) {
@@ -126,19 +126,19 @@ function G(e) {
 }
 function K(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return fn?.$watch ? fn.$watch(r, t, n) : () => void 0;
+	return Tn?.$watch ? Tn.$watch(r, t, n) : () => void 0;
 }
-function Cn(e) {
-	pn?.mounted.push(e);
+function In(e) {
+	En?.mounted.push(e);
 }
 function q(e) {
-	pn?.beforeUnmount.push(e);
+	En?.beforeUnmount.push(e);
 }
 function J(e) {
-	return dn.nextTick(e);
+	return wn.nextTick(e);
 }
 function Y(e) {
-	return dn.extend({
+	return wn.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -146,12 +146,12 @@ function Y(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			fn = this, pn = t;
+			Tn = this, En = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				fn = null, pn = null;
+				Tn = null, En = null;
 			}
 		},
 		mounted() {
@@ -161,19 +161,413 @@ function Y(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			mn = t;
+			Dn = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				mn = null;
+				Dn = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var wn = {
+var Ln = {
+	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: [
@@ -1038,7 +1432,7 @@ var wn = {
 		}]]
 	}
 };
-function Tn(e) {
+function Rn(e) {
 	return e.map(([e, t]) => H(e, t));
 }
 function X(e) {
@@ -1059,7 +1453,7 @@ function X(e) {
 			}
 		},
 		setup(t) {
-			let n = wn[e];
+			let n = Ln[e];
 			return () => H("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
@@ -1072,12 +1466,12 @@ function X(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, Tn(n.node));
+			}, Rn(n.node));
 		}
 	});
 }
-var En = X("AlignCenter"), Dn = X("AlignJustify"), On = X("AlignLeft"), kn = X("AlignRight"), An = X("AlertTriangle"), jn = X("Bold"), Mn = X("Braces"), Nn = X("Captions"), Pn = X("CheckCircle2"), Fn = X("ChevronDown"), In = X("ChevronUp"), Ln = X("CircleX"), Rn = X("Code2"), zn = X("CornerDownLeft"), Bn = X("Download"), Vn = X("Eye"), Hn = X("ExternalLink"), Un = X("Heading1"), Wn = X("Heading2"), Gn = X("Heading3"), Kn = X("Image"), qn = X("ImageUp"), Jn = X("IndentDecrease"), Yn = X("IndentIncrease"), Xn = X("Info"), Zn = X("Italic"), Qn = X("Lightbulb"), $n = X("Link2"), er = X("List"), tr = X("ListChecks"), nr = X("ListOrdered"), rr = X("Minus"), ir = X("MoreVertical"), ar = X("Paperclip"), or = X("PencilLine"), sr = X("Quote"), cr = X("Replace"), lr = X("Sigma"), ur = X("SmilePlus"), dr = X("Strikethrough"), fr = X("Subscript"), pr = X("Superscript"), mr = X("Table2"), hr = X("Text"), gr = X("Trash2"), _r = X("Type"), vr = X("Underline"), yr = X("Upload"), br = X("Video"), xr = N;
-function Sr(e) {
+var zn = X("AlignCenter"), Bn = X("AlignJustify"), Vn = X("AlignLeft"), Hn = X("AlignRight"), Un = X("AlignVerticalJustifyCenter"), Wn = X("AlignVerticalJustifyEnd"), Gn = X("AlignVerticalJustifyStart"), Kn = X("AlertTriangle"), qn = X("ArrowDown"), Jn = X("ArrowDownAZ"), Yn = X("ArrowLeft"), Xn = X("ArrowRight"), Zn = X("ArrowUp"), Qn = X("ArrowUpZA"), $n = X("BetweenHorizontalEnd"), er = X("BetweenHorizontalStart"), tr = X("BetweenVerticalEnd"), nr = X("BetweenVerticalStart"), rr = X("Bold"), ir = X("Braces"), ar = X("Captions"), or = X("CheckCircle2"), sr = X("ChevronDown"), cr = X("ChevronRight"), lr = X("ChevronUp"), ur = X("CircleX"), dr = X("Code2"), fr = X("CornerDownLeft"), pr = X("Copy"), mr = X("Download"), hr = X("Eye"), gr = X("ExternalLink"), _r = X("Heading1"), vr = X("Heading2"), yr = X("Heading3"), br = X("Image"), xr = X("ImageUp"), Sr = X("IndentDecrease"), Cr = X("IndentIncrease"), wr = X("Info"), Tr = X("Italic"), Er = X("Lightbulb"), Dr = X("Link2"), Or = X("List"), kr = X("ListChecks"), Ar = X("ListOrdered"), jr = X("Minus"), Mr = X("MoreVertical"), Nr = X("PaintBucket"), Pr = X("Paperclip"), Fr = X("PencilLine"), Ir = X("Plus"), Lr = X("Quote"), Rr = X("Replace"), zr = X("Sigma"), Br = X("SmilePlus"), Vr = X("SquareX"), Hr = X("Strikethrough"), Ur = X("Subscript"), Wr = X("Superscript"), Gr = X("Table2"), Kr = X("TableCellsMerge"), qr = X("TableCellsSplit"), Jr = X("Text"), Yr = X("Trash2"), Xr = X("Type"), Zr = X("Underline"), Qr = X("Upload"), $r = X("Video"), ei = N;
+function ti(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1099,23 +1493,23 @@ function Sr(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function Cr(e) {
+function ni(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function wr(e) {
+function ri(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function Tr(e) {
+function ii(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Er(e, t) {
+function ai(e, t) {
 	return H(e, {
 		size: 18,
 		strokeWidth: 1.8,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function Dr(e) {
+function oi(e) {
 	return H("button", {
 		type: "button",
 		"aria-label": e.label,
@@ -1124,12 +1518,12 @@ function Dr(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [Er(e.icon, e.label), H("span", {
+	}, [ai(e.icon, e.label), H("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function Or(e) {
+function si(e) {
 	let t = U(null), n = e.messages.image;
 	return H("section", {
 		class: "markweave-image-upload-placeholder",
@@ -1163,7 +1557,7 @@ function Or(e) {
 		H("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [H(qn, {
+		}, [H(xr, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1188,7 +1582,7 @@ function Or(e) {
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [H(qn, {
+			}, [H(xr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1204,7 +1598,7 @@ function Or(e) {
 		}, e.error) : null
 	]);
 }
-function kr(e) {
+function ci(e) {
 	let t = U(null), n = e.messages.video;
 	return H("section", {
 		class: "markweave-video-upload-placeholder",
@@ -1238,7 +1632,7 @@ function kr(e) {
 		H("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [H(br, {
+		}, [H($r, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1263,7 +1657,7 @@ function kr(e) {
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [H(yr, {
+			}, [H(Qr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1279,7 +1673,7 @@ function kr(e) {
 		}, e.error) : null
 	]);
 }
-var Ar = Y({
+var li = Y({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1312,7 +1706,7 @@ var Ar = Y({
 		}
 	},
 	setup(e) {
-		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(!!I(u.value.caption)), p = U(I(u.value.caption) ?? ""), m = Sr(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => I(u.value.src)), y = G(() => e.extension.options?.resolveMediaSource), x = U(null), C = null;
+		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(!!I(u.value.caption)), p = U(I(u.value.caption) ?? ""), m = ti(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => I(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;
@@ -1333,7 +1727,7 @@ var Ar = Y({
 				r.signal.aborted || (x.value = e);
 			});
 		}, { immediate: !0 }), q(() => C?.abort());
-		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => xr(u.value.align)), D = G(() => F(u.value.width)), A = G(() => I(u.value.caption)), M = G(() => h.value && (!v.value || i.value)), N = () => {
+		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => ei(u.value.align)), D = G(() => F(u.value.width)), A = G(() => I(u.value.caption)), M = G(() => h.value && (!v.value || i.value)), N = () => {
 			w.value && b({
 				src: w.value,
 				alt: I(u.value.alt) ?? "",
@@ -1406,7 +1800,7 @@ var Ar = Y({
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => Or({
+		}, () => si({
 			messages: g.value,
 			inputValue: o.value,
 			error: c.value,
@@ -1436,7 +1830,7 @@ var Ar = Y({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !Cr(e.target) && P();
+				h.value && !ni(e.target) && P();
 			}
 		}, () => [
 			h.value ? H("div", {
@@ -1445,24 +1839,24 @@ var Ar = Y({
 				"data-markweave-image-ui": "true",
 				"aria-label": _.value.toolsAriaLabel
 			}, [
-				Dr({
+				oi({
 					testId: "markweave-image-align-left",
 					label: _.value.alignLeft,
-					icon: On,
+					icon: Vn,
 					active: E.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-align-center",
 					label: _.value.alignCenter,
-					icon: En,
+					icon: zn,
 					active: E.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-align-right",
 					label: _.value.alignRight,
-					icon: kn,
+					icon: Hn,
 					active: E.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
@@ -1470,31 +1864,31 @@ var Ar = Y({
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-caption",
 					label: _.value.caption,
-					icon: Nn,
+					icon: ar,
 					active: f.value || !!A.value,
 					onClick: B
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
-					icon: Vn,
+					icon: hr,
 					onClick: N
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-download",
 					label: _.value.download,
-					icon: Bn,
+					icon: mr,
 					onClick: () => {
 						w.value && j(w.value);
 					}
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-replace",
 					label: _.value.replace,
-					icon: cr,
+					icon: Rr,
 					onClick: () => {
 						o.value = "", c.value = null, i.value = !0;
 					}
@@ -1503,10 +1897,10 @@ var Ar = Y({
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				Dr({
+				oi({
 					testId: "markweave-image-delete",
 					label: _.value.delete,
-					icon: gr,
+					icon: Yr,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
@@ -1542,7 +1936,7 @@ var Ar = Y({
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
 					onClick: N
-				}, [H(Vn, {
+				}, [H(hr, {
 					size: 16,
 					strokeWidth: 1.8
 				}), H("span", {
@@ -1587,7 +1981,7 @@ var Ar = Y({
 			}, A.value) : null
 		]);
 	}
-}), jr = Y({
+}), ui = Y({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1620,7 +2014,7 @@ var Ar = Y({
 		}
 	},
 	setup(e) {
-		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = Sr(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(() => I(f.value.src)), m = G(() => I(f.value.embedUrl)), h = G(() => I(f.value.provider)), g = G(() => m.value ? P(m.value, h.value) : null), _ = G(() => I(f.value.mimeType)), v = G(() => I(f.value.title)), y = () => {
+		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = ti(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(() => I(f.value.src)), m = G(() => I(f.value.embedUrl)), h = G(() => I(f.value.provider)), g = G(() => m.value ? P(m.value, h.value) : null), _ = G(() => I(f.value.mimeType)), v = G(() => I(f.value.title)), y = () => {
 			p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
 		}, b = async (n) => {
 			if (!c.value) return;
@@ -1661,7 +2055,7 @@ var Ar = Y({
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => kr({
+		}, () => ci({
 			messages: l.value,
 			inputValue: r.value,
 			error: i.value,
@@ -1688,7 +2082,7 @@ var Ar = Y({
 			onFocus: C,
 			onKeydown: w,
 			onMousedown: (e) => {
-				c.value && !wr(e.target) && (e.preventDefault(), C());
+				c.value && !ri(e.target) && (e.preventDefault(), C());
 			}
 		}, () => [g.value ? H("div", { class: "markweave-video-embed" }, [H("iframe", {
 			class: "markweave-video-iframe",
@@ -1726,7 +2120,7 @@ var Ar = Y({
 			"aria-hidden": "true"
 		})]);
 	}
-}), Mr = C.extend({
+}), di = C.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1737,7 +2131,7 @@ var Ar = Y({
 	},
 	addNodeView() {
 		if (typeof document > "u") return null;
-		let e = c(Ar, { stopEvent: ({ event: e }) => Cr(e.target) }), t = this.options.resolveMediaSource;
+		let e = c(li, { stopEvent: ({ event: e }) => ni(e.target) }), t = this.options.resolveMediaSource;
 		if (!t) return e;
 		let r = x({
 			messages: this.options.messages ?? n("zh"),
@@ -1746,7 +2140,7 @@ var Ar = Y({
 		});
 		return (t) => I(t.node.attrs.src) ? r(t) : e(t);
 	}
-}), Nr = w.extend({
+}), fi = w.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1756,9 +2150,9 @@ var Ar = Y({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(jr, { stopEvent: ({ event: e }) => wr(e.target) });
+		return typeof document > "u" ? null : c(ui, { stopEvent: ({ event: e }) => ri(e.target) });
 	}
-}), Pr = Y({
+}), pi = Y({
 	name: "MarkweaveVueLinkCardNodeView",
 	props: {
 		editor: {
@@ -1791,7 +2185,7 @@ var Ar = Y({
 		}
 	},
 	setup(e) {
-		let t = e.extension.options, r = t.messages ?? n("zh"), i = Sr(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 ?? "");
+		let t = e.extension.options, r = t.messages ?? n("zh"), i = ti(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;
 		});
@@ -1826,7 +2220,7 @@ var Ar = Y({
 			"data-testid": n,
 			onMousedown: h,
 			onClick: r
-		}, [Er(t, e), H("span", { role: "tooltip" }, e)]);
+		}, [ai(t, e), H("span", { role: "tooltip" }, e)]);
 		return () => {
 			let n = l.value;
 			if (!n) return null;
@@ -1862,10 +2256,10 @@ var Ar = Y({
 					a.value = !1;
 				},
 				onMousedown: (e) => {
-					Tr(e.target) || e.preventDefault();
+					ii(e.target) || e.preventDefault();
 				},
 				onClick: (e) => {
-					Tr(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
+					ii(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
 				}
 			}, () => [
 				H("a", {
@@ -1885,9 +2279,9 @@ var Ar = Y({
 					"data-markweave-link-card-ui": "true",
 					"aria-label": r.linkCard.toolsAriaLabel
 				}, [
-					C(r.linkCard.convertToLink, $n, "markweave-link-card-convert", x),
-					C(r.linkCard.copyAddress, Bn, "markweave-link-card-copy", () => b(n.href)),
-					C(r.linkCard.edit, or, "markweave-link-card-edit", (i) => g({
+					C(r.linkCard.convertToLink, Dr, "markweave-link-card-convert", x),
+					C(r.linkCard.copyAddress, mr, "markweave-link-card-copy", () => b(n.href)),
+					C(r.linkCard.edit, Fr, "markweave-link-card-edit", (i) => g({
 						anchor: i.currentTarget,
 						editor: e.editor,
 						messages: r,
@@ -1897,7 +2291,7 @@ var Ar = Y({
 							attrs: n
 						}
 					})),
-					C(r.linkCard.delete, gr, "markweave-link-card-delete", () => e.deleteNode())
+					C(r.linkCard.delete, Yr, "markweave-link-card-delete", () => e.deleteNode())
 				]) : null,
 				p.value && o.value ? H("form", {
 					class: "markweave-link-card-editor",
@@ -1925,12 +2319,12 @@ var Ar = Y({
 						type: "submit",
 						disabled: !v(f.value),
 						"aria-label": r.linkCard.edit
-					}, [Er($n, r.linkCard.edit)])
+					}, [ai(Dr, r.linkCard.edit)])
 				]) : null
 			]);
 		};
 	}
-}), Fr = h.extend({
+}), mi = h.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1939,23 +2333,23 @@ var Ar = Y({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Pr, { stopEvent: ({ event: e }) => Tr(e.target) });
+		return typeof document > "u" ? null : c(pi, { stopEvent: ({ event: e }) => ii(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Ir(t = {}) {
+function hi(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: Fr.configure({
+		linkCardExtension: mi.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: i({
-			image: Mr,
-			video: Nr,
+			image: di,
+			video: fi,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload,
@@ -1965,7 +2359,7 @@ function Ir(t = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var Lr = {
+var gi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1973,17 +2367,17 @@ var Lr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Rr = {
+}, _i = {
 	active: !1,
 	language: Fe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function zr(e) {
-	return Gt.getState(e.state) ?? Wt;
+function vi(e) {
+	return qt.getState(e.state) ?? Kt;
 }
-function Br(e) {
+function yi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2000,7 +2394,7 @@ function Z(e, t, n = 18, r = 1.8) {
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function Vr(e) {
+function bi(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",
@@ -2048,57 +2442,57 @@ function Q(e) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, Vr(e)));
+	}, bi(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function Hr(e) {
+function xi(e) {
 	let t = ft(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var Ur = {
-	bold: jn,
-	italic: Zn,
-	underline: vr,
-	strike: dr,
-	"inline-code": Rn,
-	link: $n,
-	more: ir,
-	superscript: pr,
-	subscript: fr,
-	"inline-math": lr,
-	"align-left": On,
-	"align-center": En,
-	"align-right": kn,
-	"align-justify": Dn,
-	"decrease-indent": Jn,
-	"increase-indent": Yn
-}, Wr = {
-	type: hr,
-	"heading-1": Un,
-	"heading-2": Wn,
-	"heading-3": Gn,
-	"bullet-list": er,
-	"ordered-list": nr,
-	"task-list": tr,
-	blockquote: sr,
-	"code-block": Mn,
-	info: Xn,
-	tip: Qn,
-	warning: An,
-	error: Ln,
-	success: Pn,
-	emoji: ur,
-	math: lr,
-	table: mr,
-	separator: rr,
-	image: Kn,
-	video: br,
-	attachment: ar
+var Si = {
+	bold: rr,
+	italic: Tr,
+	underline: Zr,
+	strike: Hr,
+	"inline-code": dr,
+	link: Dr,
+	more: Mr,
+	superscript: Wr,
+	subscript: Ur,
+	"inline-math": zr,
+	"align-left": Vn,
+	"align-center": zn,
+	"align-right": Hn,
+	"align-justify": Bn,
+	"decrease-indent": Sr,
+	"increase-indent": Cr
+}, Ci = {
+	type: Jr,
+	"heading-1": _r,
+	"heading-2": vr,
+	"heading-3": yr,
+	"bullet-list": Or,
+	"ordered-list": Ar,
+	"task-list": kr,
+	blockquote: Lr,
+	"code-block": ir,
+	info: wr,
+	tip: Er,
+	warning: Kn,
+	error: ur,
+	success: or,
+	emoji: Br,
+	math: zr,
+	table: Gr,
+	separator: jr,
+	image: br,
+	video: $r,
+	attachment: Pr
 };
-function Gr(e) {
-	let t = Wr[e];
+function wi(e) {
+	let t = Ci[e];
 	return H(t, {
 		size: 18,
 		strokeWidth: 1.6,
@@ -2106,21 +2500,21 @@ function Gr(e) {
 		"aria-hidden": "true"
 	});
 }
-var Kr = {
-	paragraph: _r,
-	"heading-1": Un,
-	"heading-2": Wn,
-	"heading-3": Gn,
-	"bullet-list": er,
-	"numbered-list": nr,
-	"todo-list": tr,
-	quote: sr,
-	"code-block": Mn
+var Ti = {
+	paragraph: Xr,
+	"heading-1": _r,
+	"heading-2": vr,
+	"heading-3": yr,
+	"bullet-list": Or,
+	"numbered-list": Ar,
+	"todo-list": kr,
+	quote: Lr,
+	"code-block": ir
 };
-function qr(e, t) {
+function Ei(e, t) {
 	return se(e, t).label;
 }
-var Jr = Y({
+var Di = Y({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -2140,7 +2534,7 @@ var Jr = Y({
 		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,
-			Kr[e.id]
+			Ti[e.id]
 		])), f = G(() => ue(e.messages).map((e) => [
 			e.id,
 			e.value,
@@ -2172,7 +2566,7 @@ var Jr = Y({
 		});
 		K(t, (e) => {
 			e && J(v.schedule);
-		}), Cn(() => {
+		}), In(() => {
 			window.addEventListener("resize", v.schedule), window.addEventListener("scroll", v.schedule, !0);
 		}), q(() => {
 			v.cancel(), window.removeEventListener("resize", v.schedule), window.removeEventListener("scroll", v.schedule, !0);
@@ -2215,7 +2609,7 @@ var Jr = Y({
 			onMouseenter: (e) => b(n, e.currentTarget),
 			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, qr(e.editor, e.messages)), Z(t.value === "block-type" ? In : Fn, 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" ? In : Fn, i)])] : [Z(a, i)]), C = () => H("span", {
+		}, n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, Ei(e.editor, e.messages)), Z(t.value === "block-type" ? lr : sr, 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" ? lr : sr, i)])] : [Z(a, i)]), C = () => H("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
 		}), w = (n, r, i) => H("section", {
@@ -2271,7 +2665,7 @@ var Jr = Y({
 				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(zn, u.value.applyLink)]),
+			}, [Z(fr, u.value.applyLink)]),
 			H("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
@@ -2282,15 +2676,15 @@ var Jr = Y({
 				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => Hr(n.value)
-			}, [Z(Hn, u.value.openLink)]),
+				onClick: () => xi(n.value)
+			}, [Z(gr, u.value.openLink)]),
 			H("button", {
 				type: "button",
 				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
 				onClick: g
-			}, [Z(gr, u.value.removeLink)])
+			}, [Z(Yr, u.value.removeLink)])
 		])]) : t.value === "color" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
@@ -2317,7 +2711,7 @@ var Jr = Y({
 			onClick: () => {
 				fe(e.editor, n), t.value = null;
 			}
-		}, [Z(Ur[n], u.value.moreActions[n])]), r.value === n ? H("div", {
+		}, [Z(Si[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;
@@ -2335,23 +2729,23 @@ var Jr = Y({
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			S("block-type", u.value.buttons["block-type"], _r, () => _("block-type"), t.value === "block-type"),
+			S("block-type", u.value.buttons["block-type"], Xr, () => _("block-type"), t.value === "block-type"),
 			C(),
-			S("bold", u.value.buttons.bold, jn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			S("italic", u.value.buttons.italic, Zn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			S("underline", u.value.buttons.underline, vr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			S("strike", u.value.buttons.strike, dr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			S("inline-code", u.value.buttons["inline-code"], Rn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			S("bold", u.value.buttons.bold, rr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, Tr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, Zr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, Hr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], dr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			C(),
-			S("link", u.value.buttons.link, $n, () => _("link"), e.editor.isActive("link")),
-			S("color", u.value.buttons.color, _r, () => _("color"), t.value === "color"),
+			S("link", u.value.buttons.link, Dr, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, Xr, () => _("color"), t.value === "color"),
 			C(),
-			S("more", u.value.buttons.more, ir, () => _("more"), t.value === "more"),
+			S("more", u.value.buttons.more, Mr, () => _("more"), t.value === "more"),
 			T(),
 			x()
 		])]) });
 	}
-}), Yr = Y({
+}), Oi = Y({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2404,7 +2798,7 @@ var Jr = Y({
 		};
 		return K(() => [e.target.pos, e.target.latex], () => {
 			t.value = e.target.latex, a.value = _t(e.editor, e.target), J(u);
-		}), Cn(() => {
+		}), In(() => {
 			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);
@@ -2470,14 +2864,14 @@ var Jr = Y({
 			}, [
 				H("div", { class: "markweave-math-block-toolbar" }, [
 					H("span", null, c.value.label),
-					Z(Rn, c.value.label, 15, 1.75),
+					Z(dr, 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(Pn, c.value.apply, 16, 2)])
+					}, [Z(or, c.value.apply, 16, 2)])
 				]),
 				H("label", {
 					class: "markweave-math-block-source",
@@ -2500,7 +2894,7 @@ var Jr = Y({
 			]);
 		};
 	}
-}), Xr = Y({
+}), ki = Y({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2709,7 +3103,7 @@ var Jr = Y({
 						}
 					}
 				}, [
-					Gr(t.icon),
+					wi(t.icon),
 					H("span", null, t.label),
 					t.disabledReason ? H("small", null, t.disabledReason) : null
 				]);
@@ -2720,7 +3114,33 @@ var Jr = Y({
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Zr = Y({
+}), Ai = {
+	"move-left": Yn,
+	"move-right": Xn,
+	"move-up": Zn,
+	"move-down": qn,
+	"insert-left": nr,
+	"insert-right": tr,
+	"insert-above": er,
+	"insert-below": $n,
+	"sort-asc": Jn,
+	"sort-desc": Qn,
+	color: Nr,
+	alignment: Vn,
+	clear: Vr,
+	duplicate: pr,
+	copy: pr,
+	merge: Kr,
+	split: qr,
+	delete: Yr
+}, ji = {
+	left: Vn,
+	center: zn,
+	right: Hn,
+	top: Gn,
+	middle: Un,
+	bottom: Wn
+}, Mi = Y({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2753,221 +3173,422 @@ var Jr = Y({
 		}
 	},
 	setup(e) {
-		let t = U(null), n = U("row-edge"), r = U(null), 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(null), p = null, m = G(() => e.active ? Ht(e.editor.state) : Lr), h = G(() => en(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = G(() => en(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = G(() => Qt(e.editor)), v = G(() => _.value.length > 0), y = G(() => t.value ? an(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;
-			}, ln));
-		}, 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(0), f = U(null), p = U(null), m = U(null), h = U(null), g = U(null), _ = null, v = null, y = null, b = G(() => e.active ? Wt(e.editor.state) : gi), x = G(() => ln(e.editor, e.interactionState, "row", b.value.activeCellPos)), S = G(() => ln(e.editor, e.interactionState, "column", b.value.activeCellPos)), C = G(() => an(e.editor)), w = G(() => (C.value, b.value.active)), T = G(() => t.value ? pn(e.editor, t.value) : []), E = () => {
+			_ === null || typeof window > "u" || (window.clearTimeout(_), _ = null);
+		}, D = (e) => {
+			E(), u.value = e, !(!e || typeof window > "u") && (_ = window.setTimeout(() => {
+				u.value = null, _ = null;
+			}, yn));
+		}, O = () => {
 			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, D(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 ? $t(e.editor, h.value) : null, l = g.value ? $t(e.editor, g.value) : null, u = v.value ? on(e.editor) : null;
-			c ? r.value = qt({
-				targetRect: c,
-				frameRect: s,
+			let l = n.getBoundingClientRect(), u = x.value ? cn(e.editor, x.value) : null, d = S.value ? cn(e.editor, S.value) : null, f = w.value ? mn(e.editor) : null, p = rn(e.editor)?.getBoundingClientRect() ?? null;
+			u ? i.value = Qt({
+				targetRect: u,
+				frameRect: l,
 				kind: "row"
-			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = qt({
-				targetRect: l,
-				frameRect: s,
+			}) : t.value === "row" && r.value === "row-edge" || (i.value = null), d ? a.value = Qt({
+				targetRect: d,
+				frameRect: l,
 				kind: "column"
-			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = qt({
-				targetRect: u,
-				frameRect: s,
+			}) : t.value === "column" && r.value === "column-edge" || (a.value = null), f ? o.value = Qt({
+				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 && !!(x.value && x.value.index === x.value.visualHeight - 1), h = e.interactionState.hoverCellPos !== null && !!(S.value && S.value.index === S.value.visualWidth - 1);
+			s.value = p && m ? $t({
+				tableRect: p,
+				frameRect: l,
+				kind: "row"
+			}) : null, c.value = p && h ? $t({
+				tableRect: p,
+				frameRect: l,
+				kind: "column"
+			}) : null;
+		}, k = () => {
 			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" ? p.value : r.value === "column-edge" ? m.value : h.value;
+			if (!n || !i || !g.value) {
+				l.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? Zt(e.editor)?.getBoundingClientRect() : null, c = s ? {
+			let a = i.getBoundingClientRect(), o = t.value === "row" ? rn(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 = Kt({
-				anchorRect: c,
-				frameRect: p,
+			} : a, c = n.getBoundingClientRect(), u = g.value.getBoundingClientRect();
+			l.value = Zt({
+				anchorRect: s,
+				frameRect: c,
 				menuSize: {
-					width: m.width || 204,
-					height: m.height || 220
+					width: u.width || 254,
+					height: u.height || 410
 				},
 				kind: t.value
 			});
-		}, w = () => {
-			S(), C();
-		}, T = () => {
-			J(w);
-		}, E = (e, r) => {
-			let i = t.value === e && n.value === r;
-			n.value = r, t.value = i ? null : e, T();
-		}, D = () => {
-			e.editor.view.dispatch(zt(e.editor.state.tr, null));
-		}, O = (t, n) => {
-			let r = e.interactionState.hoverCellPos ?? m.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && cn(e.editor, r, t, { visualIndex: i }), E(t, n);
-		}, k = () => {
-			D(), E("selection", "selection-edge");
-		}, A = (n = !1) => {
-			t.value = null, o.value = null, n && e.editor.view.focus();
-		}, j = async (n, r) => {
-			let i = await Yt({
+		}, A = () => {
+			O(), k();
+		}, j = () => {
+			J(A);
+		}, M = (e, i) => {
+			let a = t.value === e && r.value === i;
+			r.value = i, t.value = a ? null : e, n.value = null, j();
+		}, N = () => {
+			e.editor.view.dispatch(Vt(e.editor.state.tr, null));
+		}, P = (t, n) => {
+			let r = e.interactionState.hoverCellPos ?? b.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
+			r !== null && _n(e.editor, r, t, { visualIndex: i }), M(t, n);
+		}, F = () => {
+			N(), M("selection", "selection-edge");
+		}, I = (r = !1) => {
+			t.value = null, n.value = null, l.value = null, r && e.editor.view.focus();
+		}, L = async (n, r) => {
+			let i = await tn({
 				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;
-		}, M = (t) => {
-			let n = tn(e.editor, t);
-			n && e.onEditWithAi?.(n), A(!0);
-		}, N = (e) => {
-			!t.value || e.key !== "Escape" || A(!0);
-		}, P = (e) => {
-			t.value && (e.target instanceof Node && c.value?.contains(e.target) || A());
+			return i.copyFeedback ? (D(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : D(null), e.onCommandResult?.(i.commandResult), i.success;
+		}, ee = (t) => {
+			let n = un(e.editor, t);
+			n && e.onEditWithAi?.(n), I(!0);
+		}, R = (e) => {
+			t.value !== "row" && t.value !== "column" || e(t.value) && (d.value += 1, j());
+		}, z = (t) => {
+			let n = t === "row" ? x.value : S.value, r = e.interactionState.hoverCellPos ?? b.value.activeCellPos;
+			!n || r === null || Cn(e.editor, r, t, { visualIndex: n.index }) && L(t === "row" ? "add-row-after" : "add-column-after", t);
+		}, te = (e, t, n) => {
+			v = {
+				axis: e,
+				index: t
+			}, y = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
+		}, ne = (t) => {
+			if (!v) return;
+			let n = on(e.editor, v.axis, t.clientX, t.clientY);
+			n !== null && (t.preventDefault(), y = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
+		}, B = (t) => {
+			let n = v;
+			if (!n) return;
+			let r = on(e.editor, n.axis, t.clientX, t.clientY) ?? y;
+			t.preventDefault(), v = null, y = null, r !== null && gn(e.editor, n.axis, n.index, r);
+		}, V = G(() => (d.value, t.value === "row" || t.value === "column" ? sn(e.editor, t.value) : null)), re = (e) => {
+			if (!(!t.value || e.key !== "Escape")) {
+				if (n.value) {
+					n.value = null;
+					return;
+				}
+				I(!0);
+			}
+		}, ie = (e) => {
+			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			let t = e.currentTarget;
+			if (!(t instanceof HTMLElement)) return;
+			let n = Array.from(t.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), r = n.indexOf(document.activeElement), i = e.key === "ArrowDown" ? 1 : -1, a = r < 0 ? 0 : Math.min(n.length - 1, Math.max(0, r + i));
+			e.preventDefault(), e.stopPropagation(), n[a]?.focus();
+		}, ae = (e) => {
+			t.value && (e.target instanceof Node && f.value?.contains(e.target) || I());
 		};
-		Cn(() => {
-			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", N), document.addEventListener("mousedown", P);
+		In(() => {
+			A(), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), document.addEventListener("keydown", re), document.addEventListener("mousedown", ae), document.addEventListener("dragover", ne), document.addEventListener("drop", B);
 		}), q(() => {
-			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", N), document.removeEventListener("mousedown", P);
+			E(), window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0), document.removeEventListener("keydown", re), document.removeEventListener("mousedown", ae), document.removeEventListener("dragover", ne), document.removeEventListener("drop", B);
 		}), K(() => [
 			e.active,
-			m.value.activeCellPos,
-			m.value.selectionFrom,
-			m.value.selectionTo,
+			b.value.activeCellPos,
+			b.value.selectionFrom,
+			b.value.selectionTo,
 			e.interactionState.hoverCellPos,
 			e.interactionState.hoverVisualColumnIndex,
 			e.interactionState.hoverVisualRowIndex,
 			t.value,
-			n.value
-		], T, { flush: "post" });
-		let F = () => t.value ? H("div", {
-			ref: f,
-			class: "markweave-table-menu",
-			role: "menu",
-			"aria-label": un(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 = nn(n), a = r === 0 ? i : nn(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Jt(e.editor, n.commandId), c = rn(n, e.messages);
-			return H("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) {
-							M(t.value === "row" || t.value === "column" ? t.value : "selection");
-							return;
+			r.value
+		], j, { flush: "post" });
+		let oe = () => {
+			if (!t.value) return null;
+			let r = T.value.map((r, i) => {
+				let a = dn(r), o = i === 0 ? a : dn(T.value[i - 1]), s = i > 0 && o !== a, c = r.submenuId ? !0 : r.commandId === null ? !!e.onEditWithAi : en(e.editor, r.commandId), l = fn(r, e.messages), u = Ai[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) {
+								ee(t.value === "row" || t.value === "column" ? t.value : "selection");
+								return;
+							}
+							L(r.commandId).finally(() => I());
 						}
-						j(n.commandId).finally(() => A());
 					}
-				}
-			}, c);
-		})) : null;
+				}, [
+					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(cr, {
+						class: "markweave-table-menu-chevron",
+						size: 16,
+						"aria-hidden": "true"
+					}) : null
+				]);
+			});
+			if (n.value === "color" && (t.value === "row" || t.value === "column") && r.push(H("div", {
+				class: "markweave-table-submenu markweave-table-color-menu",
+				role: "menu",
+				"aria-label": e.messages.table.submenus.color,
+				"data-testid": "markweave-table-color-menu",
+				onKeydown: ie
+			}, [
+				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.textColor),
+				...vn.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: () => R((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),
+				...vn.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: () => R((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 = ji[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: () => R((n) => Jt(e.editor, n, t))
+					}, [H(r, {
+						size: 18,
+						strokeWidth: 1.8,
+						"aria-hidden": "true"
+					}), H("span", null, e.messages.table.alignments[t])]);
+				};
+				r.push(H("div", {
+					class: "markweave-table-submenu markweave-table-alignment-menu",
+					role: "menu",
+					"aria-label": e.messages.table.submenus.alignment,
+					"data-testid": "markweave-table-alignment-menu",
+					onKeydown: ie
+				}, [
+					...bn.map((e) => t(e, V.value?.textAlign === e)),
+					H("div", { class: "markweave-table-submenu-separator" }),
+					...Sn.map((e) => t(e, V.value?.verticalAlign === e))
+				]));
+			}
+			return H("div", {
+				ref: g,
+				class: "markweave-table-menu",
+				role: "menu",
+				"aria-label": xn(t.value, e.messages),
+				"data-testid": "markweave-table-menu",
+				"data-positioned": l.value ? "true" : "false",
+				"data-submenu": n.value ?? "none",
+				style: l.value ? {
+					left: `${l.value.left}px`,
+					top: `${l.value.top}px`
+				} : void 0,
+				onKeydown: ie
+			}, r);
+		};
 		return () => e.active ? H("div", {
-			ref: c,
+			ref: f,
 			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 ? H("div", {
+			u.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
-			}, Xt(s.value)) : null,
-			r.value ? H("button", {
-				ref: l,
+				"data-copy-kind": u.value.kind,
+				"data-text-length": u.value.textLength,
+				"data-html-length": u.value.htmlLength
+			}, nn(u.value)) : null,
+			i.value ? H("button", {
+				ref: p,
 				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": x.value?.index ?? "",
+				"data-axis-selected-cells": x.value?.selectedCellCount ?? "",
+				"data-axis-visual-cells": x.value?.visualCellCount ?? "",
+				"data-axis-visual-size": x.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: () => O("row", "row-edge")
-			}, [H("span", { "aria-hidden": "true" }, "...")]) : null,
-			i.value ? H("button", {
-				ref: u,
+				onClick: () => P("row", "row-edge"),
+				onDragstart: (e) => te("row", x.value?.index ?? 0, e),
+				onDragend: () => {
+					v = null, y = null;
+				}
+			}, [H(Mr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			a.value ? H("button", {
+				ref: m,
 				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": S.value?.index ?? "",
+				"data-axis-selected-cells": S.value?.selectedCellCount ?? "",
+				"data-axis-visual-cells": S.value?.visualCellCount ?? "",
+				"data-axis-visual-size": S.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: () => O("column", "column-edge")
-			}, [H("span", { "aria-hidden": "true" }, "...")]) : null,
-			v.value && a.value ? H("button", {
-				ref: d,
+				onClick: () => P("column", "column-edge"),
+				onDragstart: (e) => te("column", S.value?.index ?? 0, e),
+				onDragend: () => {
+					v = null, y = null;
+				}
+			}, [H(Mr, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			w.value && o.value ? H("button", {
+				ref: h,
 				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: F
+			}, [H(Mr, {
+				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: () => z("row")
+			}, [H(Ir, {
+				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: k
-			}, [H("span", { "aria-hidden": "true" }, "...")]) : null,
-			F()
+				onClick: () => z("column")
+			}, [H(Ir, {
+				size: 14,
+				"aria-hidden": "true"
+			})]) : null,
+			oe()
 		]) : null;
 	}
-}), Qr = Y({
+}), Ni = Y({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2985,9 +3606,9 @@ var Jr = Y({
 				t.value = null;
 				return;
 			}
-			t.value = sn(e.editor, Ut(e.editor.state));
+			t.value = hn(e.editor, Gt(e.editor.state));
 		};
-		return Cn(() => {
+		return In(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
 		}), q(() => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -3023,7 +3644,7 @@ var Jr = Y({
 			}) : null;
 		};
 	}
-}), $r = Y({
+}), Pi = Y({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -3235,7 +3856,7 @@ var Jr = Y({
 			immediate: !0
 		});
 		let ve = null;
-		return Cn(() => {
+		return In(() => {
 			J(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
 					if (n.target instanceof Node && t.value?.contains(n.target) || u.value) return;
@@ -3535,7 +4156,7 @@ var Jr = Y({
 			]);
 		};
 	}
-}), ei = Y({
+}), Fi = Y({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3563,7 +4184,7 @@ var Jr = Y({
 		let t = U(null), n, r = () => {
 			n?.(), n = e.placement === "container" && t.value ? ke(t.value) : void 0;
 		};
-		return Cn(r), q(() => n?.()), K(() => e.placement, r), () => e.state.items.length ? H("nav", {
+		return In(r), q(() => n?.()), K(() => e.placement, r), () => e.state.items.length ? H("nav", {
 			ref: t,
 			class: "markweave-inner-toc",
 			"data-testid": "markweave-inner-toc",
@@ -3591,8 +4212,8 @@ var Jr = Y({
 		}, t.text)))])]) : null;
 	}
 });
-function ti(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(Lt), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(Wt), x = U(null), S = U(!1), C = W(null), w = oe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
+function Ii(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 = oe(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;
 	}
@@ -3603,7 +4224,7 @@ function ti(e = {}) {
 	}
 	let A = e.onSlashCommandUpload, j = W(null);
 	j.value = new a({
-		extensions: Ir({
+		extensions: hi({
 			lang: i,
 			linkCardResolver: e.linkCardResolver,
 			onImageUpload: (e) => A?.(e) ?? ee(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
@@ -3630,7 +4251,7 @@ function ti(e = {}) {
 				return r ? (n.preventDefault(), n.stopPropagation(), N(), Ct(e, r, !0), wt(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => u.value ? (h.value = Rt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
+				compositionstart: () => u.value ? (h.value = Bt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
 				compositionend: (e) => (u.value && window.setTimeout(() => P(e), 0), !1),
 				click: (e, t) => {
 					if (!u.value) return me(t);
@@ -3644,7 +4265,7 @@ function ti(e = {}) {
 			p(t, {
 				mode: c.value,
 				editable: u.value
-			}), Et(t, l.value), Dt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Vt(t), L(t), I(t), O();
+			}), Et(t, l.value), Dt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Ut(t), L(t), I(t), O();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
 			if (L(e), (t.docChanged || Tt(t)) && k(), t.docChanged && y.value) {
@@ -3665,19 +4286,24 @@ function ti(e = {}) {
 	});
 	let M = G(() => j.value ?? null);
 	function N() {
-		g.value = null, _.value = null, h.value = Lt;
+		g.value = null, _.value = null, h.value = zt;
 	}
 	function P(e) {
-		let t = It(e.state);
+		let t = Lt(e.state);
 		if (!t) {
-			h.value = h.value.name === "idle" ? h.value : Lt, 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 = Ft(n, {
+		if (!Rt(r, { frameRect: i })) {
+			N();
+			return;
+		}
+		let a = It(n, {
 			frameRect: i,
 			triggerRect: r
-		}), h.value = Pt(h.value, t);
+		});
+		Nt(g.value, a) || (g.value = a), h.value = Ft(h.value, t);
 	}
 	function F(e) {
 		P(e.view);
@@ -3691,66 +4317,66 @@ function ti(e = {}) {
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
 	function L(e) {
-		b.value = zr(e);
+		b.value = vi(e);
 	}
-	let R = G(() => M.value ? Ne(M.value) : Rr), z = G(() => M.value ? Ht(M.value.state) : Lr), ne = G(() => m.value?.currentNode === "codeBlock"), B = G(() => ne.value && R.value.language === "mermaid"), se = G(() => M.value ? kt({
-		active: B.value,
+	let R = G(() => M.value ? Ne(M.value) : _i), z = G(() => M.value ? Wt(M.value.state) : gi), ne = G(() => m.value?.currentNode === "codeBlock"), se = G(() => ne.value && R.value.language === "mermaid"), ce = G(() => M.value ? kt({
+		active: se.value,
 		mode: v.value,
 		source: R.value.text
 	}) : kt({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), ce = G(() => M.value && e.onRuntimeStateChange ? Bt(M.value.state) : null), le = G(() => M.value ? Ee(M.value.state) : we.items), ue = G(() => De(le.value, x.value)), de = G(() => Ce(le.value, ue.value)), fe = G(() => At(h.value.query, s)), pe = G(() => he({
+	})), le = G(() => M.value && e.onRuntimeStateChange ? Ht(M.value.state) : null), ue = G(() => M.value ? Ee(M.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: z.value,
 		tableInteraction: b.value,
 		codeBlock: R.value,
-		mermaid: se.value,
-		tableDebugSnapshot: ce.value
-	})), _e = {
+		mermaid: ce.value,
+		tableDebugSnapshot: le.value
+	})), be = {
 		closeSlashMenu: N,
-		focusFirstTableBodyCell: () => M.value ? Vt(M.value) : !1,
+		focusFirstTableBodyCell: () => M.value ? Ut(M.value) : !1,
 		setContent: (e, t = {}) => {
 			if (!M.value) return !1;
 			let n = oe(t.format);
 			return M.value.commands.setContent(e, {
 				contentType: re(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Vt(M.value), I(M.value), u.value && F(M.value), L(M.value), O(), !0;
+			}), t.focusFirstTableBodyCell && Ut(M.value), I(M.value), u.value && F(M.value), L(M.value), O(), !0;
 		}
 	};
-	function be(e, t) {
+	function xe(e, t) {
 		if (!(!M.value || !u.value || !jt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				_.value = e;
 				return;
 			}
-			Nt(M.value, h.value, e, t), h.value = Rt(h.value, { type: "execute" }), N();
+			Pt(M.value, h.value, e, t), h.value = Bt(h.value, { type: "execute" }), N();
 		}
 	}
-	function xe(e) {
+	function Oe(e) {
 		if (!M.value || _.value || !u.value) return;
-		let t = Mt(h.value, fe.value, e.key, { isComposing: e.isComposing || te(M.value.state) });
+		let t = Mt(h.value, pe.value, e.key, { isComposing: e.isComposing || te(M.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = Rt(h.value, { type: "escape" }), N();
+				h.value = Bt(h.value, { type: "escape" }), N();
 				return;
 			}
 			if (t.type === "move-active") {
-				h.value = Rt(h.value, {
+				h.value = Bt(h.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				});
 				return;
 			}
-			be(t.command);
+			xe(t.command);
 		}
 	}
 	K(() => [e.mode, e.editable], () => {
@@ -3772,38 +4398,50 @@ function ti(e = {}) {
 				emitUpdate: !1
 			}), S.value = !1, I(M.value), u.value && F(M.value), L(M.value), O());
 		}
-	}), K(pe, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(de, (t) => e.onTocChange?.(t), { immediate: !0 }), K(le, (e) => {
+	}), 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;
+	let ke = B(() => {
+		M.value && g.value && P(M.value.view);
+	}), Ae = () => {
+		g.value && ke.schedule();
+	};
+	K(g, (e) => {
+		e ? Ae() : ke.cancel();
+	}), In(() => {
+		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);
-	}), Cn(() => {
+	}), In(() => {
 		let e = () => {
-			if (!M.value || !le.value.length) {
+			if (!M.value || !ue.value.length) {
 				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = Te(M.value, le.value);
+				e = Te(M.value, ue.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = Br(M.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 = yi(M.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);
 		};
 	}), q(() => {
-		Oe?.();
+		je?.();
 		let e = j.value;
 		j.value = null, J(() => e?.destroy());
 	}), {
 		editor: M,
-		runtimeSnapshot: pe,
-		actions: _e,
+		runtimeSnapshot: _e,
+		actions: be,
 		__render: {
 			messages: o,
 			effectiveEditable: u,
@@ -3816,20 +4454,20 @@ function ti(e = {}) {
 			setMermaidMode: (e) => {
 				v.value = e;
 			},
-			tocState: de,
-			filteredSlashCommands: fe,
+			tocState: fe,
+			filteredSlashCommands: pe,
 			slashState: h,
 			slashMenuPosition: g,
 			slashInputCommand: _,
-			runSlashCommand: be,
-			handleEditorKeyDown: xe,
+			runSlashCommand: xe,
+			handleEditorKeyDown: Oe,
 			setSlashInputCommand: (e) => {
 				_.value = e;
 			}
 		}
 	};
 }
-var ni = Y({
+var Li = Y({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3938,7 +4576,7 @@ var ni = Y({
 		}
 	},
 	setup(e) {
-		let t = ti(e);
+		let t = Ii(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
@@ -3956,11 +4594,11 @@ var ni = Y({
 				"data-table-focus-mode": r.tableFocusState.value.mode,
 				onKeydownCapture: r.handleEditorKeyDown
 			}, [
-				r.effectiveEditable.value ? H(Jr, {
+				r.effectiveEditable.value ? H(Di, {
 					editor: n,
 					messages: r.messages
 				}) : null,
-				r.effectiveEditable.value ? H(Xr, {
+				r.effectiveEditable.value ? H(ki, {
 					commands: r.filteredSlashCommands.value,
 					state: r.slashState.value,
 					position: r.slashMenuPosition.value,
@@ -3970,7 +4608,7 @@ var ni = Y({
 					onInputCommandChange: r.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				r.effectiveEditable.value ? H(Zr, {
+				r.effectiveEditable.value ? H(Mi, {
 					editor: n,
 					active: r.tableFocusState.value.active,
 					interactionState: r.tableInteractionState.value,
@@ -3979,11 +4617,11 @@ var ni = Y({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				r.effectiveEditable.value ? H(Qr, {
+				r.effectiveEditable.value ? H(Ni, {
 					editor: n,
 					focusState: r.tableFocusState.value
 				}) : null,
-				H($r, {
+				H(Pi, {
 					editor: n,
 					state: r.codeBlockState.value,
 					active: r.effectiveEditable.value && r.isCodeBlockActive.value,
@@ -3991,14 +4629,14 @@ var ni = Y({
 					onMermaidModeChange: r.setMermaidMode,
 					readOnly: !r.effectiveEditable.value
 				}),
-				e.innerToc && r.tocState.value.items.length ? H(ei, {
+				e.innerToc && r.tocState.value.items.length ? H(Fi, {
 					editor: n,
 					state: r.tocState.value,
 					messages: r.messages,
 					editable: r.effectiveEditable.value,
 					placement: Oe(e.innerTocPlacement)
 				}) : null,
-				r.effectiveEditable.value && r.mathTarget.value ? H(Yr, {
+				r.effectiveEditable.value && r.mathTarget.value ? H(Oi, {
 					editor: n,
 					messages: r.messages,
 					target: r.mathTarget.value,
@@ -4010,4 +4648,4 @@ var ni = Y({
 	}
 });
 //#endregion
-export { ni as MarkweaveEditor, Ir as createMarkweaveEditorExtensions, Ir as createMarkweaveVue2EditorExtensions, ti as useMarkweaveEditorController };
+export { Li as MarkweaveEditor, hi as createMarkweaveEditorExtensions, hi as createMarkweaveVue2EditorExtensions, Ii as useMarkweaveEditorController };